diff options
| author | Szymon Szukalski <szymon@skas.io> | 2023-10-26 22:39:38 +1100 |
|---|---|---|
| committer | Szymon Szukalski <szymon@skas.io> | 2023-10-26 22:39:38 +1100 |
| commit | 74b008cf0b8494360326a3e4921e832f72e23bfc (patch) | |
| tree | c32d4606517e8719565e0181bf18bb24abd8df9c /Recipes | |
| parent | 4dbc92024433c2e5df1d6e858712d2c6cc96ea09 (diff) | |
Added recipes
Diffstat (limited to 'Recipes')
324 files changed, 47228 insertions, 0 deletions
diff --git a/Recipes/15-Minute Mushroom Sauce without Cream.html b/Recipes/15-Minute Mushroom Sauce without Cream.html new file mode 100644 index 0000000..f4f4594 --- /dev/null +++ b/Recipes/15-Minute Mushroom Sauce without Cream.html @@ -0,0 +1,234 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://farm9.staticflickr.com/8475/8085482502_4853d1b73a_z.jpg"> + <img src="Images/81BAC90C-DF4C-404D-A4B2-60A56F3709AA-21470-00000353CF5BB845/DC9DBD75-87DE-420C-B325-DD11687ABB6C-21470-00000353D0D5EDB5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">15-Minute Mushroom Sauce without Cream</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Sauce</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">10 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">2 people</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.foodiebaker.com/15-minutes-mushroom-sauce-for-steaks-and-mashed-potatoes/"> + <span itemprop="author">foodiebaker.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> tablespoon butter salted or unsalted</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tablespoon olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic minced / finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> grams button mushrooms sliced thinly</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tablespoon cornstarch</p><p class="line" itemprop="recipeIngredient">Salt and freshly ground black pepper to taste</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat oil and butter in a pot over medium heat until the butter has melted. Add in the garlic and stir constantly for 1 minute until fragrant. Add in the sliced mushrooms and stir-fry until the mushrooms are lightly browned and have reduced in size - about 5 minutes.</p><p class="line">Add in 75 ml of the milk and bring to a boil, then turn down the heat and simmer for another 3 minutes, stirring occasionally. Dissolve the corn flour in the remaining milk and drizzle it into the sauce, simmering for another 2 minutes or until the sauce has thickened. Season with salt and black pepper to taste.</p><p class="line">Serve immediately over the cooked steaks. If not, cover and heat up when needed.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>If you do have cream available, you can substitute milk with cream. Omit the cornflour.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>107 kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Almond and Honey Pancakes with Blueberries.html b/Recipes/Almond and Honey Pancakes with Blueberries.html new file mode 100644 index 0000000..d8716f1 --- /dev/null +++ b/Recipes/Almond and Honey Pancakes with Blueberries.html @@ -0,0 +1,303 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/F08EF0CD-059E-4288-8A9E-3B35DD55E265.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Almond and Honey Pancakes with Blueberries</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>25</strong>g ground almonds</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g rolled oats</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large egg</p><p class="line" itemprop="recipeIngredient"><strong>45</strong>ml almond milk, unsweetened</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tsp honey</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp yoghurt, such as greek, natural, soya</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g blueberries</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Combine the ground almonds, rolled oats, baking powder, egg, almond milk, half of the honey and a pinch of salt in a liquidiser and blend until smooth.</p><p class="line"><strong>Step 2</strong><br/>Melt the coconut oil in a non-stick frying pan and fry large spoonfuls of the batter for 1 minute until bubbles form on the surface, then flip and cook for a further 30 seconds. Repeat with the remaining batter then stack up and top with the yoghurt. Drizzle over the remaining honey and serve with the blueberries.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/19BF9D4E-4696-4D40-99E7-0631D70A971A.jpg', + src: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/19BF9D4E-4696-4D40-99E7-0631D70A971A.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/93951037-5DA5-498D-B3D0-B2D81F0F7CEB.jpg', + src: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/93951037-5DA5-498D-B3D0-B2D81F0F7CEB.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/3C5C3083-2EAD-4ED2-9699-9FBB8A4D74EA.jpg', + src: 'Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/3C5C3083-2EAD-4ED2-9699-9FBB8A4D74EA.jpg', + w: 946.0, + h: 2048.0, + title: '3' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Apple & Raspberry Breakfast Oat Slice.html b/Recipes/Apple & Raspberry Breakfast Oat Slice.html new file mode 100644 index 0000000..5e00776 --- /dev/null +++ b/Recipes/Apple & Raspberry Breakfast Oat Slice.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/5D1DF25A-DB6F-489B-86B3-2B1BAE865FBD-13068-0000040F04D3CD18.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Apple & Raspberry Breakfast Oat Slice</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Snack</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Yield: 15 slices</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.goodiegoodielunchbox.com.au/apple-raspberry-breakfast-oat-slice/"> + <span itemprop="author">goodiegoodielunchbox.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> cups oats</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup self raising wholemeal flour</p><p class="line" itemprop="recipeIngredient">zest of 1 lemon</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup honey</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> grated apples</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g raspberries</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat your oven to 180c and grease and line a 17.5×22.5cm slice pan with baking paper</p><p class="line">Over a medium low heat melt together the honey and butter</p><p class="line">In a large bowl mix together the oats and flour and lemon zest</p><p class="line">Add the grated apple and stir though with the melted butter and honey until combined</p><p class="line">Stir through the raspberries and press the mixture into the slice pan</p><p class="line">Bake at 180c for around 25 minutes or until lightly golden and the top bounces back when pressed lightly</p><p class="line">When the slice is cool, cut into 15 pieces.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Arancini.html b/Recipes/Arancini.html new file mode 100644 index 0000000..2cb218e --- /dev/null +++ b/Recipes/Arancini.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/42F75088-19F6-4C34-9BAB-E18CEA1B8C10.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Arancini</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">20 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>75</strong>g panko breadcrumbs</p><p class="line" itemprop="recipeIngredient"><strong>35</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>600</strong>g cooked risotto</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g broccoli </p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g frozen corn</p><p class="line" itemprop="recipeIngredient">mayonnaise </p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bake at 180 degrees for approximately 30 minutes</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/B2590FDF-E2F1-4FAD-8FFA-B2296D3357AF.jpg', + src: 'Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/B2590FDF-E2F1-4FAD-8FFA-B2296D3357AF.jpg', + w: 680.0, + h: 680.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Asparagus & Mushroom Risotto with Fresh Parsley & Lemon.html b/Recipes/Asparagus & Mushroom Risotto with Fresh Parsley & Lemon.html new file mode 100644 index 0000000..3a57559 --- /dev/null +++ b/Recipes/Asparagus & Mushroom Risotto with Fresh Parsley & Lemon.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/46337974.jpg?tr=w-800,h-1066"> + <img src="Images/D59A3930-3F01-4F6F-9663-594787B44EEC-21470-00000350FF1F89AB/2F63083F-6E89-4773-A294-9D5B6FBA32DA-21470-000003510173199E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Asparagus & Mushroom Risotto with Fresh Parsley & Lemon</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Rice</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">45 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 45 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/risotto-recipes/asparagus-mushroom-risotto-with-fresh-parsley-lemon/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>10</strong> g dried porcini</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stick of celery</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g asparagus</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g chestnut mushrooms</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vegetable stock cube or pot , organic</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a bunch of flat-leaf parsley , (15g)</p><p class="line" itemprop="recipeIngredient"><strong>20</strong> g Italian hard cheese</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g risotto rice</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>ml white wine , (optional)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Place the porcini in a small bowl, just cover with boiling water and leave to rehydrate. Peel and finely chop the onion and garlic, then trim and finely chop the celery. Snap off and discard the woody asparagus ends, cut off the tips and roughly chop the stalks. Roughly chop the chestnut mushrooms.Heat a splash of oil in a medium pan over a medium-low heat, add the onion, celery and a splash of water, then cook for around 5 minutes, or until softened but not coloured, stirring occasionally. Scoop out, finely chop and add the porcini to the pan with the soaking water, leaving any gritty bits behind.Bring 600ml of water to the boil in a medium pan, add the stock cube or pot and stir to dissolve. Keep over a low heat.Place another pan over a medium heat with a drizzle of oil, then add the garlic, mushrooms and a small pinch of sea salt and black pepper. Cook gently for a few minutes, or until softened.Pick and finely chop the parsley leaves, then add the stalks to the stock. Finely grate the cheese.Once the vegetables are soft, stir in the rice and and fry for 1 minute until translucent. Pour in the wine (or replace with 50ml stock), and keep stirring until absorbed.Turn the heat up to medium, then add a ladleful of hot stock (avoid the parsley stalks!). Keep stirring and adding stock, a ladle at a time, waiting for the rice to soak it all up before adding the next ladleful. Continue until you’ve added two-thirds of the stock. Stir the asparagus and cooked mushrooms into the pan. Keep adding the remaining stock until the rice is just cooked and the risotto is nice and oozy – if you run out of stock, use boiling water. Remove from the heat and stir in most of the cheese. Season to taste with salt, pepper and a squeeze of lemon juice, then cover and leave to sit for 2 minutes. Divide between your plates, then serve with the parsley and remaining cheese on top.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 447 22%<br/>Fat 11.3g 16%<br/>Saturates 2.9g 15%<br/>Sugars 5.7g 6%<br/>Salt 0.5g 8%<br/>Protein 18.1g 36%<br/>Carbs 67.4g 26%<br/>Fibre 4.9g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Asparagus & New Potato Frittata.html b/Recipes/Asparagus & New Potato Frittata.html new file mode 100644 index 0000000..1ba3351 --- /dev/null +++ b/Recipes/Asparagus & New Potato Frittata.html @@ -0,0 +1,225 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/asparagus-new-potato-frittata-f30169b.jpg?quality=90&resize=440,400"> + <img src="Images/BAA30B96-BE59-4B55-863F-815DF7680478-21109-000003438CECA59B/C13B245E-A71C-4666-BF10-4F5D2F6EE615-21109-000003439294BFED.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Asparagus & New Potato Frittata</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Egg</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">12 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 3</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/asparagus-new-potato-frittata"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g new potatoes, quartered</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g asparagus tips</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs, beaten</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g cheddar, grated</p><p class="line" itemprop="recipeIngredient">rocket or mixed leaves, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the grill to high. Put the potatoes in a pan of cold salted water and bring to the boil. Once boiling, cook for 4-5 mins until nearly tender, then add the asparagus for a final 1 min. Drain.</p><p class="line">Meanwhile, heat the oil in an ovenproof frying pan and add the onion. Cook for about 8 mins until softened.</p><p class="line">Mix the eggs with half the cheese in a jug and season well. Pour over the onion in the pan, then scatter over the asparagus and potatoes. Top with the remaining cheese and put under the grill for 5 mins or until golden and cooked through. Cut into wedges and serve from the pan with salad.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Asparagus Quiche & Soup.html b/Recipes/Asparagus Quiche & Soup.html new file mode 100644 index 0000000..ecc925b --- /dev/null +++ b/Recipes/Asparagus Quiche & Soup.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/92507804.jpg?tr=w-800,h-1066"> + <img src="Images/272F477F-7FC3-46BE-A429-A9D507FAFC33-21470-0000034D8173C4BD/3D817473-17CB-4095-A1EA-5F04A654DE55-21470-0000034D845ECDC6.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Asparagus Quiche & Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Egg</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">8 1 hour 15 minutes plus chilling</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/asparagus-recipes/asparagus-quiche-soup/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>125</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> g wholemeal flour</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> g unsalted butter , (cold)</p><p class="line" itemprop="recipeIngredient"><strong>7</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> kg asparagus</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large potatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> onions</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a bunch of fresh thyme , (15g)</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> litres organic vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g ricotta cheese</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g mature Cheddar cheese</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180ºC/350ºF/gas 4. Tip the flours into a bowl with a good pinch of sea salt, then chop and rub in the butter. Make a well in the middle, crack in one of the eggs, add 2 tablespoons of cold water, then mix, pat and bring together. Place between two large sheets of greaseproof paper, flatten to 1.5cm thick and chill in the fridge for 30 minutes. Roll out the pastry between the sheets of greaseproof, then line a 25cm loose-bottomed tart tin with the pastry, easing and pushing it carefully into the sides and letting the pastry scruffily hang right over the sides (this will stop it shrinking). Prick the base all over with a fork and bake for 20 minutes, or until lightly golden, then trim off the excess pastry (sometimes I don’t bother as people seem to love the crispy bits).Halve the asparagus spears, saving the tips for the quiche. Chop and place the rest in a large pan over a medium heat with 1 tablespoon of oil. Peel, roughly chop and add the potatoes and onions and strip in half the thyme leaves, and cook for 15 minutes, or until lightly golden, stirring regularly. Pour in the stock, bring to the boil, then simmer for 15 minutes. Whiz with a stick blender until smooth, pass through a sieve, then season to taste with salt and black pepper.While the soup is on the go, beat the remaining eggs in a bowl with a pinch of salt and pepper and the ricotta, then grate in the Cheddar and pick in the remaining thyme leaves. Chop and add the reserved asparagus tips, then stir into the egg mixture and tip into the tart case. Bake for 40 minutes, or until beautifully golden. I like to serve the quiche and soup together – it’s a wonderful meal.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 514 26%<br/>Fat 30.4g 43%<br/>Saturates 15.4g 77%<br/>Sugars 6.3g 7%<br/>Salt 1.1g 18%<br/>Protein 23.1g 46%<br/>Carbs 39.7g 15%<br/>Fibre 5.5g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Baked Polenta Chips with Pesto Dip.html b/Recipes/Baked Polenta Chips with Pesto Dip.html new file mode 100644 index 0000000..ca2b222 --- /dev/null +++ b/Recipes/Baked Polenta Chips with Pesto Dip.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/52110988.jpg?tr=w-800,h-1066"> + <img src="Images/160408C8-96D2-4733-9AC8-3FE73A581E5C-21470-000003552CC8C189/14299BED-20F5-4922-9977-4A897FFD9811-21470-000003553175AB1A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Baked Polenta Chips with Pesto Dip</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">50 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 50 minutes plus chilling</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/cheese-recipes/baked-polenta-chips-with-pesto-dip/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong> ml organic vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g quick-cook polenta , plus 2 tablespoons for dusting</p><p class="line" itemprop="recipeIngredient"><strong>40</strong> g Parmesan cheese , plus extra to serve</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons dried oregano</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">PESTO DIP</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g Parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch of fresh basil</p><p class="line" itemprop="recipeIngredient">extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons white wine vinegar</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring the stock to the boil and slowly whisk in the polenta, stirring constantly. Add a pinch of sea salt and, after a few minutes, once thickened, finely grate in the Parmesan and stir in the oregano. Pour into a greased and lined 20cm square tin and pop in the fridge to chill and firm up, about 1 hour.For the dip, toast the pine nuts in a dry pan, then tip into a food processor. Crush in the garlic and grate in the Parmesan, measure in 60ml of extra virgin olive oil, then add the rest of the ingredients and pulse until combined but still coarse. Season to taste, and scrape into a serving bowl. Preheat oven to 220ºC/425ºF/gas 7. Cut the chilled polenta into chips and brush with 2 tablespoons of olive oil. Dust with the extra polenta. Arrange on a greased baking tray in a single layer and bake for 30 minutes, or until crisp and golden. Serve the hot polenta chips with some extra Parmesan grated on top, and the pesto dip on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 480 24%<br/>Fat 33.3g 48%<br/>Saturates 7.6g 38%<br/>Sugars 0.9g 1%<br/>Salt 0.74g 12%<br/>Protein 13.5g 27%<br/>Carbs 30.9g 12%<br/>Fibre 1.7g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Baked Potates With Bean Chilli.html b/Recipes/Baked Potates With Bean Chilli.html new file mode 100644 index 0000000..d540883 --- /dev/null +++ b/Recipes/Baked Potates With Bean Chilli.html @@ -0,0 +1,188 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Baked Potates With Bean Chilli</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Potatoe</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>3</strong> potatoes, white or sweet</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> cubes bean mix</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, or pickled red onions</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup greek yoghurt</p><p class="line" itemprop="recipeIngredient">iceberg lettuce</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Baked Potato With Bolognese.html b/Recipes/Baked Potato With Bolognese.html new file mode 100644 index 0000000..c71177a --- /dev/null +++ b/Recipes/Baked Potato With Bolognese.html @@ -0,0 +1,186 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Baked Potato With Bolognese</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Potatoe</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">bolognese</p><p class="line" itemprop="recipeIngredient">spring onion</p><p class="line" itemprop="recipeIngredient">cheese</p><p class="line" itemprop="recipeIngredient">yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> potatoes</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Baked Pumpkin and Sage Risotto.html b/Recipes/Baked Pumpkin and Sage Risotto.html new file mode 100644 index 0000000..d2f3fbb --- /dev/null +++ b/Recipes/Baked Pumpkin and Sage Risotto.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.thehomechannel.co.za/wp-content/themes/SketchPad/scripts/timthumb.php?src=https://www.thehomechannel.co.za/wp-content/uploads/2012/10/Baked-Pumpkin-And-Sage-Riso.jpg&h=360&w=608&zc=1"> + <img src="Images/8236B6D5-AB30-42C9-84CC-B1268BA4EDE9/6B2C5CFA-D061-4274-9A31-216FD0787524.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Baked Pumpkin and Sage Risotto</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.thehomechannel.co.za/baked-pumpkin-and-sage-risotto/"> + <span itemprop="author">thehomechannel.co.za</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, chopped</p><p class="line" itemprop="recipeIngredient">Baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>12</strong> sage leaves</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g Arborio rice</p><p class="line" itemprop="recipeIngredient"><strong>800</strong>g pumpkin, peeled and chopped into small pieces</p><p class="line" itemprop="recipeIngredient"><strong>1.25</strong> litres (5 cups) chicken stock</p><p class="line" itemprop="recipeIngredient">Sea salt and cracked black pepper</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g finely grated parmesan</p><p class="line" itemprop="recipeIngredient">Extra finely grated parmesan and fried sage leaves, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat oven to 200°C (400°F). Heat a large ovenproof saucepan over medium-high heat.</p><p class="line">Add the oil and onion and cook for 3 minutes or until soft. Add the sage and cook for 1 minute.</p><p class="line">Add the rice, pumpkin and stock and cover with a tight-fitting lid.</p><p class="line">Bake for 30 minutes.</p><p class="line">The risotto will be quite liquid. Stir through the salt, pepper, butter and parmesan and stir for 2 minutes until the risotto thickens slightly.</p><p class="line">Sprinkle with extra parmesan and fried sage leaves to serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Banana & Cinnamon Pancakes.html b/Recipes/Banana & Cinnamon Pancakes.html new file mode 100644 index 0000000..3e12e41 --- /dev/null +++ b/Recipes/Banana & Cinnamon Pancakes.html @@ -0,0 +1,195 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Banana & Cinnamon Pancakes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">High Protein</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>130</strong>g fat-free quark</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium banana, peeled and sliced (100g)</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground cinnamon</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Put the quark, eggs, flour and pinch of salt into a liquidiser and blend until smooth.</p><p class="line"><strong>Step 2</strong><br/>Heat a non-stick frying pan over a medium-high heat and add the oil. Pour in enough batter to coat the base of the pan then cook for a minute on each side until golden. Repeat with the remaining batter.</p><p class="line"><strong>Step 3</strong><br/>Fold or stack the pancakes and serve with the banana, maple syrup and sprinkle of cinnamon.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Barszcz.html b/Recipes/Barszcz.html new file mode 100644 index 0000000..7f9c09a --- /dev/null +++ b/Recipes/Barszcz.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/B652D798-6DA4-483B-9DBC-361C57EE8A41-60771-000007866ACEB484.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Barszcz</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://aniastarmach.pl/przepis/barszcz-na-zakwasie/"> + <span itemprop="author">aniastarmach.pl</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> turnips</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small leek</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stick of celery</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>20</strong> g dried mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> kg fresh beetroot</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre zakwas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> allspice berries</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/6A9D9F43-E4DB-4714-83CE-684E3F262B00-60771-0000078660B80B2B.jpg', + src: 'Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/6A9D9F43-E4DB-4714-83CE-684E3F262B00-60771-0000078660B80B2B.jpg', + w: 558.0, + h: 554.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Bean Chilli Burritos.html b/Recipes/Bean Chilli Burritos.html new file mode 100644 index 0000000..a7a3f0f --- /dev/null +++ b/Recipes/Bean Chilli Burritos.html @@ -0,0 +1,285 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/CD1B7D04-8A3E-4896-A33C-10572D7787B8.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Bean Chilli Burritos</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">bean mix</p><p class="line" itemprop="recipeIngredient">avocado</p><p class="line" itemprop="recipeIngredient">cooked basmati rice </p><p class="line" itemprop="recipeIngredient">frozen corn</p><p class="line" itemprop="recipeIngredient">tomato</p><p class="line" itemprop="recipeIngredient">red onion</p><p class="line" itemprop="recipeIngredient">yoghurt</p><p class="line" itemprop="recipeIngredient">lime</p><p class="line" itemprop="recipeIngredient">cheese</p><p class="line" itemprop="recipeIngredient">lettuce</p><p class="line" itemprop="recipeIngredient">tortilla wraps, large</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Burritos based on the Bean Chilli recipe</p> + </div> + </div> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/B71C3F0F-B178-4892-86C0-A27264365768.jpg', + src: 'Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/B71C3F0F-B178-4892-86C0-A27264365768.jpg', + w: 450.0, + h: 300.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Bean Chilli Rice Bowl.html b/Recipes/Bean Chilli Rice Bowl.html new file mode 100644 index 0000000..7c8c8ac --- /dev/null +++ b/Recipes/Bean Chilli Rice Bowl.html @@ -0,0 +1,188 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Bean Chilli Rice Bowl</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">bean mix</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> avocado</p><p class="line" itemprop="recipeIngredient">cooked basmati rice </p><p class="line" itemprop="recipeIngredient"><strong>340</strong>g frozen corn</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion</p><p class="line" itemprop="recipeIngredient">yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g cheese</p><p class="line" itemprop="recipeIngredient">lettuce</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Bean Mix.html b/Recipes/Bean Mix.html new file mode 100644 index 0000000..a9531b8 --- /dev/null +++ b/Recipes/Bean Mix.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/1150_1_1436804646.jpg?tr=w-800,h-1066"> + <img src="Images/33029938-569E-4BDF-AB7A-6127832AFD94-58438-00000772C3A03C76/52BB2F76-73EE-4302-997A-BC9A55C6F4FB-58438-00000772E28D6740.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Bean Mix</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 45 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">10</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/kerryann-s-chilli-con-veggie/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> medium onions</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium leek</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> long fresh red chilli</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp ground coriander</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole nutmeg , for grating</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g dried green lentils</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g dried red lentils</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tins of red kidney beans</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tins of black beans</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tins of chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1.2</strong> litres vegetable stock</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Peel and finely chop the onions and garlic, then trim and finely chop the leek and chilli (I leave the seeds in, but deseed if you prefer), and place into your largest, heavy-based pan over a medium heat with the oil. Fry for about 5 minutes, or until softened.</p><p class="line"><strong>Step 2</strong><br/>Add the spices, dried herbs and a good grating of nutmeg, then fry for 2 minutes – if it’s a little dry at this point, simply add a splash of water to help it out. Stir in the tomato purée and cook for a further 2 minutes.</p><p class="line"><strong>Step 3</strong><br/>Stir in the lentils. Drain, rinse and stir in the beans, followed by the chopped tomatoes and the stock (I try to use homemade stock, but if you’ve only got stock cubes, that’s fine too).</p><p class="line"><strong>Step 4</strong><br/>Bring it all to the boil, then reduce to a low heat and let it bubble away for at least 1 hour, or until thickened and reduced, stirring every 15 to 20 minutes, then season to how you like it.</p><p class="line"><strong>Step 5</strong><br/>I like this with rice or on a jacket potato, scattered with coriander leaves and with lime wedges and a dollop of soured cream on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><strong>Per serving</strong><br/><strong>KCAL</strong> - 330<br/><strong>FATg</strong> - 5.4<br/><strong>S/FATg</strong> - 0.8<br/><strong>CARBg</strong> - 48.5<br/><strong>SUGg</strong> - 7.9<br/><strong>FIBg</strong> - 17.4<br/><strong>PROTg</strong> - 22.6<br/><strong>SALTg</strong> - 1.44</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Beets + Apples with Cloves Baby Food Puree.html b/Recipes/Beets + Apples with Cloves Baby Food Puree.html new file mode 100644 index 0000000..da9188c --- /dev/null +++ b/Recipes/Beets + Apples with Cloves Baby Food Puree.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://babyfoode.com/wp-content/uploads/2013/11/ba1.jpg"> + <img src="Images/8925FE28-BAA5-481A-A24E-4A21F0D4BB4F/CB9547DC-91CB-4F32-8E91-621A571D2EC1.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Beets + Apples with Cloves Baby Food Puree</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="http://babyfoode.com/blog/red-beets-apples-cloves/"> + <span itemprop="author">babyfoode.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2-3</strong> small red beets</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> organic apples [I used golden delicious]</p><p class="line" itemprop="recipeIngredient"><strong>¼ - 1</strong> cup of water</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp cloves</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Cut off greens on beets and wash. Place beets in small sauce pan and pour in water until the beets are just covered. Bring to a boil and then reduce to a simmer for 25-20 minutes or until tender. Reserve 1 cup of water from pan and let beets drain in small colander.</p><p class="line">Meanwhile, wash and then cut the apples off the core. You can peel the apples but I left the peel on and didn’t notice a difference in the puree. Place the chunks of apple in a medium sauce pan with 1/4 cup of water and cloves. Over medium heat, cook for 10 minutes or until tender.</p><p class="line">When both the beets and apples are cool, blend both the beets and apples. You can definitely do this at the same time or you can do it separately and add them together later. For the beets, I left the peel on but cut off the hard base. Place in blender and blend on high adding your reserved water until you have a fine puree. For the apples, place the apples and all of the clove water into a blender and blend on high until you have a fine puree. If you are blending them at the same time, place everything in the blender – beets, apples and clove water and blend on high adding the reserved beet water until you have a fine puree. This mixture will be the most beautiful shade of pink you have ever seen. It will make you smile.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Best Veggie Stir-Fry.html b/Recipes/Best Veggie Stir-Fry.html new file mode 100644 index 0000000..768bada --- /dev/null +++ b/Recipes/Best Veggie Stir-Fry.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/51137416.jpg?tr=w-800,h-1066"> + <img src="Images/CDC2845A-236E-40DE-824A-746F366ABDCB-21470-0000034DCDADAEF9/FA65386B-E214-41CE-8D5E-7E9A0FFF062C-21470-0000034DD4A437E9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Best Veggie Stir-Fry</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 35 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetable-recipes/best-veggie-stir-fry/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong> g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cm piece of ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red pepper</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> spring onions</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>175</strong> g basmati rice</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g carrots</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tablespoons soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large free-range egg</p><p class="line" itemprop="recipeIngredient"><strong>40</strong> g unsalted peanuts</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tablespoons runny honey</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 200°c/gas mark 6, fill a small pan with salted water and bring to the boil over a high heat.Cut the broccoli into small florets. Peel and trim the stalk, ginger and garlic, then finely slice. Remove the core and seeds from the pepper and finely slice. Trim the spring onions and roughly slice, separating the green and white parts. Toss the pepper and broccoli in 1 ½ tablespoons of oil in a small roasting tray, and season well. Roast in the hot oven for 20 minutes, or until charred.Meanwhile, add the rice to the pan cook for 8 to 10 minutes, or until just tender. Drain, then spread out on a plate to cool. Peel the carrots, halve lengthways and finely slice at an angle. Squeeze the lime juice into a bowl and mix in half the soy. In another bowl, crack the egg and mix with the remaining soy.Check your veggies in the oven, drizzle over the honey and roast for 5 minutes more. Remove and put to one side.Place a large non-stick frying pan on a medium heat, scatter in the peanuts and toast, then tip onto a board. Heat 2 tablespoons of oil in the hot pan and turn the heat up to high. Add the green part of the spring onions and the rice, stir-frying until the rice is broken up and hot. Pour the egg into one side of the pan. Lightly scramble, then fold into the rice. Tip onto a plate and season.Wipe the pan with kitchen paper and return to the heat with 1 tablespoon of oil. Add the carrot and broccoli stalk and stir-fry for 2 to 3 minutes, then add the garlic, ginger and white part of the spring onions and cook for 2 more minutes before adding the roasted veggies.Add the lime mixture, toss well and add a splash of water if necessary. Taste and season to perfection.Roughly chop the toasted peanuts and sprinkle on top, serving the eggy rice on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 676 34%<br/>Fat 21.2g 30%<br/>Saturates 3.9g 20%<br/>Sugars 23.1g 26%<br/>Salt 0.6g 10%<br/>Protein 26.2g 52%<br/>Carbs 102.6g 39%<br/>Fibre 9.3g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Blackberry Crumble Smoothie.html b/Recipes/Blackberry Crumble Smoothie.html new file mode 100644 index 0000000..c795041 --- /dev/null +++ b/Recipes/Blackberry Crumble Smoothie.html @@ -0,0 +1,203 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Blackberry Crumble Smoothie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Drinks</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Joe Wicks</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>70</strong>g apple sauce, unsweetened</p><p class="line" itemprop="recipeIngredient"><strong>190</strong>g fat-free yoghurt, greek or natural</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g protein powder, vanilla</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g rolled oats</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g blackberries, fresh or frozen</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g almond butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful ice</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Blend all the ingredients together.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Blueberry And Lemon Pancakes.html b/Recipes/Blueberry And Lemon Pancakes.html new file mode 100644 index 0000000..2299be1 --- /dev/null +++ b/Recipes/Blueberry And Lemon Pancakes.html @@ -0,0 +1,279 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/8A694C8B-467F-46F9-B186-91A127A85745/D7F7DA4B-312D-453C-BCDC-F7341C869638.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Blueberry And Lemon Pancakes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">2-3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> very ripe bananas (around 200g)</p><p class="line" itemprop="recipeIngredient">juice of 1/4 lemon </p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g oats/quinoa flakes/ buckwheat flakes</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>ml any milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium egg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon vanilla extract (optional)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons ground cinnamon (optional)</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> teaspoons baking powder</p><p class="line" itemprop="recipeIngredient">A tiny pinch sea salt </p><p class="line" itemprop="recipeIngredient"><strong>1½–2</strong> tbsp butter or coconut oil</p><p class="line" itemprop="recipeIngredient">Zest of 1/2 a lemon (adding half to the pancake mix & leaving half for on top)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons maple syrup or raw honey </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> big handfuls (frozen) berries </p><p class="line" itemprop="recipeIngredient">+ Yoghurt or ricotta </p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Place ingredients for pancakes (except the butter/ oil) in a blender or food processor & whizz for about 30 secs. Alternatively, mash bananas with a fork & mix in a jug with theremaining ingredients.</p><p class="line">Melt a little of butter/ coconut oil in a large frying pan on a high heat.</p><p class="line">Spoon about 3 tablespoons of the batter into the pan & use the back of the spoon to swirl into a rough circle about 1cm thick and 8cm wide. Repeat to make another two to three pancakes, depending on the size of your pan. Reduce the heat to medium & leave the pancakes to set for 1½ minutes. When they start to bubble, flip them over & cook for 1 minute on the other side.</p><p class="line">Remove from the pan and repeat with the rest of the batter, using a little more of the oil each time, until you have made eight pancakes. (Place the pancakes on a plate in a low oven to keep warm while you make the rest).</p><p class="line">Once pancakes are made & keeping warm, whip up coconut yog or full fat natural yog. Gently heat up berries with 1 tbsp water & a little maple syrup, in your pancake pan until hot through & softening. If using raw honey drizzle over at the end</p><p class="line">Top pancakes w yoghurt swirled w berries & lemon</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Blueberry French Toast.html b/Recipes/Blueberry French Toast.html new file mode 100644 index 0000000..637e373 --- /dev/null +++ b/Recipes/Blueberry French Toast.html @@ -0,0 +1,303 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/6776AF09-0149-40F8-86C3-115D5C449859/CD510C86-C88E-4E40-B1EE-7DDD1AC98E9D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Blueberry French Toast</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> medium egg</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> egg whites</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g fat-free yoghurt, greek or natural</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> slices bread, toasted</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp butter</p><p class="line" itemprop="recipeIngredient"><strong>70</strong>g blueberries, fresh or frozen</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g maple syrup</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Whisk the egg, egg whites, yoghurt, flour and cinnamon together in a large bowl.<br/>Add the toast and gently push down so that the slices soak up all the liquid.</p><p class="line"><strong>Step 2</strong><br/>Heat the butter in a large frying pan and add the soaked slices of toast. Fry for 2 minutes on each side then transfer to a plate. Meanwhile put the blueberries and maple syrup into a small saucepan, bring to the boil then simmer for 2 minutes until soft and syrupy. Spoon over the French toast.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/CCA43413-705E-4BA4-8750-9C076B467233.jpg', + src: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/CCA43413-705E-4BA4-8750-9C076B467233.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/24F32F83-8683-4969-B39C-5AA20AC6CAF3.jpg', + src: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/24F32F83-8683-4969-B39C-5AA20AC6CAF3.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/117B476D-8F21-4DFF-A917-7CC3EEA83D05.jpg', + src: 'Images/6776AF09-0149-40F8-86C3-115D5C449859/117B476D-8F21-4DFF-A917-7CC3EEA83D05.jpg', + w: 946.0, + h: 2048.0, + title: '3' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Bolognese Sauce.html b/Recipes/Bolognese Sauce.html new file mode 100644 index 0000000..f2b9ea7 --- /dev/null +++ b/Recipes/Bolognese Sauce.html @@ -0,0 +1,280 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/4BF23219-148F-4DA0-869D-B11764A87604-4916-000000DE9314B64F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Bolognese Sauce</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Sauce</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> kg beef and pork pince</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cans plum tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stick of celery</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient">Salt</p><p class="line" itemprop="recipeIngredient">Pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/20BF90D4-EF3B-4E36-A565-C5A5073B2DBB-4916-000000DE8C610231.jpg', + src: 'Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/20BF90D4-EF3B-4E36-A565-C5A5073B2DBB-4916-000000DE8C610231.jpg', + w: 1200.0, + h: 900.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Broccoli & Goats’ Cheese Fritata.html b/Recipes/Broccoli & Goats’ Cheese Fritata.html new file mode 100644 index 0000000..d77704d --- /dev/null +++ b/Recipes/Broccoli & Goats’ Cheese Fritata.html @@ -0,0 +1,314 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Broccoli & Goats’ Cheese Fritata</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">High Protein</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">25 min</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Body Coach App</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>150</strong>g broccoli florets</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g spring onions, sliced</p><p class="line" itemprop="recipeIngredient"><strong>145</strong>g cooked new potatoes, sliced</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> large eggs, beaten</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> egg whites, beaten</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch parsley, chopped</p><p class="line" itemprop="recipeIngredient"><strong>110</strong>g soft goats' cheese</p><p class="line" itemprop="recipeIngredient">simple green salad, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Preheat the grill to its highest setting.<br/>Bring a pan of water to the boil, add the broccoli and blanch for 3 minutes. Drain then pat dry on kitchen paper.</p><p class="line"><strong>Step 2</strong><br/>Heat the oil over a high heat in a medium-sized, non-stick frying pan. Add the spring onions and fry for a couple of minutes until softened. Add the broccoli and potatoes then give the pan a shake to get everything in an even layer. Season with salt and pepper then whisk together the eggs, egg whites and parsley and pour over the top. Gently shake the pan and pull the eggs into the middle as they start to set.</p><p class="line"><strong>Step 3</strong><br/>Dot the goats' cheese over the top then slide the pan under the hot grill. Cook for around 3 minutes until the top of the frittata is golden brown and the eggs are set. Slide onto a board, cut into portions and serve with the salad.</p><p></p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><span uid="4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD" class="image-border image-box"><img src="Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg" alt="2" class="inline-image photoswipe" /></span></p><p>Nutrition Facts<br/>Servings: 3<br/>Amount per serving <br/>Calories 417<br/>% Daily Value*<br/>Total Fat 25g 32%<br/>Saturated Fat 10.1g 51%<br/>Cholesterol 513mg 171%<br/>Sodium 414mg 18%<br/>Total Carbohydrate 17.7g 6%<br/>Dietary Fiber 4.6g 16%<br/>Total Sugars 4.3g <br/>Protein 32.5g <br/>Vitamin D 47mcg 233%<br/>Calcium 225mg 17%<br/>Iron 7mg 38%<br/>Potassium 918mg 20%<br/></p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg', + src: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg', + src: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Broccoli Pesto Pasta.html b/Recipes/Broccoli Pesto Pasta.html new file mode 100644 index 0000000..1ad80f6 --- /dev/null +++ b/Recipes/Broccoli Pesto Pasta.html @@ -0,0 +1,225 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/recipe-image-legacy-id-327948_11-a8fd7e7.jpg?quality=90&resize=440,400"> + <img src="Images/39C68770-5FD0-4D5C-8A40-DF7B952F7EEA-21109-000003489517BA52/CA6DB8A1-192E-47F2-9AB2-86FCD13F994C-21109-0000034897E0F115.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Broccoli Pesto Pasta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Pasta</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/broccoli-pesto-pasta"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong>g penne, farfalle or conchiglie pasta</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g broccoli, cut into florets</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, peeled</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large lemon</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can chickpeas (400g)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Tip the pasta into a large pan of boiling salted water and cook according to pack instructions. Meanwhile, bring a smaller pan of salted water to the boil, add the broccoli and boil for 4 minutes.</p><p class="line">Drain the broccoli and return it to the pan. Lightly mash the broccoli with a potato masher or fork. Finely grate the garlic and zest the lemon, then mix into the broccoli with the chilli flakes and pine nuts. Cut the lemon in half and keep for later.</p><p class="line">Drain the pasta and return it to the pan. Stir in the broccoli pesto and squeeze over the juice of 1/2 lemon. Pour in the olive oil and generously season with salt and pepper. Spoon in the grated Parmesan, toss the pasta well and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Brown Sugar Sponge.html b/Recipes/Brown Sugar Sponge.html new file mode 100644 index 0000000..2abcf75 --- /dev/null +++ b/Recipes/Brown Sugar Sponge.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.janespatisserie.com/wp-content/uploads/2019/07/biscoffdripcake-scaled.jpg"> + <img src="Images/A0659FD9-FE1D-4636-93E7-881F03BDB41C/C7924A09-6B2D-42DF-BB43-FE1BBAFB924D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Brown Sugar Sponge</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">45 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">40 min</span> + + <b>Servings: </b><span itemprop="recipeYield">20</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.janespatisserie.com/2019/07/13/biscoff-drip-cake/"> + <span itemprop="author">janespatisserie.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong> g unsalted butter</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g light brown sugar</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g self raising flour</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> medium eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp baking powder</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat your oven to 180C/160C Fan, and line three 8"/20cm cake tins with parchment paper.</p><p class="line">Add your butter and sugar to a bowl, and beat until light and fluffy. I use my Kitchenaid with the paddle attachment!</p><p class="line">Add in your flour, eggs and baking powder and beat again until a lovely smooth cake mixture is formed.</p><p class="line">Split evenly between the three tins and bake in the oven for 30-35 minutes (or until a skewer comes out clean!)</p><p class="line">Once baked, leave to cool in the tin for 10 minutes, and then leave to cool fully on a wire rack.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Fat: 47 g<br/>Calories: 774 kcal<br/>Saturated Fat: 25 g<br/>Sodium: 62 mg<br/>Fiber: 1 g<br/>Sugar: 64 g<br/>Carbohydrate: 84 g<br/>Cholesterol: 159 mg<br/>Serving Size: 1 serving<br/>Protein: 8 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Cheat’s Pizza.html b/Recipes/Cheat’s Pizza.html new file mode 100644 index 0000000..d3349ab --- /dev/null +++ b/Recipes/Cheat’s Pizza.html @@ -0,0 +1,288 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/21ACEAE7-F420-4020-9DE4-0486DAD92592.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Cheat’s Pizza</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.instagram.com/p/COxK79PD-yc/"> + <span itemprop="author">instagram.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>4</strong> large field mushrooms 250g</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g Self Raising Flour</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> portions of frozen spinach</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can of plum tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>25</strong> g grated mozarella</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/A4C19608-CCAB-4247-9DA8-24D61A4D6B29.jpg', + src: 'Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/A4C19608-CCAB-4247-9DA8-24D61A4D6B29.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Cheese & Potato Yoghurt Flatbread.html b/Recipes/Cheese & Potato Yoghurt Flatbread.html new file mode 100644 index 0000000..ed0cf2d --- /dev/null +++ b/Recipes/Cheese & Potato Yoghurt Flatbread.html @@ -0,0 +1,197 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Cheese & Potato Yoghurt Flatbread</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">10</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> cup plain yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cups self raising flour</p><p class="line" itemprop="recipeIngredient"><strong>240</strong>g mashed potatoes</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon chives</p><p class="line" itemprop="recipeIngredient">melted vegan butter, for brushing</p><p class="line" itemprop="recipeIngredient">fresh parsley, for garnishing</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oven to 180C.</p><p class="line">Make the dough by combining the yoghurt, flour and a pinch of salt in a bowl and kneading until soft - this won't take long.</p><p class="line">Divide the dough into 2 parts. </p><p class="line">Combine the mashed potatoes, cheese and chives for the filling.</p><p class="line">Roll out each part into a 1cm thick circle. </p><p class="line">Add half of the filling into the middle and gather the edges of the dough around the filling, pinch together to seal. Flip and roll out to a disk shape. </p><p class="line">Bake in the oven for 10 minutes.</p><p class="line">Alternatively, pan-fry on both sides until golden over medium-migh heat.</p><p class="line">Brush with melted butter and garnish with fresh parsley. </p><p class="line">Serve and enjoy right away!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Cheese And Potatoe Pierogi.html b/Recipes/Cheese And Potatoe Pierogi.html new file mode 100644 index 0000000..8a050e0 --- /dev/null +++ b/Recipes/Cheese And Potatoe Pierogi.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/D2872F1D-1B49-4761-81BC-D4B737BBF09A-58438-000007751886F921.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Cheese And Potatoe Pierogi</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong> g twarog cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> kg potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large white onion</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/B2E793AE-0F1A-4FE2-976E-43F7858D0132-58438-00000774B4503068.jpg', + src: 'Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/B2E793AE-0F1A-4FE2-976E-43F7858D0132-58438-00000774B4503068.jpg', + w: 2048.0, + h: 1536.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Chewy Mint Chocolate Granola Bars.html b/Recipes/Chewy Mint Chocolate Granola Bars.html new file mode 100644 index 0000000..5276f90 --- /dev/null +++ b/Recipes/Chewy Mint Chocolate Granola Bars.html @@ -0,0 +1,226 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://babyfoode.com/wp-content/uploads/2016/05/mint-chocolate-granole-bars-683x1024.jpg"> + <img src="Images/15D1ECDF-FD1E-4283-8D0F-0AAEFE7B81FB/49C1BF17-AD56-4C7A-A296-3E65EC12FB02.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Chewy Mint Chocolate Granola Bars</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://babyfoode.com/blog/chewy-mint-chocolate-granola-bars/"> + <span itemprop="author">babyfoode.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup flax seeds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cup oats</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> cup nut butter</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup honey</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon peppermint oil extract</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup chocolate chips or chunks</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons chocolate chips or chunks</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon coconut oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Line a 8×8 pan with parchment paper or tinfoil.</p><p class="line">In a food processor or blender, place the flax seeds and pulse for 10-15 seconds until they are broken down. Add in the oats and pulse for another 5-10 seconds to break down the oats. You want them about half their original size. Set mixture aside.</p><p class="line">In a large stock pot, over medium-low heat melt the nut butter, honey and coconut oil, stirring frequently. Remove from heat, and add in the peppermint extract, stirring to combine. Let cool for 10-15 minutes or until just barley warm to touch.</p><p class="line">Add in the oat mixture and stir until well combined. Add in the chocolate chunks and stir until combined.</p><p class="line">Transfer the oat mixture to the pan and press down until you have an even layer of oats. I find placing my hand inside a plastic sandwich bag then pressing down the mixture helps it from sticking to the oat mixture. Press down hard and evenly until the mixture will not press down any more.</p><p class="line">In a small microwave safe bowl, add the chocolate chips and coconut oil and heat in 30 second intervals until the chocolate is melted, stirring after each interval.</p><p class="line">Drizzle the chocolate on top of the granola bars or if you want a thick layer, simply pour the chocolate over the entire pan and spread into a thin layer with a knife or spatula.</p><p class="line">Place the pan in the fridge and let set for 2 hours. Cut into 18 bars or small bites and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Cooling Time – 2 hours</p><p>Storage – in an air-tight container in the fridge for 2 weeks.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 189kcal | Carbohydrates: 14g | Protein: 4g | Fat: 14g | Saturated Fat: 6g | Sodium: 2mg | Potassium: 139mg | Fiber: 3g | Sugar: 6g | Calcium: 49mg | Iron: 1mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html b/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html new file mode 100644 index 0000000..5b2d3a0 --- /dev/null +++ b/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html @@ -0,0 +1,225 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/curried-cauliflower-a2150c7.jpg?quality=90&resize=440,400"> + <img src="Images/E294A757-04F2-44FC-A990-A9D1569D675A/6B41B4B8-FB86-4857-8384-53FCA78B5AB4.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Chicken Meatballs with Quinoa & Curried Cauliflower</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">High Protein</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">25 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 1</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/chicken-meatballs-quinoa-curried-cauliflower"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>250</strong>g chicken mince</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp turmeric</p><p class="line" itemprop="recipeIngredient">pinch of cumin</p><p class="line" itemprop="recipeIngredient">pinch of cinnamon</p><p class="line" itemprop="recipeIngredient">handful dill, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions, finely chopped</p><p class="line" itemprop="recipeIngredient">For the quinoa & curried cauliflower</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g quinoa</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cauliflower florets</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g sweet potato, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp medium curry powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp pistachios, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp sultanas</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> lime, juiced</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For the meatballs, mix together all the ingredients in a bowl with some seasoning. Form into six balls and chill in the fridge for 20 mins.</p><p class="line">Heat oven to 200C/180C fan/ gas 6. Wash the quinoa and put it in a saucepan with 100ml water. Bring to the boil, then turn down to a gentle simmer and cook for 10-15 mins or until doubled in size and tender. Drain and set aside to cool.</p><p class="line">Put the cauliflower and sweet potato in a roasting tin and toss in the oil and curry powder. Put the meatballs in a separate tin. Cook both in the oven for 15 mins or until cooked through.</p><p class="line">Mix the quinoa with the cauliflower, sweet potato, pistachios and sultanas, squeeze over the lime juice, then serve with the meatballs.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Choc Ripple Cake.html b/Recipes/Choc Ripple Cake.html new file mode 100644 index 0000000..d3793cc --- /dev/null +++ b/Recipes/Choc Ripple Cake.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/DMP5hnVv/w643-h428-cfill-q90/taste/2016/11/choc-ripple-cake-75680-1.jpeg"> + <img src="Images/AA09BDA9-35AD-448D-BD71-0CF0E58B91E8/68AB5AEE-48F3-4399-BFAD-07D13CCF8E55.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Choc Ripple Cake</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">6 hr 30 min</span> + + <b>Total Time: </b><span itemprop="totalTime">6 hr 30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">15</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/choc-ripple-cake/ec490c9f-2a0e-40ea-b741-0606d08a5947"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> x 500ml thickened cream</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp vanilla essence</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 250g pkt Arnott's Choc Ripple biscuits</p><p class="line" itemprop="recipeIngredient">Fresh raspberries, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Use an electric beater to beat the cream, sugar and vanilla in a bowl until firm peaks form.</p><p class="line"><strong>Step 2</strong><br/>Spread a little of the cream mixture along a serving platter to make the base. Stand 1 biscuit upright on its edge and spread with cream mixture. Place another biscuit alongside and sandwich together. Continue layering with cream mixture and remaining biscuits to form a log.</p><p class="line"><strong>Step 3</strong><br/>Spread the remaining cream mixture over biscuit log to cover. Place in the fridge for minimum of 6 hours to set.</p><p class="line"><strong>Step 4</strong><br/>Top with the raspberries then slice the cake diagonally.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p><strong><strong>Swap it:</strong></strong> Omit the raspberries. At the end of step 1, stir in finely grated dark chocolate. Top the cake with chocolate curls.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Fat: 11.2 grams fat<br/>Calories: 36.33 calories<br/>Saturated Fat: 6.0 grams saturated fat<br/>Sodium: 216.1 milligrams sodium<br/>Cholesterol: 333.3 milligrams cholesterol<br/>Carbohydrate: 11.2 grams carbohydrates<br/>Sugar: 2.5 grams sugar<br/>Protein: 1.6 grams protein</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Chocolate Self-saucing Pudding.html b/Recipes/Chocolate Self-saucing Pudding.html new file mode 100644 index 0000000..af1d237 --- /dev/null +++ b/Recipes/Chocolate Self-saucing Pudding.html @@ -0,0 +1,195 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Chocolate Self-saucing Pudding</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">Ice Cream</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup self-raising flour </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup sugar </p><p class="line" itemprop="recipeIngredient"><strong>2 ½</strong> tbs cocoa </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup sugar (for sauce) </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbs cocoa (for sauce)</p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Melt 60gm butter in a 20cm casserole</p><p class="line">Put in a bowl<br/>1 cup SR flour 1/2 cup sugar 2 1/2 level dstspns cocoa 1/2 tspn salt<br/>Pour in most of butter and enough milk to make soft cake mixture.</p><p class="line">Sprinkle one dessert spoon Plain flour on remaining butter in the casserole and pour in the cake mixture.</p><p class="line">Mix 1/2 cup sugar 2 level dessertspoons cocoa, with 2 cups boiling water and pour over cake.</p><p class="line">Place immediately in oven 180 c and bake about 1hr<br/></p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Chunky Chickpea & Herb Dumpling Soup.html b/Recipes/Chunky Chickpea & Herb Dumpling Soup.html new file mode 100644 index 0000000..2ebb16a --- /dev/null +++ b/Recipes/Chunky Chickpea & Herb Dumpling Soup.html @@ -0,0 +1,324 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/7309FCB3-0D6F-4312-8321-6E5E2CDC6A4A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Chunky Chickpea & Herb Dumpling Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">30 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, crushed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground coriander</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp chilli powder</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cans chickpeas,</p><p class="line" itemprop="recipeIngredient"><strong>875</strong> ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cans chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp chopped fresh coriander leaves</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> g self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>25</strong> g butter, chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp grated Parmesan</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp mixed fresh herbs (chives, parsley, coriander), chopped</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> ml milk</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1) Heat the oil in a large saucepan, and cook the onion over medium heat for 2-3 minutes, or until soft. Add the garlic, cumin, ground coriander and chilli and cook for 1 minute, or until fragrant. Add the chickpeas, stock and tomato. Bring to the boil, then reduce the heat and simmer, covered, for 10 minutes. Stir in the coriander.</p><p class="line">2) To make the dumplings, sift the flour into a bowl and add the chopped butter. Rub the butter into the flour with your fingertips until it resembles fine breadcrumbs. Stir in the cheese and mixed fresh herbs. Make a well in the centre, add the milk and mix with a flat-bladed knife until just combined. Bring together into a rough ball, divide into eight portions and roll into small balls.</p><p class="line">3) Add the dumplings to the soup, cover and simmer for 20 minutes, or until a skewer comes out clean when inserted in the centre of the dumplings.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><strong>Per serve:</strong></p><p>Protein 17 g; 16 g; Carbohydrate 50 g; Dietary Fibre 12 g; Cholesterol 23 mg; 1767 kJ (422 cal)</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/8815839F-7A69-48F0-8B71-0BFD960B44E5.jpg', + src: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/8815839F-7A69-48F0-8B71-0BFD960B44E5.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/15B81654-ED11-4314-9AE4-1B3C23994624.jpg', + src: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/15B81654-ED11-4314-9AE4-1B3C23994624.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/E36D943F-1A9D-4D6F-A5A9-85DA5CA58D75.jpg', + src: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/E36D943F-1A9D-4D6F-A5A9-85DA5CA58D75.jpg', + w: 1536.0, + h: 2048.0, + title: '3' + }, + + { + msrc: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/81461590-EB18-47A1-A770-D5EFD20009D6.jpg', + src: 'Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/81461590-EB18-47A1-A770-D5EFD20009D6.jpg', + w: 1536.0, + h: 2048.0, + title: '4' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Classic Crumpets.html b/Recipes/Classic Crumpets.html new file mode 100644 index 0000000..c22bcc9 --- /dev/null +++ b/Recipes/Classic Crumpets.html @@ -0,0 +1,230 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/4LxgG6x2q-1BCptsrs51pa.jpg?tr=w-800,h-1066"> + <img src="Images/A7C54401-71D8-46E7-9C20-D49A3020BB79/7F1570D6-505C-4B34-AB5E-95ED8D7DFF8F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Classic Crumpets</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">50 min</span> + + <b>Servings: </b><span itemprop="recipeYield">12</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/bread-recipes/classic-crumpets/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon dried yeast</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g strong white flour</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon bicarbonate of soda</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Gently warm the milk. In a bowl, dissolve the yeast and sugar in the warm milk and 100ml of tepid water. </p><p class="line">Leave in a warm place for 15 minutes, or until frothy. </p><p class="line">Sift the flour, bicarbonate of soda and 1 teaspoon of fine sea salt into a large bowl.</p><p class="line">Make a well in the centre and pour in the yeast mixture. </p><p class="line">Whisk from the centre outwards until the consistency of double cream – this will take a few minutes.</p><p class="line">Add a splash more water, if needed.</p><p class="line">Cover with a damp tea towel and set aside for 45 minutes or until little bubbles form on the surface.</p><p class="line">For the butter, pour the cream into a freestanding mixer. </p><p class="line">Whisk on high for 5 to 10 minutes, or until the cream splits into solids and liquid.</p><p class="line">Drain through a sieve, discard the liquid, then rinse the solids thoroughly with cold water. </p><p class="line">Place in muslin and squeeze out any excess liquid. </p><p class="line">Mix ½ a teaspoon of sea salt through and wrap in greaseproof paper. </p><p class="line">Grease four 10cm egg rings with vegetable oil. </p><p class="line">Wipe a little oil around a large frying pan or iron skillet and place over a medium-high heat. </p><p class="line">Arrange the rings in the frying pan and, once hot, spoon 4 tablespoons of the batter into each ring. </p><p class="line">Cook for 5 minutes, or until little bubbles appear on the surface. </p><p class="line">Once the bubbles have burst, leaving little holes, use tongs to carefully lift off the rings and flip over the crumpets, then cook for 1 minute on the other side. </p><p class="line">Re-grease and reheat the rings and pan before cooking the next batch. </p><p class="line">Serve the crumpets warm, with a slather of butter. </p><p class="line">If making them in advance, just toast lightly on both sides when you come to serve them.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Jancine’s notes: Fill molds about halfway - no more. <br/>Cook on about heat 5(out of 10), for about 7 mins one side - then flip for about 2 more minutes until golden. </p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 291 15%<br/>Fat 21g 30%<br/>Saturates 12.8g 64%<br/>Sugars 2.6g 3%<br/>Salt 0.89g 15%<br/>Protein 4.7g 9%<br/>Carbs 22.3g 9%<br/>Fibre 0.8g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Coconut & Squash Dhansak.html b/Recipes/Coconut & Squash Dhansak.html new file mode 100644 index 0000000..a0438d9 --- /dev/null +++ b/Recipes/Coconut & Squash Dhansak.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/coconut-squash-dhansak-a3a9133.jpg?quality=90&resize=556,505"> + <img src="Images/9B87C886-00D6-4A45-98DE-B4E945B13C99-21470-000003527A17C2E5/480F6385-74AC-48DB-8A4D-2B84F1B26FD1-21470-0000035286F95529.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Coconut & Squash Dhansak</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/coconut-squash-dhansak"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g butternut squash (about 1 small squash), peeled and chopped into bite-sized chunks (or buy a pack of ready-prepared to save time), see tip, below left</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g frozen chopped onions</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> heaped tbsp mild curry paste (we used korma)</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can light coconut milk</p><p class="line" itemprop="recipeIngredient">mini naan bread, to serve</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can lentils, drained</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g bag baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>ml coconut yogurt (we used Rachel’s Organic), plus extra to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil in a large pan. Put the squash in a bowl with a splash of water. Cover with cling film and microwave on High for 10 mins or until tender. Meanwhile, add the onions to the hot oil and cook for a few mins until soft. Add the curry paste, tomatoes and coconut milk, and simmer for 10 mins until thickened to a rich sauce.</p><p class="line">Warm the naan breads in a low oven or in the toaster. Drain any liquid from the squash, then add to the sauce with the lentils, spinach and some seasoning. Simmer for a further 2-3 mins to wilt the spinach, then stir in the coconut yogurt. Serve with the warm naan and a dollop of extra yogurt.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>CASSIE'S TIME-SAVER</p><p>Cooking squash in the microwave is much quicker than on the hob. If you don’t have a microwave, roast the squash in the oven with your previous night’s meal. You’ll save time (and money on your energy bill), and cooked squash keeps in the fridge for up to four days.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Coconut Bread.html b/Recipes/Coconut Bread.html new file mode 100644 index 0000000..88ffc2f --- /dev/null +++ b/Recipes/Coconut Bread.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/46260715.jpg?tr=w-800,h-1066"> + <img src="Images/653CF3B5-68C7-4F3D-914A-E321B4E18B90-21470-00000354E1BC4941/FADEC2E2-5C63-4F23-958D-00D31714D97C-21470-00000354EFD8C09F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Coconut Bread</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">55 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 loaves</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/bread-recipes/coconut-bread/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> x 7 g sachet dried yeast</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons runny honey</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> ripe banana</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large free-range egg</p><p class="line" itemprop="recipeIngredient"><strong>800</strong> g strong bread flour , plus extra for dusting</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> 400ml tin light coconut milk</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g desiccated coconut</p><p class="line" itemprop="recipeIngredient">unsalted butter , for greasing</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Stir the yeast and honey into 200ml of tepid water, then leave for a couple of minutes to bubble up a bit.Peel and mash the banana. Crack the egg into a bowl and beat together.It’s best to use a stand mixer for this. Put the flour, mashed banana, beaten egg, coconut milk, coconut and a small pinch of sea salt in the bowl and combine using the dough hook. Add the yeast mixture and let the mixer run for 15 minutes. Cover the bowl with a damp tea towel and let prove for 1 hour.If working by hand, combine the wet ingredients in a bowl. Mix the coconut, flour and salt in a separate bowl, make a well in the centre, then tip in the wet ingredients and yeast and pull together, using your fingers then hands, until well combined. Turn out onto a clean surface dusted with flour. Add a little extra flour, so it’s more manageable, then knead for at least 10 minutes, or until it’s elastic. Cover the bowl with a damp tea towel and let prove for 1 hour.Tip the dough onto a clean, floured surface. Knead for a few minutes and bring into a ball. Divide the dough into 2 pieces and push into 2 greased 13cm x 18cm loaf tins. Cover the tins with a damp tea towel and prove in a warm place for 1 hour, or until doubled in size.Preheat the oven to 200ºC/400ºF/gas 6. Cook the loaves for 30 to 35 minutes, or till the crusts are golden-brown, and sound hollow when tapped. Transfer to a wire rack to cool a little. Delicious served warm with chopped mango, fresh mint and yoghurt hit with lime zest and juice, and honey.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 387 19%<br/>Fat 14.8g 21%<br/>Saturates 11.3g 57%<br/>Sugars 3.7g 4%<br/>Protein 10.7g 21%<br/>Carbs 48.6g 19%</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Courgette and Cheese Breakfast Muffins.html b/Recipes/Courgette and Cheese Breakfast Muffins.html new file mode 100644 index 0000000..4ae44f8 --- /dev/null +++ b/Recipes/Courgette and Cheese Breakfast Muffins.html @@ -0,0 +1,279 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/DAD50DA2-9445-4BBC-92E8-C224EB644C29.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Courgette and Cheese Breakfast Muffins</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">High Protein</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>95</strong>g self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g protein powder, unflavoured</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> courgettes, grated</p><p class="line" itemprop="recipeIngredient"><strong>135</strong>g cheddar cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>70</strong>g parmesan or hard cheese, finely grated</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>205</strong>ml whole milk</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g pumpkin seeds</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Preheat the oven to 200°C. Sift the flour, protein powder, baking powder, salt and pepper into a bowl, stir in the grated courgettes, cheddar and parmesan and make a well in the centre. Whisk the eggs and milk together, pour into the well in the flour mixture and stir to combine.</p><p class="line"><strong>Step 2</strong><br/>Divide the mixture between a 12-hole, non-stick muffin tin. Scatter the pumpkin seeds over the top of the muffins then bake for 12-15 minutes until risen and golden. Remove from the oven and leave to cool slightly.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Creamy Mushroom Pasta.html b/Recipes/Creamy Mushroom Pasta.html new file mode 100644 index 0000000..6c6137a --- /dev/null +++ b/Recipes/Creamy Mushroom Pasta.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/73711714.jpg?tr=w-800,h-1066"> + <img src="Images/A13E2218-06AB-4DB0-BA90-9BFA5839A3E6-21109-00000342EACA3B6B/7F9E145F-D268-4B1B-89DB-0B4A71A7618B-21109-00000342FC3BC6E0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Creamy Mushroom Pasta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">16 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 16 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/mushroom-recipes/garlic-mushroom-pasta/#"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>150</strong>g dried trofie, or fusilli pasta</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mixed mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp crème fraîche (half-fat, heaped)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Cook the pasta in a pan of boiling salted water according to the packet instructions, then drain, reserving a mugful of cooking water. Meanwhile, peel and finely slice the garlic. Place it in a large non-stick frying pan on a medium-high heat with ½ a tablespoon of olive oil, followed 1 minute later by the mushrooms, tearing up any larger ones. Season with sea salt and black pepper, and cook for 8 minutes, or until golden, tossing regularly.Toss the drained pasta into the mushroom pan with a splash of reserved cooking water. Finely grate in most of the Parmesan, stir in the crème fraîche, taste, season to perfection, and dish up, finishing with a final grating of Parmesan.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 402 20%<br/>Fat 13g 19%<br/>Saturates 5.7g 29%<br/>Sugars 3.7g 4%<br/>Salt 0.8g 13%<br/>Protein 16.8g 34%<br/>Carbs 58.1g 22%<br/>Fibre 3.6g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Crêpes.html b/Recipes/Crêpes.html new file mode 100644 index 0000000..8d7f563 --- /dev/null +++ b/Recipes/Crêpes.html @@ -0,0 +1,199 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Crêpes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">2 hrs, 15 min</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Stephanie Alexander</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>60</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>750</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> eggs</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Double portion</p> + </div> + </div> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Crispy Potato, Polenta & Cheese Pancake.html b/Recipes/Crispy Potato, Polenta & Cheese Pancake.html new file mode 100644 index 0000000..7c87666 --- /dev/null +++ b/Recipes/Crispy Potato, Polenta & Cheese Pancake.html @@ -0,0 +1,300 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/1F8B32C6-DAFE-49CB-8874-C9CA164C2E49.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Crispy Potato, Polenta & Cheese Pancake</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">2-4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">One Pot, Pan, Planet (pg 96)</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong>g cooked potatoes, peeled and roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, thinly sliced</p><p class="line" itemprop="recipeIngredient">extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g sharp Cheddar or vegan Cheddar-style cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp polenta</p><br/><p class="line" itemprop="recipeIngredient">TO SERVE</p><p class="line" itemprop="recipeIngredient">a bunch of greens (about 200g) e.g. spring greens, cavolo nero, kale</p><p class="line" itemprop="recipeIngredient">a small bunch of parsley</p><p class="line" itemprop="recipeIngredient">a small bunch of coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> unwaxed lemon</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>A crispy potato and sharp Cheddar pancake with the pleasing crunch<br/>of polenta, topped with greens and lemony herbs. I make this using<br/>leftover cooked potatoes, but it's good enough to cook them for.<br/>These quantities will make enough to serve four as a light meal and<br/>two as a hearty one.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">If you need to cook your potatoes, peel then boil them in well salted water for about 20 minutes, or until soft. Drain and leave to steam dry.</p><p class="line">Meanwhile, cook the onion in an approximately 22cm non-stick frying pan with a little olive oil over a medium heat until it is soft and sweet, but not brown. This should take about 8-10 minutes.</p><p class="line">Put the potatoes into a bowl and use a spoon to mash them a little: you want some texture, but no large pieces. Add the cooked onion, cheese and polenta, and season well with salt and pepper.</p><p class="line">Heat some olive oil over a high heat in the pan. Once it's sizzling, press the potato mixture into the pan to form one big pancake (it should look like a Spanish tortilla). Turn down the heat to medium and cook for 10-15 minutes until the pancake has a deep golden crust underneath.</p><p class="line">To turn, use a tea towel to protect your hand, then cover the pan with a plate, tip the pan upside-down so that the pancake is on the plate cooked side up, then slide it back into the pan to cook the other side for another 10-15 minutes until golden. If it falls apart a bit, don't worry - as it cooks it will come together.</p><p class="line">Once cooked, flash-fry your greens in a little olive oil, salt and pepper. Dress your herbs in olive oil and lemon juice with a good pinch of salt. Pile the greens and herbs onto slices of pancake.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/50FC9354-A065-4050-AC1C-73CBB7F2FE98.jpg', + src: 'Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/50FC9354-A065-4050-AC1C-73CBB7F2FE98.jpg', + w: 2048.0, + h: 1536.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Dark Chocolate & Ginger Fudge.html b/Recipes/Dark Chocolate & Ginger Fudge.html new file mode 100644 index 0000000..47ad5ca --- /dev/null +++ b/Recipes/Dark Chocolate & Ginger Fudge.html @@ -0,0 +1,310 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/63C8039C-D433-4253-9D54-A26D7A468C80.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Dark Chocolate & Ginger Fudge</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Sweet</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">5 min</span> + + <b>Total Time: </b><span itemprop="totalTime">4 hrs</span> + + <b>Servings: </b><span itemprop="recipeYield">25</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Australian Table Magazine December 2003 pg 142</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>395</strong>g sweetened condensed milk</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g unsalted butter, chopped</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g good-quality dark cooking chocolate, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g finely diced glacé ginger</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Line a square (20cm) cake pan with non-stick baking paper.<br/>2. Place sweetened condensed milk and butter in a medium, heavy-based saucepan on low heat. Stir for 3-4 minutes, until butter melts and mixture is hot. Remove from heat, add chocolate and stir until chocolate has melted. Stir in ginger.<br/>3. Quickly pour hot fudge into prepared pan. Use back of a metal spoon to spread fudge evenly and smooth surface. Cover pan with plastic wrap and chill for 4 hours, until set.<br/>4. To serve, use a sharp knife to cut fudge into squares.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Fudge will keep in an airtight container in fridge for up to 3 weeks.</p><p>Separate layers with greaseproof or non-stick baking paper.</p><p>For a special present, place pieces in a small gift box lined with greaseproof paper.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/73558FA0-D851-4F00-AAE0-1C139639BAAF.jpg', + src: 'Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/73558FA0-D851-4F00-AAE0-1C139639BAAF.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html b/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html new file mode 100644 index 0000000..a420739 --- /dev/null +++ b/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html @@ -0,0 +1,217 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://thebusybaker.ca/wp-content/uploads/2015/04/chia-seed-strawberry-jam-title-2-200x300.jpg"> + <img src="Images/BF9475B2-163F-459E-9655-0DBD322E85F3/2DB53D66-4C66-4697-A6D9-AABD1CAF8482.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy 3-Ingredient Chia Seed Strawberry Jam</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://thebusybaker.ca/homemade-chia-seed-jam/"> + <span itemprop="author">thebusybaker.ca</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong> g strawberries</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp honey</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp chia seeds</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat a medium saucepan over medium heat and add the strawberries. Add the honey and place on the stove over medium heat.</p><p class="line">As the strawberries begin to soften over the heat, stir them around in their juices and the honey.</p><p class="line">Once the berries have softened to the point that they're starting to fall apart, use a potato masher or fork to break them up even more.</p><p class="line">Let the mixture come to a slow boil, stirring almost continually. Once you see some big bubbles break the surface, add the chia seeds.</p><p class="line">The chia seeds will help the jam achieve a gelatinous texture while also adding fibre, protein and healthy Omega-3 fats.</p><p class="line">Continue stirring the mixture over low heat for about 15 minutes, and then remove the pan from the stove.</p><p class="line">If you enjoy jam with small chunks of fruit in it, then you're done! Simply pour the mixture into a mason jar and cover it tightly with a lid.</p><p class="line">If you'd prefer jam with a smoother texture, feel free to add the mixture to your blender and pulse it a few times before pouring it into a mason jar. Or, use an immersion blender and pulse only a few times.</p><p class="line">While the jam is still hot it may seem more fluid that you would expect. The chia seeds need a bit of time to do their work, so let the jam cool to room temperature in the jar and then put your jar of jam in the fridge for a few hours and it will achieve the perfect texture.</p><p class="line">Enjoy on toast, gluten-free crackers or scones, over yogurt or even ice cream.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 453kcal Author: Chrissie (thebusybaker.ca)<br/>Calories: 453kcal | Carbohydrates: 97g | Protein: 7g | Fat: 9g | Saturated Fat: 1g | Sodium: 11mg | Potassium: 792mg | Fiber: 17g | Sugar: 74g | Vitamin A: 54IU | Vitamin C: 267mg | Calcium: 224mg | Iron: 4mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Easy Baked Chicken Nuggets.html b/Recipes/Easy Baked Chicken Nuggets.html new file mode 100644 index 0000000..50a4d95 --- /dev/null +++ b/Recipes/Easy Baked Chicken Nuggets.html @@ -0,0 +1,214 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://live-production.wcms.abc-cdn.net.au/ddb62d1114cfe0e7cd574699e24c9201?impolicy=wcms_crop_resize&cropH=1934&cropW=3438&xPos=679&yPos=350&width=862&height=485"> + <img src="Images/C5DAAA2C-4B79-49B4-8F6A-0FF40AA253FE/BD2B98B3-E395-4839-8DC4-9BD45C2EB2F6.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy Baked Chicken Nuggets</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">0:40</span> + + <b>Cook Time: </b><span itemprop="cookTime">0:30</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.abc.net.au/everyday/baked-chicken-nuggets-recipe/101230050"> + <span itemprop="author">abc.net.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong><strong>For the chicken nuggets:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>600</strong>g chicken breast</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g breadcrumbs (see below for homemade version)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup flour (buckwheat, white spelt or plain)</p><p class="line" itemprop="recipeIngredient"><strong>1½–2 ½</strong> teaspoons fine sea salt</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> tablespoon garlic powder</p><p class="line" itemprop="recipeIngredient">Extra virgin olive oil for drizzling</p><p class="line" itemprop="recipeIngredient"><strong><strong>For the bread crumbs:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g spelt or sourdough bread, sliced</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> teaspoons fine sea salt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Start by preparing the breadcrumbs (this step can be done ahead of time, simply store the breadcrumbs in an airtight container). Preheat the oven to 180°C (fan).</p><p class="line">2. Place the bread slices on 1–2 baking trays in an even layer. Bake in the oven until lightly golden on both sides (this should take 3–5 minutes per side, depending on your oven). Place the toasted bread slices on a wire rack to cool.</p><p class="line">3. Use your hands to break the pieces of bread into chunks and place in the food processor (depending on the size of your processor you may need to do this in batches). Whiz the bread until it turns into breadcrumbs — you want the texture to be somewhere between coarse and fine.</p><p class="line">4. Pour the breadcrumbs into a flat dish ready for coating the chicken. Add the salt and stir well to combine.</p><p class="line">5. To prepare the chicken nuggets, preheat the oven to 180°C (fan).</p><p class="line">6. Slice the chicken into nugget portions (around 3–4cm sized pieces).</p><p class="line">7. Place the breadcrumbs in a shallow dish. If using store-bought breadcrumbs add ½–1 teaspoon fine sea salt, depending on how salted they already are.</p><p class="line">8. Crack the eggs into another shallow dish and whisk briefly.</p><p class="line">9. Place the flour, 1½ teaspoons salt and the garlic powder into a third shallow dish and stir to combine.</p><p class="line">10. Using your hands, pick up a piece of the chicken and dip it into the flour mixture, shaking off any excess flour before dipping it into the egg mixture, then transferring it to the breadcrumbs. Toss the chicken in the breadcrumbs until well-coated, then place it on the baking tray. Repeat with the remaining pieces of chicken, ensuring to not crowd the nuggets on the baking tray.</p><p class="line">11. Drizzle the oil over the chicken then bake in the oven for 15–20 minutes, turning them over halfway through if you wish, until golden on the outside and cooked in the middle.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Easy Rustic Gnocchi.html b/Recipes/Easy Rustic Gnocchi.html new file mode 100644 index 0000000..1cf5dd6 --- /dev/null +++ b/Recipes/Easy Rustic Gnocchi.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/55846359.jpg?tr=w-800,h-1066"> + <img src="Images/8DF5F96F-9773-4BFD-B6FF-CE4BA3D420A4/A59B3FCC-EE0D-4045-8F18-6D85202E686E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy Rustic Gnocchi</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 2 cooks in 30 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/potato-recipes/easy-rustic-gnocchi/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong> g floury potatoes</p><p class="line" itemprop="recipeIngredient"><strong>350</strong> g asparagus</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a bunch of fresh thyme (15g)</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g Parmesan cheese</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Wash the potatoes, chop into 3cm chunks and cook in a large pan of boiling salted water for 12 minutes, or until tender.</p><p class="line">Meanwhile, line up the asparagus, trim off the woody ends, then slice the stalks 1cm thick, leaving the tips whole.</p><p class="line">Drain the potatoes and steam dry for 2 minutes, then return to the pan and mash well. Taste and season to perfection with sea salt and black pepper, then tip on to a clean work surface.</p><p class="line">Fill the empty pan with boiling kettle water and place on a high heat.</p><p class="line">Use your hands to scrunch the flour with the potato, then divide into 24 pieces. Squeeze each in your palm to compress, into little uneven gnocchi, then drop into the boiling water for 1 minute, or until they float.</p><p class="line">Meanwhile, put the asparagus into a large non-stick frying pan on a medium-low heat with 1 tablespoon of olive oil, stirring occasionally.</p><p class="line">Strip in most of the thyme leaves, then use a slotted spoon to add the gnocchi straight in.</p><p class="line">Finely grate over most of the Parmesan and toss well, adding 100ml of gnocchi cooking water to emulsify it into a nice sauce. Taste, season to perfection, then dish up.</p><p class="line">Grate over the remaining Parmesan, strip over the remaining thyme, and finish with a little drizzle of extra virgin olive oil.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 434 22%<br/>Fat 16g 23%<br/>Saturates 6g 30%<br/>Sugars 6g 7%<br/>Salt 0.5g 8%<br/>Protein 21.3g 43%<br/>Carbs 54.5g 21%<br/>Fibre 6.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Easy Spinach and Ricotta Pies.html b/Recipes/Easy Spinach and Ricotta Pies.html new file mode 100644 index 0000000..5d54740 --- /dev/null +++ b/Recipes/Easy Spinach and Ricotta Pies.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/OH1PQFMZ/w643-h428-cfill-q90/taste/2018/04/may-18_easy-spinach-ricotta-pies-3000x2000-136869-1.jpg"> + <img src="Images/5A5D5B32-FF4D-47ED-B248-714942EC2722-21470-00000353605DC756/4C92D2C5-BD92-4C68-B9DE-0E43D549F9A3-21470-000003536866A0D5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy Spinach and Ricotta Pies</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/easy-spinach-ricotta-pies/h3qn7otg?r=recipes/vegetarianrecipes&c=3ecd4763-3b76-4345-b0d6-3e52d13fcfe2/Vegetarian%2520recipes"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> x 250g pkt frozen spinach, thawed, excess liquid removed</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g soft fetta, crumbled</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g ricotta</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon finely chopped dill</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> Coles Australian Free Range Eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sheets frozen puff pastry, just thawed</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup (80g) mixed olives</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g Perino tomatoes, halved</p><p class="line" itemprop="recipeIngredient">Baby rocket leaves, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat oven to 200°C. Line a baking tray with baking paper. Combine spinach, fetta, ricotta, spring onion, dill and 1 egg in a large bowl. Season. Lightly whisk remaining egg in a bowl.</p><p class="line">Place 1 pastry sheet on a clean work surface. Spoon half the spinach mixture over one-half of the pastry sheet, leaving a 1cm border. Use a small sharp knife to cut 5cm-long slashes at 1cm intervals over the other half of the pastry. Fold over to enclose filling. Use a fork to seal the edges. Repeat with the remaining pastry sheet and spinach mixture.</p><p class="line">Place the pies on the lined tray. Brush with whisked egg and season. Bake for 20-25 mins or until golden and puffed.</p><p class="line">Combine olives, tomato and rocket in a bowl. Serve with pies.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>2550 kj Energy 39g Fat Total 21g Saturated Fat 11g Fibre 27g Protein 1492mg Sodium 4g Carbs (sugar)<br/>32g Carbs (total)</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Easy Veggie Noodles.html b/Recipes/Easy Veggie Noodles.html new file mode 100644 index 0000000..8ec951f --- /dev/null +++ b/Recipes/Easy Veggie Noodles.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://realfood.tesco.com/media/images/1400x919-Stir-fry-36d8bac4-4395-416d-bdfd-0f5c0b430e39-0-1400x919.jpg"> + <img src="Images/764E0A4E-6D37-4F3E-8E2C-B6FD4F55FB5D/73ED57EB-C402-4A0F-AF0A-6AED101567E1.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy Veggie Noodles</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">10 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://realfood.tesco.com/recipes/easy-veggie-noodles.html"> + <span itemprop="author">realfood.tesco.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>5</strong>cm piece of ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons low-salt soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tablespoons rice wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tablespoons sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Chinese cabbage</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g fresh or frozen broccoli</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g medium egg noodles</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g mangetout</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">optional: hot chilli sauce, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Peel the ginger and garlic and finely grate into a large bowl.</p><p class="line">Add the soy sauce, vinegar, sesame oil and a pinch of black pepper, then mix to make a dressing.</p><p class="line">Trim and shred the cabbage and put it into a large pan of boiling salted water with the broccoli (cut into florets first, if using fresh) and noodles to cook for around 3 minutes, then add the mangetout for a final minute.</p><p class="line">Drain it all well, then toss in the bowl of dressing.</p><p class="line">Fry the eggs in a large non-stick frying pan on a medium heat with a lug of olive oil until cooked to your liking (I like mine with a runny yolk).</p><p class="line">Divide the noodles between bowls, pop an egg on top of each one, and serve drizzled with chilli sauce for that all-important added kick.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Energy 2025kj 483kcal 24%<br/>Fat 21g 30%<br/>Saturates 4g 20%<br/>Sugars 7g 8%<br/>Salt 1.3g 22%<br/>Carbohydrate 52.7g Protein 23.8g Fibre 5.1g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Easy mushroom risotto with baked Greek Cheese.html b/Recipes/Easy mushroom risotto with baked Greek Cheese.html new file mode 100644 index 0000000..43390ed --- /dev/null +++ b/Recipes/Easy mushroom risotto with baked Greek Cheese.html @@ -0,0 +1,302 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/C0DB676E-436C-4619-B29B-7172446A50EF/C0B93775-7834-41BC-85A1-476FDA43F5F5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Easy mushroom risotto with baked Greek Cheese</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Gousto</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>160</strong>g chestnut mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g arborio rice</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g Greek salad cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown onion</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g grated Italian hard cheese</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml Chinese rice wine</p><p class="line" itemprop="recipeIngredient"><strong>700</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g parsley</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>For some midweek magic, flavour your risotto with a<br/>classic chestnut mushroom-garlic combo. Then stir in<br/>baked Greek cheese and a generous sprinkling of<br/>Italian hard cheese to finish. Easy, peasy.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Step 1<br/>Preheat the oven to 220°C/ 200°C (fan)/ gas 7 and boil a kettle<br/>Peel and finely chop the brown onion[s]<br/>Peel and finely chop (or grate) the garlic<br/>Chop the chestnut mushrooms roughly</p><p class="line">Step 2<br/>Heat a large, wide-based pan (preferably non-<br/>stick) with a drizzle of olive oil over a medium<br/>heat<br/>Once hot, add the chopped onion, garlic and<br/>mushrooms with a pinch of salt and cook for<br/>4-5 min or until softened</p><p class="line">Step 3<br/>Whilst the veg is softening, dissolve the<br/>vegetable stock mix in 700ml [1.4L] boiled<br/>water</p><p class="line">Step 4<br/>Once softened, add the arborio rice and<br/>Chinese rice wine to the pan and cook for 1<br/>min or until the rice wine has evaporated</p><p class="line">Step 5<br/>Add the vegetable stock to the pan and cook<br/>for 25-30 min, stirring frequently, or until the<br/>rice is cooked with a slight bite - this is your<br/>mushroom risotto<br/>Tip: Add in the liquid all at once for ease, but<br/>don't forget to stir to release the starches in<br/>the rice!</p><br/><p class="line">Step 6<br/>Add the Greek cheese to a tin foil-lined<br/>baking tray<br/>Drizzle with olive oil and season with a grind<br/>of black pepper and put in the oven for 10-15<br/>min or until golden and softened</p><p class="line">Step 7<br/>While the risotto is cooking, chop the parsley<br/>finely, including the stalks<br/>Once done, stir half of the grated Italian hard<br/>cheese (save the rest for garnish!) through the<br/>mushroom risotto and season with a generous<br/>grind of black pepper<br/>Tip: Add a splash of water if the risotto is<br/>looking a little dry!</p><p class="line">Step 8<br/>Stir the baked Greek cheese into the mushroom risotto - this is your mushroom risotto with baked Greek cheese. </p><p class="line">Serve the mushroom risotto with baked Greek cheese and garnish with the remaining grated Italian hard cheese and chopped parsley</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/C0DB676E-436C-4619-B29B-7172446A50EF/99DB79E5-0C58-4E3C-B523-6146BBD7716A.jpg', + src: 'Images/C0DB676E-436C-4619-B29B-7172446A50EF/99DB79E5-0C58-4E3C-B523-6146BBD7716A.jpg', + w: 828.0, + h: 821.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Egg Custard.html b/Recipes/Egg Custard.html new file mode 100644 index 0000000..9fe069e --- /dev/null +++ b/Recipes/Egg Custard.html @@ -0,0 +1,206 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Egg Custard</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3 cups</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">The Cook’s Companion - Stephanie Alexander. Pg. 33</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> cup milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup cream</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vanilla bean, split</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> egg yolks</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup castor sugar</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This is the basic stirred custard that one serves with steamed puddings. My version uses half milk, half cream.</p><p>Make it with all milk, if you prefer. It is also the base for vanilla ice-cream, with a slight modification.</p><p>This quantity makes 3 cups.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring milk, cream and vanilla bean to simmering point in a heavy-based saucepan.</p><p class="line">In a bowl, whisk egg yolks with sugar until light and foamy, then whisk in warm milk and cream.</p><p class="line">Return to rinsed-out pan and cook over a moderate heat for at least 10 minutes, stirring constantly with a wooden spoon, until mixture thickens and coats back of spoon. (If you have a thermometer, 82-85°C is the temperature for a properly thickened custard.) </p><p class="line">Strain into a cold bowl, then scrape in some vanilla seeds from the split pod.</p><p class="line">Serve warm or cold.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Egg and Lettuce Rolls.html b/Recipes/Egg and Lettuce Rolls.html new file mode 100644 index 0000000..9e8827b --- /dev/null +++ b/Recipes/Egg and Lettuce Rolls.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/5nPcqI6O/w643-h428-cfill-q90/taste/2016/11/egg-and-lettuce-rolls-59818-1.jpeg"> + <img src="Images/DE677EBA-9C57-498F-A2C4-55F9B05167DB-21470-0000034B04ED0A9D/0822B537-DB6D-4F1C-87BD-8A04E69516F6-21470-0000034B0808D4FD.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Egg and Lettuce Rolls</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">0</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/egg-lettuce-rolls/13179eb2-50d8-433c-b18a-1e5a54ee86bf?r=recipes/healthyschoollunchideas&c=n4y95cjy/Healthy%2520school%2520lunch%2520ideas"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>4</strong> hard-boiled eggs, peeled</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons whole-egg mayonnaise</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> large slices multigrain bread</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups finely shredded iceberg lettuce</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Roughly chop eggs. Place in a bowl. Add mayonnaise and salt and pepper. Mash with a fork to combine.</p><p class="line">Remove crusts from bread. Using a rolling pin, flatten bread slightly. Spread 1 1/2 tablespoons of egg mixture over each slice of bread, leaving a 1cm border at 1 end. Top with lettuce. Roll up from opposite end to enclose filling. Wrap in plastic wrap. Refrigerate.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>646 kj Energy 7.8g Fat Total 1.4g Saturated Fat 1.8g Fibre 6.4g Protein 113mg Cholesterol 205mg Sodium 13.9g Carbs (total)</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Eggs With Mayonnaise.html b/Recipes/Eggs With Mayonnaise.html new file mode 100644 index 0000000..e3a1fc5 --- /dev/null +++ b/Recipes/Eggs With Mayonnaise.html @@ -0,0 +1,186 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Eggs With Mayonnaise</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Lunch</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient">mayonnaise</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/English Garden Mocktail.html b/Recipes/English Garden Mocktail.html new file mode 100644 index 0000000..5dcd445 --- /dev/null +++ b/Recipes/English Garden Mocktail.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/123541169.jpg?tr=w-800,h-1066"> + <img src="Images/B0794FF1-CDD5-4BF8-A6BB-88F9F71BE740/998C7EEE-F4D6-4BA2-AE43-486A75904AC2.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">English Garden Mocktail</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">6 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/drink-recipes/english-garden-mocktail/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> oranges</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> of a cucumber</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of strawberries</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sprigs of mint</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tablespoons balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon apple cider vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of ice cubes</p><p class="line" itemprop="recipeIngredient"><strong>600</strong> ml lemonade</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> ml sparkling water</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Halve one orange and squeeze the juice into a large jug. Cut the lemon, cucumber, strawberries and remaining orange into thick slices, adding to the jug as you go. Pick and finely slice the mint leaves and add to the jug with the vinegars, mint sprigs and a good handful of ice. Top up with the lemonade and sparkling water and give it a good stir. Leave to sit for 5 minutes, then pour into glasses and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 40 2%<br/>Fat 0.1g 0%<br/>Saturates 0g 0%<br/>Sugars 9.4g 10%<br/>Salt 0g 0%<br/>Protein 0.4g 1%<br/>Carbs 9.5g 4%<br/>Fibre 0.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Flatbread for Gözleme.html b/Recipes/Flatbread for Gözleme.html new file mode 100644 index 0000000..2120dbf --- /dev/null +++ b/Recipes/Flatbread for Gözleme.html @@ -0,0 +1,294 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/BB85243D-97F9-42C7-9010-734601E91BF0/96C8F26B-CF35-48B8-A267-E5E4C4B13E57.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Flatbread for Gözleme</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">8</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong>g plain flour, plus extra for dusting</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g dry active yeast</p><p class="line" itemprop="recipeIngredient"><strong>8</strong>g sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp extra virgin olive oil, plus extra greasing</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g natural yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>ml warm water</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Filling recipe - <a href="Spinach And Feta Flatbreads (Gözleme).html">Spinach And Feta Flatbreads (Gözleme)</a></p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Make the dough by combining all of the ingredients in the bowl of a stand mixer fitted with a dough hook. Mix on a low speed to begin, then increase the speed to high and mix for 4-5 minutes or until the dough is elastic and shiny. Alternatively, mix all of the ingredients in a bowl with a wooden spoon then turn out onto a floured work surface and knead until the dough is soft and elastic. Transfer to a well oiled bowl and coat the dough in the oil, then cover and allow to rise for one hour, or until doubled in size.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/BB85243D-97F9-42C7-9010-734601E91BF0/BA3D7255-EE92-4604-9142-F71723AE1563.jpg', + src: 'Images/BB85243D-97F9-42C7-9010-734601E91BF0/BA3D7255-EE92-4604-9142-F71723AE1563.jpg', + w: 828.0, + h: 1165.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Fluffy Meringue Frosting.html b/Recipes/Fluffy Meringue Frosting.html new file mode 100644 index 0000000..31a5df8 --- /dev/null +++ b/Recipes/Fluffy Meringue Frosting.html @@ -0,0 +1,216 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/EctyucxC/w643-h428-cfill-q90/taste/2016/11/fluffy-meringue-frosting-85512-1.jpeg"> + <img src="Images/1A3428B8-9FC6-4807-BCB9-100D192DC9B1/F28CECA1-FADE-46F7-A36C-27ADB244F9DB.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Fluffy Meringue Frosting</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Dessert</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">1:19</span> + + <b>Servings: </b><span itemprop="recipeYield">0</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/fluffy-meringue-frosting/c14af653-759e-4f64-86ba-67faebb5e42c"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>4</strong> eggwhites</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups caster sugar</p><p class="line" itemprop="recipeIngredient">Select all ingredients</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Place eggwhites</p><p class="line">OK, GOT IT</p><p class="line">, sugar and 1/4 cup cold water in a large heatproof bowl. Whisk to combine. Place bowl over a saucepan of simmering water. Using an electric hand mixer, beat eggwhite mixture for 15 minutes or until stiff peaks form.</p><p class="line">Remove bowl from heat. Beat until cooled.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Fool-Proof Corn Fritters.html b/Recipes/Fool-Proof Corn Fritters.html new file mode 100644 index 0000000..cb0d930 --- /dev/null +++ b/Recipes/Fool-Proof Corn Fritters.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/7825DD89-7652-4D00-9CDF-F7D7DE63642A-60771-00000780FDF227F4.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Fool-Proof Corn Fritters</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong> g frozen corn</p><p class="line" itemprop="recipeIngredient"><strong>75</strong> g self raising flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>55</strong> g halloumi cheese </p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> teaspoon salt flakes</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> teaspoon black pepper</p><p class="line" itemprop="recipeIngredient">sunflower oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>In Praise of Veg page 116</p> + </div> + </div> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/17EF2213-2EFB-4715-BE6B-672F97A90535-60771-0000077FDA97B1FB.jpg', + src: 'Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/17EF2213-2EFB-4715-BE6B-672F97A90535-60771-0000077FDA97B1FB.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/BD6A72DE-659B-43E9-89FF-B9CE1FE36CD1-60771-0000077FECA87341.jpg', + src: 'Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/BD6A72DE-659B-43E9-89FF-B9CE1FE36CD1-60771-0000077FECA87341.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/French Beans and Mangetout with Hazelnut and Orange.html b/Recipes/French Beans and Mangetout with Hazelnut and Orange.html new file mode 100644 index 0000000..ccf8496 --- /dev/null +++ b/Recipes/French Beans and Mangetout with Hazelnut and Orange.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://ottolenghi.co.uk/pub/media/amasty/amoptmobile/contentmanager/content/cache/646x458//rench-beans-and-mangetout-with-hazelnut-and-orange.jpg"> + <img src="Images/A59D368C-D7B7-4DE0-A9FC-1548625062FC/0C4D4515-E0AE-415D-B8ED-69E75741FF9D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">French Beans and Mangetout with Hazelnut and Orange</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://ottolenghi.co.uk/recipes/french-beans-and-mangetout-with-hazelnut-and-orange-full"> + <span itemprop="author">ottolenghi.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong>g French beans</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g mangetout</p><p class="line" itemprop="recipeIngredient"><strong>70</strong>g unskinned hazelnuts</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> orange</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g chives, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, crushed</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp hazelnut oil (or another nut oil, if unavailable)</p><p class="line" itemprop="recipeIngredient">coarse sea salt and black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180C/Gas Mark 4.</p><p class="line">Using a small, sharp knife, trim the stalk ends off the French beans and the mangetout, keeping the two separate. Bring plenty of unsalted water to the boil in a large saucepan - you need lots of space for the beans, as this is crucial for preserving their colour. Blanch the French beans in the water for 4 minutes, then drain into a colander and run them under plenty of tap water until cold. Leave to drain and dry. Repeat with the mangetout, but blanch for only 1 minute.</p><p class="line">While the beans are cooking, scatter the hazelnuts over a baking tray and roast in the oven for 10 minutes. Leave until cool enough to handle, then rub them in a clean tea-towel to get rid of most of the skin. Chop the nuts with a large, sharp knife. They should be quite rough; some can even stay whole. Using a vegetable peeler, remove the zest from the orange in strips, being careful to avoid the bitter white pith.</p><p class="line">Slice each piece of zest into very thin strips (if you have a citrus zester, you could do the whole job with that).</p><p class="line">To assemble the dish, mix all the ingredients together in a bowl, toss gently, then taste and adjust the seasoning. Serve at room temperature.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Gluten Free Lemon Curd Cookies.html b/Recipes/Gluten Free Lemon Curd Cookies.html new file mode 100644 index 0000000..c8c6fec --- /dev/null +++ b/Recipes/Gluten Free Lemon Curd Cookies.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://theloopywhisk.com/wp-content/uploads/2023/04/Gluten-Free-Lemon-Curd-Cookies_730px-12-250x350.jpg.webp"> + <img src="Images/2A81C423-D0F4-44E5-9074-8009F950B798/4A315C60-B23A-42C4-9F77-BE5B99D14199.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Gluten Free Lemon Curd Cookies</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">1 hr</span> + + <b>Servings: </b><span itemprop="recipeYield">Servings 16 cookies</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://theloopywhisk.com/2023/04/07/gluten-free-lemon-curd-cookies/"> + <span itemprop="author">theloopywhisk.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>Lemon curd:</strong></p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g (½ cup) caster/superfine or granulated sugar</p><p class="line" itemprop="recipeIngredient">zest of 1 lemon (Ideally, use organic unwaxed lemons.)</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> US large/UK medium egg yolks, room temperature</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> g (¼ cup) freshly squeezed lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>55</strong> g (½ stick) unsalted butter, cubed</p><p class="line" itemprop="recipeIngredient"><strong>Lemon cookies:</strong></p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g (¾ cup) caster/superfine or granulated sugar</p><p class="line" itemprop="recipeIngredient">zest of 2 lemons (Ideally, use organic unwaxed lemons.)</p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g (1 stick) unsalted butter, melted and cooled until warm</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> US large/UK medium eggs, room temperature</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> g (2 tbsp) freshly squeezed lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp vanilla bean paste (or 1 tsp vanilla extract)</p><p class="line" itemprop="recipeIngredient"><strong>240</strong> g (2 cups) plain gluten free flour blend (I used Doves Farm Freee plain gluten free flour that doesn't have any xanthan gum added. You can also mix your own gluten free flour blend using this recipe. Note that for this homemade blend, 1 cup = 150g, so ideally use a digital food scale for best results.)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp xanthan gum (Omit if your gluten free flour blend already contains xanthan gum.)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>90</strong> g (¾ cup) powdered/icing sugar, for rolling the cookies before baking</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Lemon curd:</strong></p><p class="line">It's best to minimise contact with metal when preparing the lemon curd to prevent it from developing a metallic aftertaste. Therefore, I don't recommend using a metal bowl, metal utensils (such as a metal whisk) or a metal/metal-coated saucepan.</p><p class="line">Instead, use a glass or ceramic bowl, a rubber spatula or a wooden spoon, and a non-metal saucepan such as one with a ceramic coating.</p><p class="line">Add the sugar and lemon zest to a bowl, and use your fingertips to rub the zest into the sugar.</p><p class="line">Tip: This helps to release more essential oils from the zest and it will make your lemon curd extra fragrant.</p><p class="line">Add the egg yolks and salt to the lemon-sugar, and mix or whip them until pale and slightly fluffy.</p><p class="line">In a saucepan over medium-high heat, cook the lemon juice until it only just comes to a boil.</p><p class="line">Add the hot lemon juice to the egg yolk-sugar mixture in a slow drizzle, mixing constantly until you've added all the juice.</p><p class="line">Tip: This tempers the egg yolks and reduces the chances of your lemon curd splitting or curdling when you cook it.</p><p class="line">Return the mixture to the saucepan and cook it over low heat with constant stirring until thickened so that it thickly coats the back of a spoon or spatula. This should take about 4-5 minutes. Don't allow the lemon curd to come to a boil – you shouldn't see any bubbles forming.</p><p class="line">Once thickened, remove from the heat and stir in the butter until it's fully melted.</p><p class="line">Pass the lemon curd though a fine mesh sieve to remove the lemon zest – this will make it perfectly smooth and creamy (but you can skip this step if you don't mind the texture of the lemon zest).</p><p class="line"><strong>Lemon cookie dough:</strong></p><p class="line">Add the sugar and lemon zest to a large bowl, and use your fingertips to rub the zest into the sugar.</p><p class="line">Tip: This helps to release more essential oils from the zest, and it will make your cookies even more lemony and aromatic.</p><p class="line">Add the melted butter, eggs, lemon juice and vanilla, and whisk well until combined.</p><p class="line">In a separate bowl, whisk together the gluten free flour blend, xanthan gum, baking powder and salt, and add them to the wet ingredients.</p><p class="line">Mix with a wooden spoon or a rubber spatula until you get a smooth, batter-like cookie dough.</p><p class="line"><strong>Assembling & baking the cookies:</strong></p><p class="line">Adjust the oven rack to the middle position, pre-heat the oven to 350ºF (180ºC) and line two large baking sheets with parchment/baking paper.</p><p class="line">Tip: You will bake the cookies in two batches, so you can line two baking sheets if you have them on hand. Otherwise, just re-use the same baking sheet, but make sure to cool it completely before you place the next batch of unbaked cookies onto it.</p><p class="line">Use a 2-tablespoon cookie or ice cream scoop to scoop out a portion of the cookie dough. Drop it directly into a bowl of powdered/icing sugar and roll it around until it’s evenly coated. The sugar coating will allow you to handle the cookie dough without it sticking, so you can roll it between your palms to form a perfectly round ball.</p><p class="line">Repeat with the rest of the cookie dough, you should get 16 cookies in total.</p><p class="line">Place the sugar-coated cookie dough balls onto the lined baking sheets, with plenty of space between them, about 8 per baking sheet (as the cookies will spread during baking).</p><p class="line">Use a ½-tablespoon measuring spoon to make an indent in the centre of each cookie dough ball (make sure that you press only halfway through each cookie dough ball, not all the way through).</p><p class="line">Fill the cookies with about 1 (generous) teaspoon of lemon curd.</p><p class="line">Bake one baking sheet at a time at 350ºF (180ºC) for 9-12 minutes or until the cookies have spread and cracked around the edges and the lemon curd centre is slightly puffed up but NOT visibly bubbling (this will ensure that it stays beautifully smooth and creamy).</p><p class="line">While the first batch of cookies is baking, keep the second baking sheet with the cookies in the fridge until needed.</p><p class="line">The cookies will be very soft and delicate immediately out of the oven. Allow them to cool on the baking sheet for about 5-10 minutes before transferring them to a wire rack to cool completely.</p><p class="line">These lemon curd cookies are amazing both warm and at room temperature, but I find them to be at their very best when they're chilled from the fridge.</p><p class="line"><strong>Storage:</strong></p><p class="line">The gluten free lemon curd cookies keep well in an airtight container at room temperature for 2-3 days, or in the fridge for up to about 1 week.</p><p class="line">You might have some lemon curd left over – you can store it in an airtight container in the fridge for up to about 10 days.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Tip: I don't recommend using a metal sieve, as contact with metal can give your lemon curd a slight metallic aftertaste. If possible, use a sieve with a plastic or silicone mesh.</p><p>Pour the finished lemon curd into a bowl or heat-proof container and cover it with a sheet of plastic wrap/cling film. Make sure that the plastic wrap/cling film is in direct contact with the surface of the lemon curd – this will prevent skin formation. Allow to cool completely to room temperature. (You can also prepare the lemon curd a day or two in advance and keep it in the fridge until needed.)</p><p>Tip: At this stage, the cookie dough will really be more like a batter – it will be very loose, soft and sticky, bordering on runny. That's how it should be. Don't add more flour!</p><p>Chill the cookie dough in the fridge for at least 2 hours before proceeding to the next step. You can also keep it in the fridge overnight if you want to bake the cookies the next day.</p><p>Tip: In addition to firming up the cookie dough into something you can actually handle and shape into balls, chilling also ensures that the cookies won’t melt into puddles during baking.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Gnocchi Broccoli Tray Bake with Lemon and Cheese.html b/Recipes/Gnocchi Broccoli Tray Bake with Lemon and Cheese.html new file mode 100644 index 0000000..4919475 --- /dev/null +++ b/Recipes/Gnocchi Broccoli Tray Bake with Lemon and Cheese.html @@ -0,0 +1,214 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://live-production.wcms.abc-cdn.net.au/f8150daddcdb8601e36077eb02e8f31e?impolicy=wcms_crop_resize&cropH=1688&cropW=3000&xPos=0&yPos=0&width=862&height=485"> + <img src="Images/1C360799-84F8-45A9-A1A5-E1A1FF2C3D3B-21109-00000347A1518A47/8D4A1C79-9937-4048-BE11-93232AFA86B9-21109-00000347A39B63EC.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Gnocchi Broccoli Tray Bake with Lemon and Cheese</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="4">★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">0:10</span> + + <b>Cook Time: </b><span itemprop="cookTime">0:20</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.abc.net.au/everyday/gnocchi-broccoli-tray-bake/12017796"> + <span itemprop="author">abc.net.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>350</strong>g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g dried gnocchi</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp fennel seeds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> lemons</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g parsley</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">sea salt</p><p class="line" itemprop="recipeIngredient">black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Preheat the oven to 220°C.</p><p class="line">2. Cut the broccoli into florets. Trim the woody exterior off the stalk and cut into chunks similar in size to the florets. Open the packets of gnocchi and separate them well (they tend to stick together). Combine the broccoli in a large bowl, along with the gnocchi, fennel seeds, sliced lemon, garlic and drizzle everything with a good amount of olive oil. Season well with sea salt and black pepper, and toss to combine and coat everything well.</p><p class="line">3. Tip the gnocchi and broccoli onto a 2 large baking trays, making sure that everything is in a single layer, and roast for 15-20 minutes, until gnocchi are golden and the broccoli and lemon are caramelised. Remove from the oven and toss everything together. The flavour of the charred lemon will coat the gnocchi and broccoli.</p><p class="line">4. To serve, place the trays in the middle of the table and top with a drizzle of olive oil, pecorino and 1-2 teaspoons (or to your taste) of black pepper. To serve, top with parsley and a squeeze of fresh lemon juice.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Gnocchi with Mushrooms & Blue Cheese.html b/Recipes/Gnocchi with Mushrooms & Blue Cheese.html new file mode 100644 index 0000000..7c32947 --- /dev/null +++ b/Recipes/Gnocchi with Mushrooms & Blue Cheese.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/gnocchi-with-mushrooms-ef4cba5.jpg?quality=90&resize=440,400"> + <img src="Images/4CEAB2D2-A961-4CA1-85F3-044AD1BEB0D5-21470-0000034FA2A215E3/881BCB38-89FE-4D72-BC8C-1C7436765C39-21470-0000034FA5527B50.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Gnocchi with Mushrooms & Blue Cheese</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">10 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/gnocchi-mushrooms-blue-cheese"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> x 400g packs fresh gnocchi</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient">knob of butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g small Forestière or Portobello mushrooms, sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large garlic cloves, chopped</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g pack creamy blue cheese (we used Danish blue)</p><p class="line" itemprop="recipeIngredient">small pack parsley, chopped</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring a large pan of water to the boil and cook the gnocchi following pack instructions. When they float to the top of the pan, they are ready. Drain and set aside.</p><p class="line">Meanwhile, heat the oil and butter in a large lidded frying pan. Add the onion and mushrooms, cook for 1 min over a high heat, then turn down the heat to medium, put the lid on and cook for 5 mins, stirring a few times.</p><p class="line">Remove the lid and add the garlic, cook for 1-2 mins, then stir the gnocchi into the pan. Scatter over blobs of cheese and the parsley.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Goats' Cheese & Spinach Florentine Tart.html b/Recipes/Goats' Cheese & Spinach Florentine Tart.html new file mode 100644 index 0000000..252590a --- /dev/null +++ b/Recipes/Goats' Cheese & Spinach Florentine Tart.html @@ -0,0 +1,230 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/3350_Goats-Cheese--Spinach-Florentine-Tart-9099-1638811174908-x200.jpg"> + <img src="Images/A0290B12-55B1-4AF8-83CA-264BD4C8F08F/4165DA3B-94EB-4600-994F-38972C5F8CD3.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Goats' Cheese & Spinach Florentine Tart</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="3">★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/goats-cheese-spinach-florentine-tart"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>160</strong>g puff pastry</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g soft goats' cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> white potatoes</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g green tomato chutney</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml white wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g spinach</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g rocket</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 220°C/ 200°C (fan)/ gas 7 and boil a full kettle</p><p class="line">Chop the potatoes (skins on) into small bite-sized pieces</p><p class="line">Add the chopped potatoes to a tin foil-lined baking tray with a drizzle of vegetable oil and a pinch of salt and pepper</p><p class="line">Give everything a good mix up and put the tray in the oven for 25 min or until the potatoes are starting to brown</p><p class="line">While the potatoes are in the oven, add the spinach to a colander and pour boiled water all over it so that it starts to wilt</p><p class="line">Rinse the wilted spinach under cold running water until it's cool</p><p class="line">Once cool, squeeze as much water out of the spinach as you can, then chop roughly</p><p class="line">Peel and finely chop (or grate) the garlic</p><p class="line">Heat a large, wide-based pan (preferably non-stick) with a drizzle of olive oil over a medium-high heat</p><p class="line">Once hot add the chopped wilted spinach and chopped garlic with a generous pinch of salt and pepper and cook for 1-2 min or until the garlic has softened</p><p class="line">Stir through half the goats' cheese (you'll use the rest later!) with a splash of water and cook for 1 min further – this is your creamy spinach</p><p class="line">Meanwhile, line a separate baking tray (or two!) with non-stick baking paper</p><p class="line">Dust your work surface with a generous sprinkling of flour</p><p class="line">Unwrap the puff pastry and roll it out to approx. 0.5cm thickness with a rolling pin and cut into 2 [4]</p><p class="line">Add the pastry to the tray[s] and score a 1cm border around the edge of the pastry with a knife</p><p class="line">Top the pastry with the creamy spinach (keep it within the borders!)</p><p class="line">Break up the remaining goats’ cheese and sprinkle it over the top equally (leave the centre empty as this is where your egg will go!)</p><p class="line">Put the tray[s] in the oven for an initial 9 min or until the pastry edges have begun to puff up</p><p class="line">Meanwhile, combine the green tomato chutney, white wine vinegar and 2 tbsp [4 tbsp] olive oil in a small bowl – this is your chutney dressing</p><p class="line">Once the tarts have had an initial 9 min, remove the tray[s] from the oven and crack the eggs into the centre</p><p class="line">Return the tarts to the oven for a final 6 min or until the eggs are cooked (the yolk should still be a little runny) and the pastry is golden and cooked through – these are your goats' cheese & spinach florentine tarts</p><p class="line">Wash the rocket, then pat it dry withkitchen paper</p><p class="line">Serve the goats' cheese & spinach florentine tarts with the roast potatoes and rocket mixed together to the side</p><p class="line">Drizzle over the chutney dressing and finish with a grind of black pepper</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Tip: The pastry border will puff up to give you a nice crust!</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 716 kJ 2636 kJ 171 kcal 631 kcal<br/>Fat 9.9 g 36.5 g<br/>of which saturates 4.6 g 16.8 g<br/>Carbohydrate 14.4 g 53.0 g<br/>of which sugars 1.7 g 6.1 g<br/>Fibre 1.7 g 6.1 g<br/>Protein 6.0 g 22.1 g<br/>Salt 0.32 g 1.17 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html b/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html new file mode 100644 index 0000000..33653b4 --- /dev/null +++ b/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html @@ -0,0 +1,230 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/4240---Goats-Cheese-Leek--Spinach-Pasta-Bake-1647512076931-x200.jpg"> + <img src="Images/4B461C20-A82C-40CA-813E-DC57F13E16CB/BB98E7CD-3C64-4AE3-9356-68B50BBA67BF.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Goats' Cheese, Leek & Spinach Pasta Bake</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/goats-cheese-leek-spinach-pasta-bake"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> leek</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g pine nut & seed mix †</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g soft goats' cheese †</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g basil</p><p class="line" itemprop="recipeIngredient"><strong>11</strong>g vegetable stock mix</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g spinach</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g tortiglioni †</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 240ºC/ 220ºC (fan)/ gas 9</p><p class="line">Boil a kettle</p><p class="line">Chop the leek[s] in half lengthways and wash thoroughly to remove any grit from between the leaves, then top, tail and slice finely</p><p class="line">Peel and finely chop (or grate) the garlic</p><p class="line">Add the tortiglioni to a pot of boiled water with a pinch of salt, bring to the boil over a high heat and cook for 8-10 min or until cooked with a slight bite</p><p class="line">While the pasta is cooking, heat a large, wide-based pan (preferably non-stick) with a drizzle of olive oil and a knob of butter over a medium-high heat</p><p class="line">Once hot, add the sliced leek and chopped garlic with a pinch of salt and cook for 4-5 min or until beginning to soften</p><p class="line">Meanwhile, dissolve the vegetable stock mix and most of the goats' cheese (you'll use the rest later!)in 250ml [450ml] boiled water – this is your cheesy stock</p><p class="line">Chop the baby plum tomatoes in half</p><p class="line">Once the leeks have slightly softened, add the dried oregano and halved baby plum tomatoes to the pan and cook for 1-2 min</p><p class="line">Meanwhile, chop the basil finely, including the stalks</p><p class="line">Wash the spinach, then pat it dry with kitchen paper</p><p class="line">Add 1 tbsp [2 tbsp] flour to the panand give everything a good mix up</p><p class="line">Add the cheesy stock with the spinach and season with a generous grind of black pepper</p><p class="line">Cook for 1-2 min, stirring frequently, or until the sauce has thickened slightly</p><p class="line">Add the drained tortiglioni to the sauce with most of the chopped basil (save some for garnish!) and mix everything together – this is your saucy leek & spinach pasta</p><p class="line">Add the saucy leek & spinach pasta to an oven-proof dish, then crumble over the remaining goats' cheese</p><p class="line">Top with the pine nut & seed mix and put the dish in the oven for 10-15 min or until golden and crispy – this is your goats’ cheese, leek & spinach pasta bake</p><p class="line">Serve the goats’ cheese, leek & spinach pasta bake topped with the reserved chopped basil and a generous grind of black pepper</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Tip: It doesn't need to be fully cooked, as it will go in the oven later!</p><p>Once done, drain the tortiglioni and set it aside for later</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 562 kJ 2235 kJ 133 kcal 530 kcal<br/>Fat 4.6 g 18.1 g<br/>of which saturates 1.7 g 6.9 g<br/>Carbohydrate 18.5 g 73.4 g<br/>of which sugars 2.8 g 11.1 g<br/>Fibre 2.6 g 10.5 g<br/>Protein 5.7 g 22.5 g<br/>Salt 0.45 g 1.78 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Great Glen Vegetarian Lasagne.html b/Recipes/Great Glen Vegetarian Lasagne.html new file mode 100644 index 0000000..102b80e --- /dev/null +++ b/Recipes/Great Glen Vegetarian Lasagne.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.eaglebrae.co.uk/wp-content/uploads/vegetarian-lasagne.jpg"> + <img src="Images/A176EE0E-B83D-48CD-BE4B-8C89A93B89CA/4D6C73B2-82E8-439F-A20B-45E2044943A8.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Great Glen Vegetarian Lasagne</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.eaglebrae.co.uk/recipes/great-glen-vegetarian-lasagne/"> + <span itemprop="author">eaglebrae.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong>g puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can peeled tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion (chopped finely)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves of garlic (crushed)</p><p class="line" itemprop="recipeIngredient">Dried chilli flakes (to taste)</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp Olive Oil </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> bay leaves</p><p class="line" itemprop="recipeIngredient">Fresh thyme (small bunch tied together with cooking string as a bouquet garni)</p><p class="line" itemprop="recipeIngredient">Salt (to taste)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp black pepper</p><p class="line" itemprop="recipeIngredient">Spinach (one bag fresh, half a bag frozen)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> leeks (chopped)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g freah lasagne sheets</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp flour (heaped)</p><p class="line" itemprop="recipeIngredient"><strong>275</strong> ml milk (as required)</p><p class="line" itemprop="recipeIngredient">Parmesan cheese (enough for a light dusting on top, finely grated)</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g mature cheddar cheese (grated)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Veggie Mince</p><p class="line">First things first, you need to make your vegetarian “mince” which is primarily made up of the delicious green lentils. But before you can get your veggie mince underway, you need to put two other pans to work! Put your stock on the hob to heat it up, ready for use later. Put another pan of water on to boil so that you can parboil your lasagne sheets – add a little salt and oil to the water. In a third pan, gently fry your onions for 5 minutes or until softened.</p><p class="line">While your stock heats up, your water comes to the boil and your onions sizzle away, rinse your green lentils in a sieve with cold water. Add the garlic to your onions and stir well for about a minute. Add in the rinsed lentils and stir well. After about another minute or so add in the stock so that it just covers the lentil mix. Add the dried chilli flakes, the bay leaves and the thyme and let your lentils simmer with a lid on for 25 minutes. Make sure your lentil mix doesn’t dry out as the lentils absorb the stock. Add more stock if necessary.</p><p class="line">While your lentils simmer, wilt your spinach with a tiny bit of water, butter and salt in a separate shallow pan. Continue to cook until all the water has cooked off. Finally, after your lentils have cooked away for 25 minutes, add the tin of tomatoes as well as some salt and pepper to taste. Cook for another 10 minutes. Add in the leeks and cook for 10 minutes more until the leeks are just cooked. You want your green lentils mix to be the right consistency to be your lasagne mince, so if it’s too runny cook off the excess moisture. If it is too dry add some more stock. Once ready, set aside off the heat with the lid on.</p><p class="line">Lasagne Sheets</p><p class="line">Now a lot of people will put dry lasagne sheets into a lasagne straight out of the packet. Many of the packets recommend you cook it like this. But we prefer to parboil ours because the lasagne sheets are much nicer fully swollen in the lasagne. It also means you won’t have to cook your vegetarian lasagne so long in the oven that it might dry out just to cook the sheets through. You don’t want them to stick together so you can’t just put them in the pan together. So here is Eagle Brae’s wacky method of parboiling lasagne sheets.</p><p class="line">Take a sheet of tinfoil and cut a strip a metre or so long (big enough to fold up your lasagne sheets inside). Before adding your lasagne sheets, fold the tinfoil and make holes in it with an office hole-punch. Then fold again and re-punch. Do this again and again until your tinfoil is too small to fold or punch again. Then open it up and add the lasagne sheets. After each lasagne sheet fold the tinfoil over so no two sheets are touching each other. The holes you punched will ensure water circulates inside every sheet. Add the whole bundle to your boiling water and cook for about 7 minutes. Once done, take off the heat, and pour away about 90% of the water leaving 10% in the bottom to keep moist and warm with the lid on.</p><p class="line">Béchamel Sauce</p><p class="line">Add your butter to yet another pan and melt gently. Once melted, add the flour and stir thoroughly. Cook for a minute or so until all the flour has blended with the butter. Keep stirring as you add around a quarter of your milk to the flour/butter blend, turning the heat up a little. Your mix should thicken and dry up. Keep stirring and slowly add more milk. Continue this process until all your milk is added and there are no lumps. Add the grated Cheddar and stir until all the cheese is melted. If your sauce is too runny add more milk. Remember it continues to thicken up to simmering point, so don’t assess the thickness of your sauce until it is almost at simmering point. Add a little salt to your sauce, stir and leave on the lowest possible heat. Keep going back to stir your sauce until you are ready to use it.</p><p class="line">Build your Vegetarian Lasagne</p><p class="line">Remove the bay leaves and the thyme from your lentils mix and put a nice layer down in the bottom of a suitable lasagne dish. Add some wilted spinach on top, followed by a layer of lasagne pasta and béchamel sauce on the very top. Add another layer of lentils mix on top of the béchamel sauce and repeat the layering process until the dish is full. Make the béchamel sauce the top and final layer and use more sauce on the top than you have for lower layers. Sprinkle the parmesan over the top and now your Eagle Brae Great Glen Vegetarian Lasagne is ready for either the oven or the freezer! To cook in the oven, cook at 180 degrees for about half an hour or until starting to brown on top.</p><p class="line">This is an incredibly tasty dish and popular even amongst folk who think they don’t like vegetarian food! Great with a nice fresh green salad. Enjoy!</p><p class="line">For more delicious Eagle Brae dishes, see our other home-cooked recipes.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Green Dream Noodles.html b/Recipes/Green Dream Noodles.html new file mode 100644 index 0000000..70ebde7 --- /dev/null +++ b/Recipes/Green Dream Noodles.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/46262913.jpg?tr=w-800,h-1066"> + <img src="Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Green Dream Noodles</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/green-dream-noodles/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of sugar snap peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of button mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong>cm piece of ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sachet of miso paste</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large handful of baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g rice noodles</p><p class="line" itemprop="recipeIngredient">a few sprigs of fresh coriander</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Halve the sugar snaps and button mushrooms, peel and finely slice the garlic, and peel and finely grate the ginger.Dilute the miso in a pan as per packet instructions. Bring to a simmer and add the broccoli, sugar snaps and mushrooms, and cook until the broccoli has softened.Add the spinach, garlic, ginger and noodles until the noodles soften, then pick over the coriander leaves.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 417 21%<br/>Fat 1.4g 2%<br/>Saturates 0.2g 1%<br/>Sugars 2.8g 3%<br/>Salt 0.6g 10%<br/>Protein 10.1g 20%<br/>Carbs 88.1g 34%<br/>Fibre 2.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Green Pea, Millet & Mint Fritters.html b/Recipes/Green Pea, Millet & Mint Fritters.html new file mode 100644 index 0000000..706d8b9 --- /dev/null +++ b/Recipes/Green Pea, Millet & Mint Fritters.html @@ -0,0 +1,210 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://greenkitchenstories.com/wp-content/uploads/2016/04/gks_pea_fritters_04-800x1200.jpg"> + <img src="Images/F4180E46-228E-40F3-8F5A-28AEB5B69491/7D27E684-318C-43BF-A9A3-FED60C493189.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Green Pea, Millet & Mint Fritters</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://greenkitchenstories.com/pea-millet-mint-fritters/"> + <span itemprop="author">greenkitchenstories.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cup / 225 g fresh green peas (or frozen and thawed)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> packed cup / 160 g cooked millet (1/3 cup / 70 g uncooked) (cooked quinoa or rice should work too)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful fresh mint and parsley leaves (6 sprigs, picked)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp ricotta cheese (or cottage cheese)</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient">coconut oil, for frying</p><br/><p class="line" itemprop="recipeIngredient">coconut oil</p><p class="line" itemprop="recipeIngredient">a few handfuls wild spinach</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tsp chili flakes</p><p class="line" itemprop="recipeIngredient">salt and pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Serve with</p><p class="line">Add 1 cup / 150 g of the peas to a food processor along with millet, spring onion, eggs, herbs, ricotta cheese, salt and pepper. Pulse a few times on high speed until mixed but still slightly chunky. Mash the remaining peas roughly with a fork and stir into the batter. Let sit for 20 minutes to let the ingredients come together (which will make them easier to fry). Add a teaspoon of coconut oil to a non-stick frying pan on medium heat, wait until it’s hot and then use a large spoon to dollop the fritters into the pan and flat them out into rounds (depending on the size of the pan, you should be able to fit between three and five of them each time). Cook until they begin to set, roughly about 3 minutes and then carefully flip them with a spatula. If the batter feels too soft and runny, you can add some extra millet to it. Fry all the fritters and place on a tray to cool off just slightly while wilting the spinach.</p><p class="line">Using the same frying pan, simply add the spinach to a little oil and chili flakes on a medium heat and let sauté for a few minutes until it has wilted down.</p><p class="line">Place the spinach on plates, top with a few sweet pea fritters, yogurt, sprouts, radishes and a generous amount of lemon zest and soft boiled eggs on the side. Enjoy!</p><p class="line"><strong></strong><strong></strong><strong></strong><strong></strong>**</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Halloumi & Cashew Curry with Brown Rice.html b/Recipes/Halloumi & Cashew Curry with Brown Rice.html new file mode 100644 index 0000000..5e8d293 --- /dev/null +++ b/Recipes/Halloumi & Cashew Curry with Brown Rice.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/R-2358-2-Halloumi-_-Cashew-Curry-With-Brown-Rice-0113-1680021250352-x200.jpg"> + <img src="Images/335D1F20-6B73-466A-9A38-18047BEA1B3A/84738990-CB85-4A71-9759-AD0A412700BC.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Halloumi & Cashew Curry with Brown Rice</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">10 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/10-min-joes-halloumi-cashew-curry"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>32</strong>g tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp ground turmeric</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g halloumi</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g cashew nuts</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp garam masala</p><p class="line" itemprop="recipeIngredient"><strong>280</strong>g cooked brown long grain rice</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g coriander</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Before you begin...</p><p class="line">Get all your ingredients and equipment ready</p><p class="line">Skim through these steps, wash your fruit and veg</p><p class="line">Note: Equipment and pan sizes vary. Make sure you cook food thoroughly (even if it takes you a little longer than 10 min)</p><p class="line">2. Now, let's get started!</p><p class="line">Boil half a kettle</p><p class="line">Heat a large, wide-based pan (preferably non-stick) with a drizzle of vegetable oil over a medium-high heat</p><p class="line">Cut the halloumi into bite-sized pieces</p><p class="line">Once hot, add the chopped halloumi to the pan and cook for 1 min or until starting to brown</p><p class="line">3. Meanwhile, heat a separate pan over a medium-low heat</p><p class="line">Once hot, add the cashew nuts and cook for 2-3 min or until toasted all over and then set aside for garnish</p><p class="line">Tip: Watch them like a hawk to make sure they don’t burn!</p><p class="line">4. Once the halloumi is starting to brown, add the garam masala and ground turmeric to the pan and cook for 1 min further or until fragrant</p><p class="line">5. Meanwhile, chop the cherry tomatoes in half,then add them to the pan and cook for 1-2 min further</p><p class="line">Whilst the tomatoes are cooking, dissolve the tomato paste in 200ml [350ml] boiled water and season with a pinch of salt – this is your tomato stock</p><p class="line">6. Increase the heat to high, add the tomato stock to the pan and cook for 2-3 min further or until thickened to a curry-like consistency – this is your halloumi curry</p><p class="line">7. Whilst the curry is cooking, squeeze the pouch[es] of cooked brown long grain rice to separate the grains</p><p class="line">Tear the top corner of the pouch[es] (just a little!) and microwave for 2 min or until piping hot</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 824 kJ 2780 kJ 197 kcal 666 kcal<br/>Fat 10.5 g 35.5 g<br/>of which saturates 5.0 g 16.7 g<br/>Carbohydrate 15.5 g 52.4 g<br/>of which sugars 2.2 g 7.3 g<br/>Fibre 2.5 g 8.6 g<br/>Protein 9.1 g 30.8 g<br/>Salt 0.67 g 2.26 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Halloumi Burger with Chilli and Mint.html b/Recipes/Halloumi Burger with Chilli and Mint.html new file mode 100644 index 0000000..c3a7a95 --- /dev/null +++ b/Recipes/Halloumi Burger with Chilli and Mint.html @@ -0,0 +1,197 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Halloumi Burger with Chilli and Mint</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> red pepper, deseeded and quartered</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g halloumi, sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch mint, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chilli, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> burger bun, split and toasted</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g light mayonnaise</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> baby gem lettuce leaves</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Set a griddle pan over a high heat, brush the pepper with half of the oil, season with salt and pepper then cook for a couple of minutes on each side until soft.<br/>Remove from the pan and set aside.</p><p class="line"><strong>Step 2</strong><br/>Put the halloumi, mint and chilli in a bowl with the remaining oil, toss to coat then griddle for a minute on each side until golden and lightly charred.</p><p class="line"><strong>Step 3</strong><br/>Spread the inside of the bun with the mayonnaise then layer up with the pepper, halloumi and lettuce to serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Halloumi Curry with Cashew Nut Sauce and Broccoli.html b/Recipes/Halloumi Curry with Cashew Nut Sauce and Broccoli.html new file mode 100644 index 0000000..7c06eff --- /dev/null +++ b/Recipes/Halloumi Curry with Cashew Nut Sauce and Broccoli.html @@ -0,0 +1,217 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://thecookreport.co.uk/wp-content/uploads/2017/02/Halloumi-Curry-5-585x878.jpg"> + <img src="Images/DB09CB29-EC3F-4154-BA10-F83A18D6E191-21470-0000034B32C0B432/48BFD678-85A5-42D0-9955-06071E712239-21470-0000034B363653AF.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Halloumi Curry with Cashew Nut Sauce and Broccoli</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://thecookreport.co.uk/cashew-nut-curry-halloumi-broccoli/"> + <span itemprop="author">thecookreport.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp Butter</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g Halloumi cubed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> 400g tin Coconut Milk</p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g Cashews</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g Passata</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> g Greek Yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Onion diced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cloves Garlic crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> thumb-sized piece Ginger grated</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp Curry Powder</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp Garam Masala</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp Curry Paste</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp Turmeric</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp Cayenne Pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> head Broccoli cut into florets and cooked</p><p class="line" itemprop="recipeIngredient">Bunch Coriander chopped</p><p class="line" itemprop="recipeIngredient">Rice</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Melt half the butter in a skillet and fry the halloumi until it is browned on all sides. You might need to do this in batches. Place on a paper towel covered plate to drain.</p><p class="line">Blend the cashew nuts with the tin of coconut milk in a food processor until smooth. Add the passata and the yoghurt and blend again. Add a little water if needed to loosen the mixture.</p><p class="line">To a big pot melt the rest of the butter and add the onion, garlic and ginger. Cook until softened, about 5 minutes. Add all the spices and the curry paste and cook until fragrant, a minute or so. Pour in the cashew nut mixture and bring to the boil. Add the halloumi and broccoli to the sauce and serve with rice, coriander and cashew nuts.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Saturated Fat 35g<br/>Cholesterol 16mg<br/>Sodium 911mg<br/>Potassium 1545mg<br/>Carbohydrates 40g<br/>Fiber 10g<br/>Protein 30g<br/>Calcium 794mg<br/>Iron 9.7mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html b/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html new file mode 100644 index 0000000..c601f1c --- /dev/null +++ b/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/2879---Halloumi-Chip--Tzatziki-Pitta-Wrap-With-Salad0010-1-1653410889433-x200.jpg"> + <img src="Images/41A7EDE5-9A30-4AD8-B249-53D7A81F7E1B/E5051A99-6FD7-4F05-90C0-2D72C9EE776F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Halloumi, Chip & Tzatziki Pitta with Salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 or 4 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/halloumi-chips-tzatziki-naan-wrap"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g halloumi</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> wholemeal pittas</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> white potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml white wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g natural yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g mint</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g baby leaf salad</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> midi cucumber</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 220°C/ 200°C (fan)/ gas 7</p><p class="line">Boil half a kettle</p><p class="line">Peel and finely slice the red onion[s]</p><p class="line">Add the sliced red onion to a bowl, cover with boiling water and set aside for later</p><p class="line">Cut the potatoes (skins on) into thin chips, then add them to a baking tray with the dried oregano, a drizzle of vegetable oil and a pinch of salt</p><p class="line">Give everything a good mix up and put the tray in the oven for 25-30 min or until crisp</p><p class="line">Meanwhile, peel and finely chop (or grate) the garlic</p><p class="line">Strip the mint leaves from their stems and chop them roughly, discard the stems</p><p class="line">Grate half the cucumber and slice the rest into batons</p><p class="line">Add the chopped garlic, chopped mint and grated cucumber to a bowl with the natural yoghurt and mix it all together – this is your tzatziki</p><p class="line">Drain the sliced red onion in a sieve and rinse under cold water</p><p class="line">Return to the bowl and add the white wine vinegar with a generous pinch of sugar</p><p class="line">Stir to combine and set aside to pickle – these are your quick-pickled onions</p><p class="line">Slice the halloumi widthways into 4 [8] equal-sized strips</p><p class="line">Then slice each strip in half so you are left with 8 [16] halloumi sticks</p><p class="line">Heat a large, wide-based pan (preferably non-stick) with a drizzle of olive oil over a medium-high heat</p><p class="line">Once hot, add the halloumi sticks and cook for 2-3 min on each side or until golden</p><p class="line">Once the chips are almost done, add the pittas to the tray</p><p class="line">Return the tray to the oven and cook for 2-3 min or until warmed through</p><p class="line">Wash the baby leaf salad, then pat it dry with kitchen paper</p><p class="line">Fill the warmed pittas with the chips, golden halloumi sticks, baby leaf salad and cucumber batons</p><p class="line">Top with the tzatziki and quick-pickled onions then wrap in the tin foil to hold it all together – these are your halloumi, chip & tzatziki pittas</p><p class="line">Serve the halloumi, chip & tzatziki pittas with any remaining tzatziki and baby leaf salad to the side</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 608 kJ 2612 kJ 144 kcal 622 kcal<br/>Fat 6.3 g 27.2 g<br/>of which saturates 3.6 g 15.7 g<br/>Carbohydrate 14.8 g 63.5 g<br/>of which sugars 2.7 g 11.4 g<br/>Fibre 1.3 g 5.6 g<br/>Protein 8.0 g 34.3 g<br/>Salt 0.69 g 2.95 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Herby Barbequed Chicken.html b/Recipes/Herby Barbequed Chicken.html new file mode 100644 index 0000000..3cbebd2 --- /dev/null +++ b/Recipes/Herby Barbequed Chicken.html @@ -0,0 +1,288 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/5DA016BD-634F-43FC-B352-8FBD9352732E/76FCF19A-EDC7-4368-87CF-24F539F33D59.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Herby Barbequed Chicken</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">4 hrs</span> + + <b>Cook Time: </b><span itemprop="cookTime">45 min</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Every Day pg. 204</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>3-4</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp English mustard</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp mixed herbs (parsley, chives, thyme, chervil)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> chicken, jointed or 1.5 kg chicken pieces on the bone</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/5DA016BD-634F-43FC-B352-8FBD9352732E/AEB78F55-FFE1-44C0-84FC-506DFA6346B4.jpg', + src: 'Images/5DA016BD-634F-43FC-B352-8FBD9352732E/AEB78F55-FFE1-44C0-84FC-506DFA6346B4.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Herby Spelt & Lentils.html b/Recipes/Herby Spelt & Lentils.html new file mode 100644 index 0000000..238e820 --- /dev/null +++ b/Recipes/Herby Spelt & Lentils.html @@ -0,0 +1,280 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/066C54C5-D3CA-4A87-8B95-4A8D18C450CC.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Herby Spelt & Lentils</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Lentils</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g pearled spelt</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g Puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> garlic clove, finely grated or crushed</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp chopped mixed herbs (Parsley, thyme and chives)</p><p class="line" itemprop="recipeIngredient"><strong>3–4</strong> tbsp extra virgin olive, rapeseed or hempseed oil</p><p class="line" itemprop="recipeIngredient">Juice of ½ lemon, or more to taste</p><p class="line" itemprop="recipeIngredient">Sea salt and black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/2CC60535-D07F-4957-B048-69312D3C29F2.jpg', + src: 'Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/2CC60535-D07F-4957-B048-69312D3C29F2.jpg', + w: 828.0, + h: 859.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Herby polenta with asparagus and a poached egg.html b/Recipes/Herby polenta with asparagus and a poached egg.html new file mode 100644 index 0000000..89053a7 --- /dev/null +++ b/Recipes/Herby polenta with asparagus and a poached egg.html @@ -0,0 +1,308 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/81EB7245-4EB4-447F-B92D-7C4B66688C2F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Herby polenta with asparagus and a poached egg</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Total Time: </b><span itemprop="totalTime">0 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.theguardian.com/food/2019/apr/26/anna-jones-30-minute-recipes"> + <span itemprop="author">The Guardian</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>125</strong>g slightly salted butter, plus 50g for frying the sage</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> sage leaves</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g instant polenta</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g freshly grated parmesan or pecorino</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sprigs oregano, leaves picked and roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch parsley, leaves picked and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch basil, picked and shredded</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g asparagus, woody ends snapped off</p><p class="line" itemprop="recipeIngredient">Olive oil, to drizzle</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> eggs</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>You can mix up the herbs you use here; thyme or rosemary would work instead of oregano, but you’ll need a little less – and be sure to chop it finely. Polenta packet instructions vary, so check the cooking time on yours and adjust accordingly.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring two litres of water to a boil in a large pan. Heat a small frying pan over a medium heat and, once hot, add 50g butter, then fry the sage leaves until crisp. Tip the leaves and butter into a bowl.</p><p class="line">Remove the large pan from the heat and slowly pour in the polenta, whisking all the time, so that no lumps form. Return to the heat and cook gently, stirring, for eight minutes (see note above on timing).</p><p class="line">Add the parmesan (for added flavour, cut off the rind and add this, too), the rest of the butter, plenty of seasoning and more just-boiled water if you think it needs loosening (remember it will thicken a little as it sits). Stir gently until combined, then add the oregano, parsley and basil, stir again, and keep warm over a low heat.</p><p class="line">Meanwhile, bring a medium saucepan of salted water to a boil, add the asparagus and cook for one minute. Remove with tongs, put in a bowl, season with salt and drizzle with olive oil.</p><p class="line">Reduce the heat, crack an egg into a glass, tip the egg in and slowly lower it into the water to cover. Repeat with the rest of the eggs. Cook for three and a half minutes, or until the white is firm but the yolk still soft.</p><p class="line">While the eggs are cooking, spoon the cooked polenta (avoiding the rind) on to warm plates and top with the asparagus. When the eggs are cooked, scoop them out, drain well, then place carefully on top of the polenta. Spoon over the crisp sage and butter, and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/A0646C22-3771-4192-9681-99FD3F562DA5.jpg', + src: 'Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/A0646C22-3771-4192-9681-99FD3F562DA5.jpg', + w: 1240.0, + h: 1240.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Home-Style Chicken Curry.html b/Recipes/Home-Style Chicken Curry.html new file mode 100644 index 0000000..d19dd52 --- /dev/null +++ b/Recipes/Home-Style Chicken Curry.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/recipe-image-legacy-id-908515_10-0551430.jpg?quality=90&resize=440,400"> + <img src="Images/EFCDF44B-16C5-4988-A3C8-864C5A2CD732/35B7961F-A28D-4219-8F5A-857A14C611B4.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Home-Style Chicken Curry</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/home-style-chicken-curry"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> garlic cloves, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g ginger, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp cumin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp fennel seeds</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>cm cinnamon stick</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp garam masala</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp turmeric</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> chicken thighs, skinned, boneless (about 800g)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>ml hot chicken stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp chopped coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can chickpeas</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Roughly chop 1 large onion, transfer to a small food processor, and add 3 tbsp of water - process to a slack paste. You could use a stick blender for this or coarsely grate the onion into a bowl – there’s no need to add any water if you are grating the onion. Tip into a small bowl and leave on one side.</p><p class="line">Put 6 roughly chopped garlic cloves and 50g roughly chopped ginger into the same food processor and add 4 tbsp water – process until smooth and spoon into another small bowl. Alternatively, crush the garlic to a paste with a knife or garlic press and finely grate the ginger.</p><p class="line">Heat 4 tbsp vegetable oil in a wok or sturdy pan set over a medium heat.</p><p class="line">Combine 2 tsp cumin seeds and 1 tsp fennel seeds with a 5cm cinnamon stick and 1 tsp chilli flakes and add to the pan in one go. Swirl everything around for about 30 secs until the spices release a fragrant aroma.</p><p class="line">Add the onion paste – it will splutter in the beginning. Fry until the water evaporates and the onions turn a lovely dark golden - this should take about 7-8 mins.</p><p class="line">Add the garlic and ginger paste and cook for another 2 mins – stirring all the time.</p><p class="line">Stir in 1 tsp garam masala, 1 tsp turmeric, and 1 tsp caster sugar and continue cooking for 20 secs before tipping in a 400g can chopped tomatoes.</p><p class="line">Continue cooking on a medium heat for about 10 mins without a lid until the tomatoes reduce and darken.</p><p class="line">Cut 8 skinless, boneless chicken thighs into 3cm chunks and add to the pan once the tomatoes have thickened to a paste.</p><p class="line">Cook for 5 mins to coat the chicken in the masala and seal in the juices, and then pour over 250ml hot chicken stock.</p><p class="line">Simmer for 8-10 mins without a lid until the chicken is tender and the masala lightly thickened – you might need to add an extra ladleful of stock or water if the curry needs it.</p><p class="line">Sprinkle with 2 tbsp chopped coriander and serve with Indian flatbreads or fluffy basmati rice and a pot of yogurt on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Homemade Baked Beans.html b/Recipes/Homemade Baked Beans.html new file mode 100644 index 0000000..70c8fa3 --- /dev/null +++ b/Recipes/Homemade Baked Beans.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.healthylittlefoodies.com/wp-content/uploads/2015/09/baked-beans-460x690.jpg"> + <img src="Images/A708CBAD-A77D-4913-AAB5-5DBD6C7EBBB5-21470-000003526065DF81/3DA5D3B0-1269-4C97-8BD0-93E5BC32DE7A-21470-0000035261AF9E59.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Homemade Baked Beans</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">35 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.healthylittlefoodies.com/healthy-baked-beans/"> + <span itemprop="author">healthylittlefoodies.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp Olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves Garlic, minced</p><p class="line" itemprop="recipeIngredient"><strong>1 - 2</strong> tsp Spanish Smoked Paprika</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g (1 1/3 cups) Passata</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp Tomato Paste</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>ml (1/4 cup) Chicken / Vegetable Stock</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g Can Haricot (Navy) beans (drained weight 195g)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat oil in a sauce pan over a medium heat.</p><p class="line">Add the garlic and allow to sizzle but be careful not to burn.</p><p class="line">Reduce heat to low, add the smoked paprika and stir.</p><p class="line">Add the passata, puree and stock and then simmer for around 20 mins (until the sharp taste of tomato has gone and the sauce has thickened.)</p><p class="line">Add the beans and simmer for a further 10 mins.</p><p class="line">Season to taste (SEE NOTES)</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Sodium 391mg<br/>Potassium 731mg<br/>Carbohydrates 25g<br/>Fiber 5g<br/>Protein 7g<br/>Calcium 52mg<br/>Iron 3.4mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Homemade Pizza.html b/Recipes/Homemade Pizza.html new file mode 100644 index 0000000..7563348 --- /dev/null +++ b/Recipes/Homemade Pizza.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Homemade Pizza</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><a href="Pizza Dough.html">Pizza Dough</a></p><p class="line" itemprop="recipeIngredient">Red onion</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g Mozarella</p><p class="line" itemprop="recipeIngredient">Mushrooms</p><p class="line" itemprop="recipeIngredient">Olives</p><p class="line" itemprop="recipeIngredient">Green Salad to Serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Honey Cloud Pancakes.html b/Recipes/Honey Cloud Pancakes.html new file mode 100644 index 0000000..3215811 --- /dev/null +++ b/Recipes/Honey Cloud Pancakes.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://i2.wp.com/farm8.staticflickr.com/7065/6855906405_66ce7361ab_b.jpg?zoom=2"> + <img src="Images/68F8E987-81CC-45B5-81D6-447303E8CA99/AF770FFF-EDF7-4228-B92F-76C2206EF1F0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Honey Cloud Pancakes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://thingswemake.co.uk/2012/02/11/honey-cloud-pancakes/"> + <span itemprop="author">thingswemake.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> egg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg white</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup of warmed milk</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup of plain flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch of salt</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp of honey</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> dash of vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp butter</p><p class="line" itemprop="recipeIngredient">berries (blueberries, strawberries, raspberries)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>How to make them:</strong></p><p class="line">Heat the oven to 200°C (which I gather is around 392°F)</p><p class="line">Heat a small 6″ oven proof frying pan</p><p class="line">In one bowl whisk one egg white until it is white and peaky</p><p class="line">To make the main batter, in another bowl, mix the the other whole egg with flour, salt, honey, and vanilla then whisk in the warm milk</p><p class="line">Gently fold the egg white into the batter with a metal spoon</p><p class="line">Melt one tablespoon of butter in the hot pan</p><p class="line">Pour the batter in and cook on the hob (stove top) for a few minutes until starting to set at the very edge</p><p class="line">Sprinkle some fruit on top</p><p class="line">Bake the whole lot in the hot oven for 7 minutes until puffed up and golden</p><p class="line">Drizzle with honey</p><p class="line">Double it all up and use a full size pan if you want to share.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Huevos Rancheros.html b/Recipes/Huevos Rancheros.html new file mode 100644 index 0000000..84be4ec --- /dev/null +++ b/Recipes/Huevos Rancheros.html @@ -0,0 +1,186 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Huevos Rancheros</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> red onion, peeled and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> red pepper, deseeded and finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic, peeled and crushed</p><p class="line" itemprop="recipeIngredient"><strong>135</strong>g tinned chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> small corn tortillas (50g)</p><p class="line" itemprop="recipeIngredient"><strong>95</strong>g tinned black beans, drained</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g feta, crumbled</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch coriander, chopped</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Images/0A306DEF-A722-4606-B7B1-CB5261E14908/6A3B5491-7DBF-486A-B77B-AA67BBAF6559.jpg b/Recipes/Images/0A306DEF-A722-4606-B7B1-CB5261E14908/6A3B5491-7DBF-486A-B77B-AA67BBAF6559.jpg Binary files differnew file mode 100644 index 0000000..8d51ec4 --- /dev/null +++ b/Recipes/Images/0A306DEF-A722-4606-B7B1-CB5261E14908/6A3B5491-7DBF-486A-B77B-AA67BBAF6559.jpg diff --git a/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/A057F163-B87B-40F4-A9C0-B73E1FD1656B.jpg b/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/A057F163-B87B-40F4-A9C0-B73E1FD1656B.jpg Binary files differnew file mode 100644 index 0000000..56f668f --- /dev/null +++ b/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/A057F163-B87B-40F4-A9C0-B73E1FD1656B.jpg diff --git a/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg b/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg Binary files differnew file mode 100644 index 0000000..c9f6772 --- /dev/null +++ b/Recipes/Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg diff --git a/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/3743DACF-2368-4A26-AAE2-598EB9881157.jpg b/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/3743DACF-2368-4A26-AAE2-598EB9881157.jpg Binary files differnew file mode 100644 index 0000000..ae82de7 --- /dev/null +++ b/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/3743DACF-2368-4A26-AAE2-598EB9881157.jpg diff --git a/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/B257A6F3-F181-49F5-9DDC-1CC63AA15849.jpg b/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/B257A6F3-F181-49F5-9DDC-1CC63AA15849.jpg Binary files differnew file mode 100644 index 0000000..4b8b8a5 --- /dev/null +++ b/Recipes/Images/15F103C6-4783-426C-B6A0-940420276106/B257A6F3-F181-49F5-9DDC-1CC63AA15849.jpg diff --git a/Recipes/Images/168BE638-2CD9-4DF2-9536-1AD0BC33A280-21470-0000034B5F8F0C22/2997AE56-03AF-41F6-8536-8CADBD3E255E-21470-0000034B63796059.jpg b/Recipes/Images/168BE638-2CD9-4DF2-9536-1AD0BC33A280-21470-0000034B5F8F0C22/2997AE56-03AF-41F6-8536-8CADBD3E255E-21470-0000034B63796059.jpg Binary files differnew file mode 100644 index 0000000..be45ea3 --- /dev/null +++ b/Recipes/Images/168BE638-2CD9-4DF2-9536-1AD0BC33A280-21470-0000034B5F8F0C22/2997AE56-03AF-41F6-8536-8CADBD3E255E-21470-0000034B63796059.jpg diff --git a/Recipes/Images/1CC7E367-F588-4602-BCB8-40E9B3C6521C/8DA38573-518D-4190-B419-52AFA86F82C0.jpg b/Recipes/Images/1CC7E367-F588-4602-BCB8-40E9B3C6521C/8DA38573-518D-4190-B419-52AFA86F82C0.jpg Binary files differnew file mode 100644 index 0000000..4c9a5fb --- /dev/null +++ b/Recipes/Images/1CC7E367-F588-4602-BCB8-40E9B3C6521C/8DA38573-518D-4190-B419-52AFA86F82C0.jpg diff --git a/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/7E581FFA-C9A3-4A4C-B6B7-579C93F995DF-21470-0000035A7D7BA278.jpg b/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/7E581FFA-C9A3-4A4C-B6B7-579C93F995DF-21470-0000035A7D7BA278.jpg Binary files differnew file mode 100644 index 0000000..7930b1c --- /dev/null +++ b/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/7E581FFA-C9A3-4A4C-B6B7-579C93F995DF-21470-0000035A7D7BA278.jpg diff --git a/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/A3A11308-C4B4-4174-8B81-D2201E89C608-21470-0000035A85C618ED.jpg b/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/A3A11308-C4B4-4174-8B81-D2201E89C608-21470-0000035A85C618ED.jpg Binary files differnew file mode 100644 index 0000000..052d977 --- /dev/null +++ b/Recipes/Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/A3A11308-C4B4-4174-8B81-D2201E89C608-21470-0000035A85C618ED.jpg diff --git a/Recipes/Images/278B8541-1F64-4266-B2F7-156C94349BE7/63E537F7-F62E-49EB-BC8A-C4226C6DFD54.jpg b/Recipes/Images/278B8541-1F64-4266-B2F7-156C94349BE7/63E537F7-F62E-49EB-BC8A-C4226C6DFD54.jpg Binary files differnew file mode 100644 index 0000000..ddc1fff --- /dev/null +++ b/Recipes/Images/278B8541-1F64-4266-B2F7-156C94349BE7/63E537F7-F62E-49EB-BC8A-C4226C6DFD54.jpg diff --git a/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/42F75088-19F6-4C34-9BAB-E18CEA1B8C10.jpg b/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/42F75088-19F6-4C34-9BAB-E18CEA1B8C10.jpg Binary files differnew file mode 100644 index 0000000..b5f5262 --- /dev/null +++ b/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/42F75088-19F6-4C34-9BAB-E18CEA1B8C10.jpg diff --git a/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/B2590FDF-E2F1-4FAD-8FFA-B2296D3357AF.jpg b/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/B2590FDF-E2F1-4FAD-8FFA-B2296D3357AF.jpg Binary files differnew file mode 100644 index 0000000..e7d2629 --- /dev/null +++ b/Recipes/Images/2A5A08E1-A8DF-4C20-A22A-0BDA60E3AEBF/B2590FDF-E2F1-4FAD-8FFA-B2296D3357AF.jpg diff --git a/Recipes/Images/2A81C423-D0F4-44E5-9074-8009F950B798/4A315C60-B23A-42C4-9F77-BE5B99D14199.jpg b/Recipes/Images/2A81C423-D0F4-44E5-9074-8009F950B798/4A315C60-B23A-42C4-9F77-BE5B99D14199.jpg Binary files differnew file mode 100644 index 0000000..1accc5a --- /dev/null +++ b/Recipes/Images/2A81C423-D0F4-44E5-9074-8009F950B798/4A315C60-B23A-42C4-9F77-BE5B99D14199.jpg diff --git a/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/16DB8804-0830-4CDC-8A4B-5E4547564E4C.jpg b/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/16DB8804-0830-4CDC-8A4B-5E4547564E4C.jpg Binary files differnew file mode 100644 index 0000000..8ccf743 --- /dev/null +++ b/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/16DB8804-0830-4CDC-8A4B-5E4547564E4C.jpg diff --git a/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/F337F845-5AE2-467D-AF68-9C02CB58E84C.jpg b/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/F337F845-5AE2-467D-AF68-9C02CB58E84C.jpg Binary files differnew file mode 100644 index 0000000..19c373c --- /dev/null +++ b/Recipes/Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/F337F845-5AE2-467D-AF68-9C02CB58E84C.jpg diff --git a/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/110924A7-1F7D-4031-BA4B-5B03070B9903.jpg b/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/110924A7-1F7D-4031-BA4B-5B03070B9903.jpg Binary files differnew file mode 100644 index 0000000..9e28de7 --- /dev/null +++ b/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/110924A7-1F7D-4031-BA4B-5B03070B9903.jpg diff --git a/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/EA5C0779-EF9D-44CF-A8AD-80EE488F506B.jpg b/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/EA5C0779-EF9D-44CF-A8AD-80EE488F506B.jpg Binary files differnew file mode 100644 index 0000000..f654b8b --- /dev/null +++ b/Recipes/Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/EA5C0779-EF9D-44CF-A8AD-80EE488F506B.jpg diff --git a/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/7E830C6E-A233-453D-BF11-3E4B8DCE5795-58438-0000077732AE414E.jpg b/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/7E830C6E-A233-453D-BF11-3E4B8DCE5795-58438-0000077732AE414E.jpg Binary files differnew file mode 100644 index 0000000..3f5ec05 --- /dev/null +++ b/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/7E830C6E-A233-453D-BF11-3E4B8DCE5795-58438-0000077732AE414E.jpg diff --git a/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/CFCEE661-3D63-4401-B0F8-0FBFBD2E7F08-58438-0000077738347603.jpg b/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/CFCEE661-3D63-4401-B0F8-0FBFBD2E7F08-58438-0000077738347603.jpg Binary files differnew file mode 100644 index 0000000..44ee890 --- /dev/null +++ b/Recipes/Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/CFCEE661-3D63-4401-B0F8-0FBFBD2E7F08-58438-0000077738347603.jpg diff --git a/Recipes/Images/41A7EDE5-9A30-4AD8-B249-53D7A81F7E1B/E5051A99-6FD7-4F05-90C0-2D72C9EE776F.jpg b/Recipes/Images/41A7EDE5-9A30-4AD8-B249-53D7A81F7E1B/E5051A99-6FD7-4F05-90C0-2D72C9EE776F.jpg Binary files differnew file mode 100644 index 0000000..8cc8be8 --- /dev/null +++ b/Recipes/Images/41A7EDE5-9A30-4AD8-B249-53D7A81F7E1B/E5051A99-6FD7-4F05-90C0-2D72C9EE776F.jpg diff --git a/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/23D1977D-DD88-43F1-A5C4-F429C626B2ED.jpg b/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/23D1977D-DD88-43F1-A5C4-F429C626B2ED.jpg Binary files differnew file mode 100644 index 0000000..1ece5ae --- /dev/null +++ b/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/23D1977D-DD88-43F1-A5C4-F429C626B2ED.jpg diff --git a/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/5A713B48-8A39-49BD-9C23-82644856338F.jpg b/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/5A713B48-8A39-49BD-9C23-82644856338F.jpg Binary files differnew file mode 100644 index 0000000..4977135 --- /dev/null +++ b/Recipes/Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/5A713B48-8A39-49BD-9C23-82644856338F.jpg diff --git a/Recipes/Images/46473E3F-D7D5-49CB-A724-F6A4C396F99E-21109-00000348B3718843/18D1F8D1-BC17-406C-82ED-327DFF52A981-21109-00000348B59379E6.jpg b/Recipes/Images/46473E3F-D7D5-49CB-A724-F6A4C396F99E-21109-00000348B3718843/18D1F8D1-BC17-406C-82ED-327DFF52A981-21109-00000348B59379E6.jpg Binary files differnew file mode 100644 index 0000000..bb7cb6c --- /dev/null +++ b/Recipes/Images/46473E3F-D7D5-49CB-A724-F6A4C396F99E-21109-00000348B3718843/18D1F8D1-BC17-406C-82ED-327DFF52A981-21109-00000348B59379E6.jpg diff --git a/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/9FA9AE85-CA92-404C-BC64-553DC6EA57B8-13068-00000427BD26A8D0.jpg b/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/9FA9AE85-CA92-404C-BC64-553DC6EA57B8-13068-00000427BD26A8D0.jpg Binary files differnew file mode 100644 index 0000000..5e60798 --- /dev/null +++ b/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/9FA9AE85-CA92-404C-BC64-553DC6EA57B8-13068-00000427BD26A8D0.jpg diff --git a/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/F8DE5EA3-9E46-4227-873D-3077DD3789BD-13068-000004279E3843A5.jpg b/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/F8DE5EA3-9E46-4227-873D-3077DD3789BD-13068-000004279E3843A5.jpg Binary files differnew file mode 100644 index 0000000..433cf33 --- /dev/null +++ b/Recipes/Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/F8DE5EA3-9E46-4227-873D-3077DD3789BD-13068-000004279E3843A5.jpg diff --git a/Recipes/Images/4A0475D6-C138-49D8-903A-9E6B1BEC5FFA/D3DC9C6B-932C-429B-923F-729DC73DEFB3.jpg b/Recipes/Images/4A0475D6-C138-49D8-903A-9E6B1BEC5FFA/D3DC9C6B-932C-429B-923F-729DC73DEFB3.jpg Binary files differnew file mode 100644 index 0000000..551b341 --- /dev/null +++ b/Recipes/Images/4A0475D6-C138-49D8-903A-9E6B1BEC5FFA/D3DC9C6B-932C-429B-923F-729DC73DEFB3.jpg diff --git a/Recipes/Images/4B461C20-A82C-40CA-813E-DC57F13E16CB/BB98E7CD-3C64-4AE3-9356-68B50BBA67BF.jpg b/Recipes/Images/4B461C20-A82C-40CA-813E-DC57F13E16CB/BB98E7CD-3C64-4AE3-9356-68B50BBA67BF.jpg Binary files differnew file mode 100644 index 0000000..10e4b64 --- /dev/null +++ b/Recipes/Images/4B461C20-A82C-40CA-813E-DC57F13E16CB/BB98E7CD-3C64-4AE3-9356-68B50BBA67BF.jpg diff --git a/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/76D4BD19-C047-46FA-86D0-53C021F7A77F.jpg b/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/76D4BD19-C047-46FA-86D0-53C021F7A77F.jpg Binary files differnew file mode 100644 index 0000000..2338c81 --- /dev/null +++ b/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/76D4BD19-C047-46FA-86D0-53C021F7A77F.jpg diff --git a/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/8AD044C6-A139-4D0B-AD37-6C4F87507A09.jpg b/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/8AD044C6-A139-4D0B-AD37-6C4F87507A09.jpg Binary files differnew file mode 100644 index 0000000..d2c8054 --- /dev/null +++ b/Recipes/Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/8AD044C6-A139-4D0B-AD37-6C4F87507A09.jpg diff --git a/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/6688F057-C74E-4BDD-8C34-D6A57EEDCD47.jpg b/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/6688F057-C74E-4BDD-8C34-D6A57EEDCD47.jpg Binary files differnew file mode 100644 index 0000000..60fab92 --- /dev/null +++ b/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/6688F057-C74E-4BDD-8C34-D6A57EEDCD47.jpg diff --git a/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/8A447591-0E78-4911-9450-4417283495A2.jpg b/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/8A447591-0E78-4911-9450-4417283495A2.jpg Binary files differnew file mode 100644 index 0000000..9171762 --- /dev/null +++ b/Recipes/Images/5131A744-8D9A-47FB-A374-4522978EF987/8A447591-0E78-4911-9450-4417283495A2.jpg diff --git a/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/20BF90D4-EF3B-4E36-A565-C5A5073B2DBB-4916-000000DE8C610231.jpg b/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/20BF90D4-EF3B-4E36-A565-C5A5073B2DBB-4916-000000DE8C610231.jpg Binary files differnew file mode 100644 index 0000000..c6e6c51 --- /dev/null +++ b/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/20BF90D4-EF3B-4E36-A565-C5A5073B2DBB-4916-000000DE8C610231.jpg diff --git a/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/4BF23219-148F-4DA0-869D-B11764A87604-4916-000000DE9314B64F.jpg b/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/4BF23219-148F-4DA0-869D-B11764A87604-4916-000000DE9314B64F.jpg Binary files differnew file mode 100644 index 0000000..f653cd2 --- /dev/null +++ b/Recipes/Images/51AA66AA-534C-4E1E-8A42-90FC2F24F2D3-60771-00000781594193EA/4BF23219-148F-4DA0-869D-B11764A87604-4916-000000DE9314B64F.jpg diff --git a/Recipes/Images/53D0F9D6-320F-4492-87D5-E1371066E7E2/77A3A217-D149-4AF7-8728-C26A10B47384.jpg b/Recipes/Images/53D0F9D6-320F-4492-87D5-E1371066E7E2/77A3A217-D149-4AF7-8728-C26A10B47384.jpg Binary files differnew file mode 100644 index 0000000..1cccc2d --- /dev/null +++ b/Recipes/Images/53D0F9D6-320F-4492-87D5-E1371066E7E2/77A3A217-D149-4AF7-8728-C26A10B47384.jpg diff --git a/Recipes/Images/59C03A58-ED32-4A86-9BF4-8A5EE66D774F-21109-00000347605A0E10/A3FABC1F-1749-43AC-A45B-0D9E0A22AD33-21109-000003476381F5E0.jpg b/Recipes/Images/59C03A58-ED32-4A86-9BF4-8A5EE66D774F-21109-00000347605A0E10/A3FABC1F-1749-43AC-A45B-0D9E0A22AD33-21109-000003476381F5E0.jpg Binary files differnew file mode 100644 index 0000000..55185fe --- /dev/null +++ b/Recipes/Images/59C03A58-ED32-4A86-9BF4-8A5EE66D774F-21109-00000347605A0E10/A3FABC1F-1749-43AC-A45B-0D9E0A22AD33-21109-000003476381F5E0.jpg diff --git a/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/66E9D07D-5935-4574-A656-45E53F4587C8.jpg b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/66E9D07D-5935-4574-A656-45E53F4587C8.jpg Binary files differnew file mode 100644 index 0000000..48bbb57 --- /dev/null +++ b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/66E9D07D-5935-4574-A656-45E53F4587C8.jpg diff --git a/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/8221C24E-07F1-4DBC-B1A9-D6FD40F63584.jpg b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/8221C24E-07F1-4DBC-B1A9-D6FD40F63584.jpg Binary files differnew file mode 100644 index 0000000..7718431 --- /dev/null +++ b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/8221C24E-07F1-4DBC-B1A9-D6FD40F63584.jpg diff --git a/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/ABFBD84F-E6AE-4505-8B11-DAE406E71BA7.jpg b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/ABFBD84F-E6AE-4505-8B11-DAE406E71BA7.jpg Binary files differnew file mode 100644 index 0000000..5360956 --- /dev/null +++ b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/ABFBD84F-E6AE-4505-8B11-DAE406E71BA7.jpg diff --git a/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/D5D92018-207A-42E8-BD61-E9F02A0D3A7F.jpg b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/D5D92018-207A-42E8-BD61-E9F02A0D3A7F.jpg Binary files differnew file mode 100644 index 0000000..f4e8c3d --- /dev/null +++ b/Recipes/Images/5C196F79-E2CB-4029-AC28-703423BD3424/D5D92018-207A-42E8-BD61-E9F02A0D3A7F.jpg diff --git a/Recipes/Images/5CD12754-0A76-4FCD-BCAC-FB234E894E02/099623F7-B9F1-4368-8B88-C8689BAF6270.jpg b/Recipes/Images/5CD12754-0A76-4FCD-BCAC-FB234E894E02/099623F7-B9F1-4368-8B88-C8689BAF6270.jpg Binary files differnew file mode 100644 index 0000000..0b249b7 --- /dev/null +++ b/Recipes/Images/5CD12754-0A76-4FCD-BCAC-FB234E894E02/099623F7-B9F1-4368-8B88-C8689BAF6270.jpg diff --git a/Recipes/Images/5D71F3F6-339F-48F7-A17A-2C83BBE92DB5-21470-0000034DA8C86854/7A95FB57-A1D3-469C-9195-B10C7A5905A8-21470-0000034DAA9A7AA9.jpg b/Recipes/Images/5D71F3F6-339F-48F7-A17A-2C83BBE92DB5-21470-0000034DA8C86854/7A95FB57-A1D3-469C-9195-B10C7A5905A8-21470-0000034DAA9A7AA9.jpg Binary files differnew file mode 100644 index 0000000..502a51d --- /dev/null +++ b/Recipes/Images/5D71F3F6-339F-48F7-A17A-2C83BBE92DB5-21470-0000034DA8C86854/7A95FB57-A1D3-469C-9195-B10C7A5905A8-21470-0000034DAA9A7AA9.jpg diff --git a/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/13DEA93D-3AE9-4EF5-9232-0CFF25DB592A.jpg b/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/13DEA93D-3AE9-4EF5-9232-0CFF25DB592A.jpg Binary files differnew file mode 100644 index 0000000..04a4d19 --- /dev/null +++ b/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/13DEA93D-3AE9-4EF5-9232-0CFF25DB592A.jpg diff --git a/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/EF7D9688-B0F6-49E0-89E5-11164B20D6E7.jpg b/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/EF7D9688-B0F6-49E0-89E5-11164B20D6E7.jpg Binary files differnew file mode 100644 index 0000000..610db3d --- /dev/null +++ b/Recipes/Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/EF7D9688-B0F6-49E0-89E5-11164B20D6E7.jpg diff --git a/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/8DF09F05-FED9-405E-BA9A-D19547891A23-5288-000000EF42475E94.jpg b/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/8DF09F05-FED9-405E-BA9A-D19547891A23-5288-000000EF42475E94.jpg Binary files differnew file mode 100644 index 0000000..8cd4de1 --- /dev/null +++ b/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/8DF09F05-FED9-405E-BA9A-D19547891A23-5288-000000EF42475E94.jpg diff --git a/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/9E648A3E-4088-483D-8502-60C044B3E76F-5288-000000EF3D9D7B91.jpg b/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/9E648A3E-4088-483D-8502-60C044B3E76F-5288-000000EF3D9D7B91.jpg Binary files differnew file mode 100644 index 0000000..81c62c0 --- /dev/null +++ b/Recipes/Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/9E648A3E-4088-483D-8502-60C044B3E76F-5288-000000EF3D9D7B91.jpg diff --git a/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/1C8D4186-D1DC-49A8-B0AE-D313001A0B47.jpg b/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/1C8D4186-D1DC-49A8-B0AE-D313001A0B47.jpg Binary files differnew file mode 100644 index 0000000..c1b9aaf --- /dev/null +++ b/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/1C8D4186-D1DC-49A8-B0AE-D313001A0B47.jpg diff --git a/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/83854D33-08E0-457C-BB68-8412521AB9AD.jpg b/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/83854D33-08E0-457C-BB68-8412521AB9AD.jpg Binary files differnew file mode 100644 index 0000000..e262819 --- /dev/null +++ b/Recipes/Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/83854D33-08E0-457C-BB68-8412521AB9AD.jpg diff --git a/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/0307A0D6-CA87-4E4E-854A-9B91F3606B06.jpg b/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/0307A0D6-CA87-4E4E-854A-9B91F3606B06.jpg Binary files differnew file mode 100644 index 0000000..b98ef78 --- /dev/null +++ b/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/0307A0D6-CA87-4E4E-854A-9B91F3606B06.jpg diff --git a/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/F4418088-BCD9-44BA-B55A-61747EED560E.jpg b/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/F4418088-BCD9-44BA-B55A-61747EED560E.jpg Binary files differnew file mode 100644 index 0000000..7fc71ef --- /dev/null +++ b/Recipes/Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/F4418088-BCD9-44BA-B55A-61747EED560E.jpg diff --git a/Recipes/Images/6DEC5DF2-E2DD-4D5C-8028-B08AC83038E9/36DC8ED9-0996-4344-B75F-67179727D105.jpg b/Recipes/Images/6DEC5DF2-E2DD-4D5C-8028-B08AC83038E9/36DC8ED9-0996-4344-B75F-67179727D105.jpg Binary files differnew file mode 100644 index 0000000..0473800 --- /dev/null +++ b/Recipes/Images/6DEC5DF2-E2DD-4D5C-8028-B08AC83038E9/36DC8ED9-0996-4344-B75F-67179727D105.jpg diff --git a/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/594154CE-41C2-4C86-8276-1B4AC559D5D6.jpg b/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/594154CE-41C2-4C86-8276-1B4AC559D5D6.jpg Binary files differnew file mode 100644 index 0000000..2799ecb --- /dev/null +++ b/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/594154CE-41C2-4C86-8276-1B4AC559D5D6.jpg diff --git a/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/B4A7334F-2D50-4441-B2B6-BCF98FF9F87D.jpg b/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/B4A7334F-2D50-4441-B2B6-BCF98FF9F87D.jpg Binary files differnew file mode 100644 index 0000000..88a2ab8 --- /dev/null +++ b/Recipes/Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/B4A7334F-2D50-4441-B2B6-BCF98FF9F87D.jpg diff --git a/Recipes/Images/6FFE6AD9-1C84-43AB-BFE0-846B0A3B71FF/57718B6E-2A68-4805-978A-91F7BE80A198.jpg b/Recipes/Images/6FFE6AD9-1C84-43AB-BFE0-846B0A3B71FF/57718B6E-2A68-4805-978A-91F7BE80A198.jpg Binary files differnew file mode 100644 index 0000000..c5372e1 --- /dev/null +++ b/Recipes/Images/6FFE6AD9-1C84-43AB-BFE0-846B0A3B71FF/57718B6E-2A68-4805-978A-91F7BE80A198.jpg diff --git a/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/8C49F72F-1243-4643-BD48-3910A1CE4D37.jpg b/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/8C49F72F-1243-4643-BD48-3910A1CE4D37.jpg Binary files differnew file mode 100644 index 0000000..21f09d7 --- /dev/null +++ b/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/8C49F72F-1243-4643-BD48-3910A1CE4D37.jpg diff --git a/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/FD44FC40-D0AC-44CF-9F0D-C7A9ACB6B02D.jpg b/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/FD44FC40-D0AC-44CF-9F0D-C7A9ACB6B02D.jpg Binary files differnew file mode 100644 index 0000000..feb2c8f --- /dev/null +++ b/Recipes/Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/FD44FC40-D0AC-44CF-9F0D-C7A9ACB6B02D.jpg diff --git a/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg Binary files differnew file mode 100644 index 0000000..829ab51 --- /dev/null +++ b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg diff --git a/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/7AD74BDB-0639-4E91-9A6C-7FE45DFE58D9.jpg b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/7AD74BDB-0639-4E91-9A6C-7FE45DFE58D9.jpg Binary files differnew file mode 100644 index 0000000..02ddacc --- /dev/null +++ b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/7AD74BDB-0639-4E91-9A6C-7FE45DFE58D9.jpg diff --git a/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg Binary files differnew file mode 100644 index 0000000..7d5a93a --- /dev/null +++ b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg diff --git a/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg Binary files differnew file mode 100644 index 0000000..face120 --- /dev/null +++ b/Recipes/Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg diff --git a/Recipes/Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/DAD50DA2-9445-4BBC-92E8-C224EB644C29.jpg b/Recipes/Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/DAD50DA2-9445-4BBC-92E8-C224EB644C29.jpg Binary files differnew file mode 100644 index 0000000..f481fe3 --- /dev/null +++ b/Recipes/Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/DAD50DA2-9445-4BBC-92E8-C224EB644C29.jpg diff --git a/Recipes/Images/764E0A4E-6D37-4F3E-8E2C-B6FD4F55FB5D/73ED57EB-C402-4A0F-AF0A-6AED101567E1.jpg b/Recipes/Images/764E0A4E-6D37-4F3E-8E2C-B6FD4F55FB5D/73ED57EB-C402-4A0F-AF0A-6AED101567E1.jpg Binary files differnew file mode 100644 index 0000000..d81dc4b --- /dev/null +++ b/Recipes/Images/764E0A4E-6D37-4F3E-8E2C-B6FD4F55FB5D/73ED57EB-C402-4A0F-AF0A-6AED101567E1.jpg diff --git a/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/630FA6E4-6BD8-45AF-B02C-590622D8F1B6.jpg b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/630FA6E4-6BD8-45AF-B02C-590622D8F1B6.jpg Binary files differnew file mode 100644 index 0000000..4c0fd4f --- /dev/null +++ b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/630FA6E4-6BD8-45AF-B02C-590622D8F1B6.jpg diff --git a/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/8E0F170A-9A39-40C5-9EEF-402464A0E154.jpg b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/8E0F170A-9A39-40C5-9EEF-402464A0E154.jpg Binary files differnew file mode 100644 index 0000000..e158f9b --- /dev/null +++ b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/8E0F170A-9A39-40C5-9EEF-402464A0E154.jpg diff --git a/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/D1909997-A87E-43C4-B317-A688081568FC.jpg b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/D1909997-A87E-43C4-B317-A688081568FC.jpg Binary files differnew file mode 100644 index 0000000..e219508 --- /dev/null +++ b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/D1909997-A87E-43C4-B317-A688081568FC.jpg diff --git a/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/E2713DFC-C0C6-494A-9586-6E2E5A59B2A3.jpg b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/E2713DFC-C0C6-494A-9586-6E2E5A59B2A3.jpg Binary files differnew file mode 100644 index 0000000..2775a85 --- /dev/null +++ b/Recipes/Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/E2713DFC-C0C6-494A-9586-6E2E5A59B2A3.jpg diff --git a/Recipes/Images/81BAC90C-DF4C-404D-A4B2-60A56F3709AA-21470-00000353CF5BB845/DC9DBD75-87DE-420C-B325-DD11687ABB6C-21470-00000353D0D5EDB5.jpg b/Recipes/Images/81BAC90C-DF4C-404D-A4B2-60A56F3709AA-21470-00000353CF5BB845/DC9DBD75-87DE-420C-B325-DD11687ABB6C-21470-00000353D0D5EDB5.jpg Binary files differnew file mode 100644 index 0000000..c393add --- /dev/null +++ b/Recipes/Images/81BAC90C-DF4C-404D-A4B2-60A56F3709AA-21470-00000353CF5BB845/DC9DBD75-87DE-420C-B325-DD11687ABB6C-21470-00000353D0D5EDB5.jpg diff --git a/Recipes/Images/85C16C9B-37F2-4671-9371-7B3C78E17EC7/A3012487-CBBE-46D6-A629-0609515D9A22.jpg b/Recipes/Images/85C16C9B-37F2-4671-9371-7B3C78E17EC7/A3012487-CBBE-46D6-A629-0609515D9A22.jpg Binary files differnew file mode 100644 index 0000000..4055a9b --- /dev/null +++ b/Recipes/Images/85C16C9B-37F2-4671-9371-7B3C78E17EC7/A3012487-CBBE-46D6-A629-0609515D9A22.jpg diff --git a/Recipes/Images/89911023-BDB2-40A9-AD2B-B02AEFAC87D2-21470-0000034ACFD6029E/C186C93C-B9AD-4DFB-AB3C-B1E03FDB3555-21470-0000034AE77A4800.jpg b/Recipes/Images/89911023-BDB2-40A9-AD2B-B02AEFAC87D2-21470-0000034ACFD6029E/C186C93C-B9AD-4DFB-AB3C-B1E03FDB3555-21470-0000034AE77A4800.jpg Binary files differnew file mode 100644 index 0000000..299f1d8 --- /dev/null +++ b/Recipes/Images/89911023-BDB2-40A9-AD2B-B02AEFAC87D2-21470-0000034ACFD6029E/C186C93C-B9AD-4DFB-AB3C-B1E03FDB3555-21470-0000034AE77A4800.jpg diff --git a/Recipes/Images/8B291879-B07D-4167-83F0-0A10E0EB8202/0278FB07-779E-4D3D-A492-9962901BB74F.jpg b/Recipes/Images/8B291879-B07D-4167-83F0-0A10E0EB8202/0278FB07-779E-4D3D-A492-9962901BB74F.jpg Binary files differnew file mode 100644 index 0000000..82b2e2f --- /dev/null +++ b/Recipes/Images/8B291879-B07D-4167-83F0-0A10E0EB8202/0278FB07-779E-4D3D-A492-9962901BB74F.jpg diff --git a/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/B71C3F0F-B178-4892-86C0-A27264365768.jpg b/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/B71C3F0F-B178-4892-86C0-A27264365768.jpg Binary files differnew file mode 100644 index 0000000..dfc8d48 --- /dev/null +++ b/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/B71C3F0F-B178-4892-86C0-A27264365768.jpg diff --git a/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/CD1B7D04-8A3E-4896-A33C-10572D7787B8.jpg b/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/CD1B7D04-8A3E-4896-A33C-10572D7787B8.jpg Binary files differnew file mode 100644 index 0000000..26c8429 --- /dev/null +++ b/Recipes/Images/8F00454F-D516-48B9-B1C9-B5267AB7ADF1/CD1B7D04-8A3E-4896-A33C-10572D7787B8.jpg diff --git a/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/6F55C209-14F7-4BA2-B4F2-16877EE58870-29658-000006577BA2F370.jpg b/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/6F55C209-14F7-4BA2-B4F2-16877EE58870-29658-000006577BA2F370.jpg Binary files differnew file mode 100644 index 0000000..803bbcc --- /dev/null +++ b/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/6F55C209-14F7-4BA2-B4F2-16877EE58870-29658-000006577BA2F370.jpg diff --git a/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/A66A96BB-AD98-46A5-B13D-4698D39C2B39-29658-000006577FE6A285.jpg b/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/A66A96BB-AD98-46A5-B13D-4698D39C2B39-29658-000006577FE6A285.jpg Binary files differnew file mode 100644 index 0000000..8521eb6 --- /dev/null +++ b/Recipes/Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/A66A96BB-AD98-46A5-B13D-4698D39C2B39-29658-000006577FE6A285.jpg diff --git a/Recipes/Images/97F96D7F-BD1E-44A2-BD57-A2FEE4AFE28C-21470-0000034C27FF81C7/448E66CA-F519-454F-8CE4-EE1274DC0314-21470-0000034C2AE9C1FB.jpg b/Recipes/Images/97F96D7F-BD1E-44A2-BD57-A2FEE4AFE28C-21470-0000034C27FF81C7/448E66CA-F519-454F-8CE4-EE1274DC0314-21470-0000034C2AE9C1FB.jpg Binary files differnew file mode 100644 index 0000000..cdbca64 --- /dev/null +++ b/Recipes/Images/97F96D7F-BD1E-44A2-BD57-A2FEE4AFE28C-21470-0000034C27FF81C7/448E66CA-F519-454F-8CE4-EE1274DC0314-21470-0000034C2AE9C1FB.jpg diff --git a/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg b/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg Binary files differnew file mode 100644 index 0000000..a07b944 --- /dev/null +++ b/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg diff --git a/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/6D51F5DB-FAC5-4B11-9C5B-E0057622B1A2.jpg b/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/6D51F5DB-FAC5-4B11-9C5B-E0057622B1A2.jpg Binary files differnew file mode 100644 index 0000000..95cf8d0 --- /dev/null +++ b/Recipes/Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/6D51F5DB-FAC5-4B11-9C5B-E0057622B1A2.jpg diff --git a/Recipes/Images/A0E72FFF-4A13-4562-90EA-81D5DDA507F0/7749825D-9E0D-474E-A07C-ED9EF222F33B.jpg b/Recipes/Images/A0E72FFF-4A13-4562-90EA-81D5DDA507F0/7749825D-9E0D-474E-A07C-ED9EF222F33B.jpg Binary files differnew file mode 100644 index 0000000..327f72d --- /dev/null +++ b/Recipes/Images/A0E72FFF-4A13-4562-90EA-81D5DDA507F0/7749825D-9E0D-474E-A07C-ED9EF222F33B.jpg diff --git a/Recipes/Images/A13E2218-06AB-4DB0-BA90-9BFA5839A3E6-21109-00000342EACA3B6B/7F9E145F-D268-4B1B-89DB-0B4A71A7618B-21109-00000342FC3BC6E0.jpg b/Recipes/Images/A13E2218-06AB-4DB0-BA90-9BFA5839A3E6-21109-00000342EACA3B6B/7F9E145F-D268-4B1B-89DB-0B4A71A7618B-21109-00000342FC3BC6E0.jpg Binary files differnew file mode 100644 index 0000000..e0fbcb0 --- /dev/null +++ b/Recipes/Images/A13E2218-06AB-4DB0-BA90-9BFA5839A3E6-21109-00000342EACA3B6B/7F9E145F-D268-4B1B-89DB-0B4A71A7618B-21109-00000342FC3BC6E0.jpg diff --git a/Recipes/Images/AC2F7056-571A-4173-927F-84FC7A5E71D7/30BC167A-982E-43A2-A146-44A1BFD4E0FD.jpg b/Recipes/Images/AC2F7056-571A-4173-927F-84FC7A5E71D7/30BC167A-982E-43A2-A146-44A1BFD4E0FD.jpg Binary files differnew file mode 100644 index 0000000..9677a04 --- /dev/null +++ b/Recipes/Images/AC2F7056-571A-4173-927F-84FC7A5E71D7/30BC167A-982E-43A2-A146-44A1BFD4E0FD.jpg diff --git a/Recipes/Images/AEC60F8C-7C75-4CD3-8D4C-A9646C36A423/71405104-5249-45FC-AB23-4A5A79F79683.jpg b/Recipes/Images/AEC60F8C-7C75-4CD3-8D4C-A9646C36A423/71405104-5249-45FC-AB23-4A5A79F79683.jpg Binary files differnew file mode 100644 index 0000000..bf8ee9f --- /dev/null +++ b/Recipes/Images/AEC60F8C-7C75-4CD3-8D4C-A9646C36A423/71405104-5249-45FC-AB23-4A5A79F79683.jpg diff --git a/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/4F361FFA-3E19-4CF2-A777-6C257436F2E8.jpg b/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/4F361FFA-3E19-4CF2-A777-6C257436F2E8.jpg Binary files differnew file mode 100644 index 0000000..d5e9297 --- /dev/null +++ b/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/4F361FFA-3E19-4CF2-A777-6C257436F2E8.jpg diff --git a/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/CA3B80C3-14C8-4081-920C-79F655FFAA5C.jpg b/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/CA3B80C3-14C8-4081-920C-79F655FFAA5C.jpg Binary files differnew file mode 100644 index 0000000..70da82f --- /dev/null +++ b/Recipes/Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/CA3B80C3-14C8-4081-920C-79F655FFAA5C.jpg diff --git a/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg Binary files differnew file mode 100644 index 0000000..dd74847 --- /dev/null +++ b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg diff --git a/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg Binary files differnew file mode 100644 index 0000000..038f628 --- /dev/null +++ b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg diff --git a/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg Binary files differnew file mode 100644 index 0000000..3c3626c --- /dev/null +++ b/Recipes/Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg diff --git a/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/7F12CCC4-77C5-4753-A84F-8A1E7046ED13-60771-0000078CA11AF95C.jpg b/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/7F12CCC4-77C5-4753-A84F-8A1E7046ED13-60771-0000078CA11AF95C.jpg Binary files differnew file mode 100644 index 0000000..5e0a67c --- /dev/null +++ b/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/7F12CCC4-77C5-4753-A84F-8A1E7046ED13-60771-0000078CA11AF95C.jpg diff --git a/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/C84514D4-60F5-47CD-8261-B46FB3D8CC4D-60771-0000078C9BC89A1C.jpg b/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/C84514D4-60F5-47CD-8261-B46FB3D8CC4D-60771-0000078C9BC89A1C.jpg Binary files differnew file mode 100644 index 0000000..92d298d --- /dev/null +++ b/Recipes/Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/C84514D4-60F5-47CD-8261-B46FB3D8CC4D-60771-0000078C9BC89A1C.jpg diff --git a/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/15B81654-ED11-4314-9AE4-1B3C23994624.jpg b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/15B81654-ED11-4314-9AE4-1B3C23994624.jpg Binary files differnew file mode 100644 index 0000000..1e71069 --- /dev/null +++ b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/15B81654-ED11-4314-9AE4-1B3C23994624.jpg diff --git a/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/7309FCB3-0D6F-4312-8321-6E5E2CDC6A4A.jpg b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/7309FCB3-0D6F-4312-8321-6E5E2CDC6A4A.jpg Binary files differnew file mode 100644 index 0000000..11d3484 --- /dev/null +++ b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/7309FCB3-0D6F-4312-8321-6E5E2CDC6A4A.jpg diff --git a/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/81461590-EB18-47A1-A770-D5EFD20009D6.jpg b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/81461590-EB18-47A1-A770-D5EFD20009D6.jpg Binary files differnew file mode 100644 index 0000000..722c795 --- /dev/null +++ b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/81461590-EB18-47A1-A770-D5EFD20009D6.jpg diff --git a/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/8815839F-7A69-48F0-8B71-0BFD960B44E5.jpg b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/8815839F-7A69-48F0-8B71-0BFD960B44E5.jpg Binary files differnew file mode 100644 index 0000000..31b815f --- /dev/null +++ b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/8815839F-7A69-48F0-8B71-0BFD960B44E5.jpg diff --git a/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/E36D943F-1A9D-4D6F-A5A9-85DA5CA58D75.jpg b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/E36D943F-1A9D-4D6F-A5A9-85DA5CA58D75.jpg Binary files differnew file mode 100644 index 0000000..d2cc01f --- /dev/null +++ b/Recipes/Images/BE766CB2-0938-417B-ADB2-6C8D1A4A7A72/E36D943F-1A9D-4D6F-A5A9-85DA5CA58D75.jpg diff --git a/Recipes/Images/BF9475B2-163F-459E-9655-0DBD322E85F3/2DB53D66-4C66-4697-A6D9-AABD1CAF8482.jpg b/Recipes/Images/BF9475B2-163F-459E-9655-0DBD322E85F3/2DB53D66-4C66-4697-A6D9-AABD1CAF8482.jpg Binary files differnew file mode 100644 index 0000000..51deaba --- /dev/null +++ b/Recipes/Images/BF9475B2-163F-459E-9655-0DBD322E85F3/2DB53D66-4C66-4697-A6D9-AABD1CAF8482.jpg diff --git a/Recipes/Images/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/8C4F8A5B-A13A-437E-923B-260DE1F90211-13068-0000040F558A46C8.jpg b/Recipes/Images/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/8C4F8A5B-A13A-437E-923B-260DE1F90211-13068-0000040F558A46C8.jpg Binary files differnew file mode 100644 index 0000000..b788d1b --- /dev/null +++ b/Recipes/Images/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/8C4F8A5B-A13A-437E-923B-260DE1F90211-13068-0000040F558A46C8.jpg diff --git a/Recipes/Images/C0A21164-0D83-407B-8016-581098113B64-60771-00000796797C6E7B/4BD53669-EF80-47FE-B1C6-F69EEC374FA9-60771-00000796CEDF64FA.jpg b/Recipes/Images/C0A21164-0D83-407B-8016-581098113B64-60771-00000796797C6E7B/4BD53669-EF80-47FE-B1C6-F69EEC374FA9-60771-00000796CEDF64FA.jpg Binary files differnew file mode 100644 index 0000000..fb14781 --- /dev/null +++ b/Recipes/Images/C0A21164-0D83-407B-8016-581098113B64-60771-00000796797C6E7B/4BD53669-EF80-47FE-B1C6-F69EEC374FA9-60771-00000796CEDF64FA.jpg diff --git a/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/99DB79E5-0C58-4E3C-B523-6146BBD7716A.jpg b/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/99DB79E5-0C58-4E3C-B523-6146BBD7716A.jpg Binary files differnew file mode 100644 index 0000000..00a10c7 --- /dev/null +++ b/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/99DB79E5-0C58-4E3C-B523-6146BBD7716A.jpg diff --git a/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/C0B93775-7834-41BC-85A1-476FDA43F5F5.jpg b/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/C0B93775-7834-41BC-85A1-476FDA43F5F5.jpg Binary files differnew file mode 100644 index 0000000..40b2708 --- /dev/null +++ b/Recipes/Images/C0DB676E-436C-4619-B29B-7172446A50EF/C0B93775-7834-41BC-85A1-476FDA43F5F5.jpg diff --git a/Recipes/Images/C17E82A3-BA7F-4064-9E5E-14DFED1348B4/CB9B2D84-3A5F-4796-80F6-749D77C05923.jpg b/Recipes/Images/C17E82A3-BA7F-4064-9E5E-14DFED1348B4/CB9B2D84-3A5F-4796-80F6-749D77C05923.jpg Binary files differnew file mode 100644 index 0000000..f152585 --- /dev/null +++ b/Recipes/Images/C17E82A3-BA7F-4064-9E5E-14DFED1348B4/CB9B2D84-3A5F-4796-80F6-749D77C05923.jpg diff --git a/Recipes/Images/C5DAAA2C-4B79-49B4-8F6A-0FF40AA253FE/BD2B98B3-E395-4839-8DC4-9BD45C2EB2F6.jpg b/Recipes/Images/C5DAAA2C-4B79-49B4-8F6A-0FF40AA253FE/BD2B98B3-E395-4839-8DC4-9BD45C2EB2F6.jpg Binary files differnew file mode 100644 index 0000000..ab107c5 --- /dev/null +++ b/Recipes/Images/C5DAAA2C-4B79-49B4-8F6A-0FF40AA253FE/BD2B98B3-E395-4839-8DC4-9BD45C2EB2F6.jpg diff --git a/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/5EC3FC42-828A-476D-951E-D3BFB97AF641.jpg b/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/5EC3FC42-828A-476D-951E-D3BFB97AF641.jpg Binary files differnew file mode 100644 index 0000000..3ed0a13 --- /dev/null +++ b/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/5EC3FC42-828A-476D-951E-D3BFB97AF641.jpg diff --git a/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/B03BFC7C-57D2-47FE-8796-7D66F644BD25.jpg b/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/B03BFC7C-57D2-47FE-8796-7D66F644BD25.jpg Binary files differnew file mode 100644 index 0000000..55c3729 --- /dev/null +++ b/Recipes/Images/C959EA91-C34D-44B3-941D-47D579E69B04/B03BFC7C-57D2-47FE-8796-7D66F644BD25.jpg diff --git a/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/2905DD50-A13B-400A-8D73-AD247B76172F.jpg b/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/2905DD50-A13B-400A-8D73-AD247B76172F.jpg Binary files differnew file mode 100644 index 0000000..ff5c4e9 --- /dev/null +++ b/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/2905DD50-A13B-400A-8D73-AD247B76172F.jpg diff --git a/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/4A06A105-E7B6-437F-998E-3E86286BD410.jpg b/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/4A06A105-E7B6-437F-998E-3E86286BD410.jpg Binary files differnew file mode 100644 index 0000000..3a9c16f --- /dev/null +++ b/Recipes/Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/4A06A105-E7B6-437F-998E-3E86286BD410.jpg diff --git a/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/0969F4E4-B338-4A8C-A050-35F43F34D9E5.jpg b/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/0969F4E4-B338-4A8C-A050-35F43F34D9E5.jpg Binary files differnew file mode 100644 index 0000000..501db09 --- /dev/null +++ b/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/0969F4E4-B338-4A8C-A050-35F43F34D9E5.jpg diff --git a/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/FE2F35F9-2DCA-4417-BD30-7DFB74B61D6D.jpg b/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/FE2F35F9-2DCA-4417-BD30-7DFB74B61D6D.jpg Binary files differnew file mode 100644 index 0000000..5a8311c --- /dev/null +++ b/Recipes/Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/FE2F35F9-2DCA-4417-BD30-7DFB74B61D6D.jpg diff --git a/Recipes/Images/CDC2845A-236E-40DE-824A-746F366ABDCB-21470-0000034DCDADAEF9/FA65386B-E214-41CE-8D5E-7E9A0FFF062C-21470-0000034DD4A437E9.jpg b/Recipes/Images/CDC2845A-236E-40DE-824A-746F366ABDCB-21470-0000034DCDADAEF9/FA65386B-E214-41CE-8D5E-7E9A0FFF062C-21470-0000034DD4A437E9.jpg Binary files differnew file mode 100644 index 0000000..740ca79 --- /dev/null +++ b/Recipes/Images/CDC2845A-236E-40DE-824A-746F366ABDCB-21470-0000034DCDADAEF9/FA65386B-E214-41CE-8D5E-7E9A0FFF062C-21470-0000034DD4A437E9.jpg diff --git a/Recipes/Images/D22C7CA7-C0AA-4238-975B-88EE8EE3FC06/CD4E9B3E-A89F-4FB0-B142-4A61F8F66336.jpg b/Recipes/Images/D22C7CA7-C0AA-4238-975B-88EE8EE3FC06/CD4E9B3E-A89F-4FB0-B142-4A61F8F66336.jpg Binary files differnew file mode 100644 index 0000000..f39f4e5 --- /dev/null +++ b/Recipes/Images/D22C7CA7-C0AA-4238-975B-88EE8EE3FC06/CD4E9B3E-A89F-4FB0-B142-4A61F8F66336.jpg diff --git a/Recipes/Images/D65C3674-771F-43EA-A38B-5A0D617FC97D-21109-0000034877ED69AE/CAA8803A-AC54-410D-9253-536AC7F14402-21109-0000034879FEACD1.jpg b/Recipes/Images/D65C3674-771F-43EA-A38B-5A0D617FC97D-21109-0000034877ED69AE/CAA8803A-AC54-410D-9253-536AC7F14402-21109-0000034879FEACD1.jpg Binary files differnew file mode 100644 index 0000000..85b3fce --- /dev/null +++ b/Recipes/Images/D65C3674-771F-43EA-A38B-5A0D617FC97D-21109-0000034877ED69AE/CAA8803A-AC54-410D-9253-536AC7F14402-21109-0000034879FEACD1.jpg diff --git a/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/81EB7245-4EB4-447F-B92D-7C4B66688C2F.jpg b/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/81EB7245-4EB4-447F-B92D-7C4B66688C2F.jpg Binary files differnew file mode 100644 index 0000000..e32751b --- /dev/null +++ b/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/81EB7245-4EB4-447F-B92D-7C4B66688C2F.jpg diff --git a/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/A0646C22-3771-4192-9681-99FD3F562DA5.jpg b/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/A0646C22-3771-4192-9681-99FD3F562DA5.jpg Binary files differnew file mode 100644 index 0000000..999c28f --- /dev/null +++ b/Recipes/Images/DCF8248A-8219-4D2D-83D9-F370DCE00AD5/A0646C22-3771-4192-9681-99FD3F562DA5.jpg diff --git a/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/B2E793AE-0F1A-4FE2-976E-43F7858D0132-58438-00000774B4503068.jpg b/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/B2E793AE-0F1A-4FE2-976E-43F7858D0132-58438-00000774B4503068.jpg Binary files differnew file mode 100644 index 0000000..f3f9ce3 --- /dev/null +++ b/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/B2E793AE-0F1A-4FE2-976E-43F7858D0132-58438-00000774B4503068.jpg diff --git a/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/D2872F1D-1B49-4761-81BC-D4B737BBF09A-58438-000007751886F921.jpg b/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/D2872F1D-1B49-4761-81BC-D4B737BBF09A-58438-000007751886F921.jpg Binary files differnew file mode 100644 index 0000000..9b68310 --- /dev/null +++ b/Recipes/Images/DE01FA6D-DC36-4A30-AEB7-59A6A35B1CF5-58438-00000774205767AE/D2872F1D-1B49-4761-81BC-D4B737BBF09A-58438-000007751886F921.jpg diff --git a/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/C02869D5-85F2-4145-B2E4-F03FF8986C4D.jpg b/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/C02869D5-85F2-4145-B2E4-F03FF8986C4D.jpg Binary files differnew file mode 100644 index 0000000..bcd824e --- /dev/null +++ b/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/C02869D5-85F2-4145-B2E4-F03FF8986C4D.jpg diff --git a/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/F90CC53F-FBE3-4E31-9F64-5F4D4986FD9C.jpg b/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/F90CC53F-FBE3-4E31-9F64-5F4D4986FD9C.jpg Binary files differnew file mode 100644 index 0000000..8a77cb5 --- /dev/null +++ b/Recipes/Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/F90CC53F-FBE3-4E31-9F64-5F4D4986FD9C.jpg diff --git a/Recipes/Images/E27A1A34-80BC-4AE4-BE2B-90CC773C440A/38007A9D-F260-4F11-A847-13621763A60C.jpg b/Recipes/Images/E27A1A34-80BC-4AE4-BE2B-90CC773C440A/38007A9D-F260-4F11-A847-13621763A60C.jpg Binary files differnew file mode 100644 index 0000000..afc28fb --- /dev/null +++ b/Recipes/Images/E27A1A34-80BC-4AE4-BE2B-90CC773C440A/38007A9D-F260-4F11-A847-13621763A60C.jpg diff --git a/Recipes/Images/E294A757-04F2-44FC-A990-A9D1569D675A/6B41B4B8-FB86-4857-8384-53FCA78B5AB4.jpg b/Recipes/Images/E294A757-04F2-44FC-A990-A9D1569D675A/6B41B4B8-FB86-4857-8384-53FCA78B5AB4.jpg Binary files differnew file mode 100644 index 0000000..0763a5a --- /dev/null +++ b/Recipes/Images/E294A757-04F2-44FC-A990-A9D1569D675A/6B41B4B8-FB86-4857-8384-53FCA78B5AB4.jpg diff --git a/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/55757AD0-B695-48F5-9724-56DA01596DC3-5288-000000F7EB600F55.jpg b/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/55757AD0-B695-48F5-9724-56DA01596DC3-5288-000000F7EB600F55.jpg Binary files differnew file mode 100644 index 0000000..a2c9274 --- /dev/null +++ b/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/55757AD0-B695-48F5-9724-56DA01596DC3-5288-000000F7EB600F55.jpg diff --git a/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/B803DE30-C04B-4D81-8351-0B5E5410147B-5288-000000F7E644539B.jpg b/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/B803DE30-C04B-4D81-8351-0B5E5410147B-5288-000000F7E644539B.jpg Binary files differnew file mode 100644 index 0000000..ee1ae60 --- /dev/null +++ b/Recipes/Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/B803DE30-C04B-4D81-8351-0B5E5410147B-5288-000000F7E644539B.jpg diff --git a/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg b/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg Binary files differnew file mode 100644 index 0000000..b855a3f --- /dev/null +++ b/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg diff --git a/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg b/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg Binary files differnew file mode 100644 index 0000000..db4c70e --- /dev/null +++ b/Recipes/Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg diff --git a/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/100D07F4-1EE0-40AA-92F3-8F3E90977971.jpg b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/100D07F4-1EE0-40AA-92F3-8F3E90977971.jpg Binary files differnew file mode 100644 index 0000000..88ff998 --- /dev/null +++ b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/100D07F4-1EE0-40AA-92F3-8F3E90977971.jpg diff --git a/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/2257F036-D59B-4ED6-9690-E4418AD1D82C.jpg b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/2257F036-D59B-4ED6-9690-E4418AD1D82C.jpg Binary files differnew file mode 100644 index 0000000..68777a9 --- /dev/null +++ b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/2257F036-D59B-4ED6-9690-E4418AD1D82C.jpg diff --git a/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/B8D28185-4111-46F4-9701-B10F0E4DDF3B.jpg b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/B8D28185-4111-46F4-9701-B10F0E4DDF3B.jpg Binary files differnew file mode 100644 index 0000000..59cf3ea --- /dev/null +++ b/Recipes/Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/B8D28185-4111-46F4-9701-B10F0E4DDF3B.jpg diff --git a/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/57AA00EF-3CC9-437A-9A77-795877A826DB.jpg b/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/57AA00EF-3CC9-437A-9A77-795877A826DB.jpg Binary files differnew file mode 100644 index 0000000..d97b949 --- /dev/null +++ b/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/57AA00EF-3CC9-437A-9A77-795877A826DB.jpg diff --git a/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/6F99C71B-1745-40C6-8A6D-DF74B8293FA3.jpg b/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/6F99C71B-1745-40C6-8A6D-DF74B8293FA3.jpg Binary files differnew file mode 100644 index 0000000..c1e4d17 --- /dev/null +++ b/Recipes/Images/F5EF59CA-3F48-4698-A550-CCA14355807D/6F99C71B-1745-40C6-8A6D-DF74B8293FA3.jpg diff --git a/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/066C54C5-D3CA-4A87-8B95-4A8D18C450CC.jpg b/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/066C54C5-D3CA-4A87-8B95-4A8D18C450CC.jpg Binary files differnew file mode 100644 index 0000000..a84ccb1 --- /dev/null +++ b/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/066C54C5-D3CA-4A87-8B95-4A8D18C450CC.jpg diff --git a/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/2CC60535-D07F-4957-B048-69312D3C29F2.jpg b/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/2CC60535-D07F-4957-B048-69312D3C29F2.jpg Binary files differnew file mode 100644 index 0000000..a967f8b --- /dev/null +++ b/Recipes/Images/FC0A8DD9-1A56-41C2-BFAB-18784546945E/2CC60535-D07F-4957-B048-69312D3C29F2.jpg diff --git a/Recipes/Kale + Spinach with Apple Quesadilla.html b/Recipes/Kale + Spinach with Apple Quesadilla.html new file mode 100644 index 0000000..765b5cd --- /dev/null +++ b/Recipes/Kale + Spinach with Apple Quesadilla.html @@ -0,0 +1,228 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://babyfoode.com/wp-content/uploads/2015/09/Afillingandhealthyversionofyourstandardquesadilla-filledwithakalespinachandapplesandloadedwithbeansandcheeseforacompletemealthatmosttoddlersandkidsandparentscantresist-evenyourpickyeaterPerfec-683x1024.jpeg"> + <img src="Images/10A068FE-8693-4967-8A48-DC9EDFECE9EC-21109-000003452F06F23D/281744D8-BA0F-4FEF-8063-874F06225955-21109-0000034534642563.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Kale + Spinach with Apple Quesadilla</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Yield: 2 10-inch quesadillas</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="http://babyfoode.com/blog/kale-spinach-with-apple-quesadilla/"> + <span itemprop="author">babyfoode.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> cup baby spinach, packed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> kale leaves, de-stemed</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> apple, cored and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> 10-inch tortillas</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> cups shredded cheese, seperated</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup white beans, washed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil or coconut oil</p><p class="line" itemprop="recipeIngredient">For Spicy Lime Sauce</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup plain Greek yogurt</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> lime juiced</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp Sriracha</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">In a food processor or blender, add in spinach, kale, apple, garlic, salt, pepper and 1/4 cup of cheese and pulse until just combined, scrapping down sides as needed.</p><p class="line">Pre-heat large skillet over medium heat. Pour in half of the oil and let it get hot.</p><p class="line">Take 1 tortilla and spread half of the kale mixture onto it, sprinkle half of the beans and half of the remaining cheese. Cover with a tortilla and place into skillet and cook for 3-4 minutes per side until the tortilla is golden brown and the cheese is melted. Repeat the process with the remaining tortillas and ingredients.</p><p class="line">Meanwhile, in a small bowl, add the yogurt, lime juice and Sriracha (to taste) and mix until all ingredients are incorporated.</p><p class="line">Let quesadilla cool slightly, cut into wedges, drizzle with spicy lime sauce and serve. I also recommend serving this with a big bowl of guacamole:)</p><p class="line">Storage: can store in an airtight container in the fridge for up to 3 days.</p><p class="line">Cheese Options: you can use the pre-shredded cheese or shred your own. Some of our favorite varities in this recipe are – mexican blend, white cheddar cheese, or colby jack.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Age: 1 year and up</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 602kcal | Carbohydrates: 52g | Protein: 31g | Fat: 31g | Saturated Fat: 13g | Cholesterol: 68mg | Sodium: 1008mg | Potassium: 628mg | Fiber: 4g | Sugar: 10g | Vitamin A: 6965IU | Vitamin C: 78mg | Calcium: 636mg | Iron: 4mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Kale And Mushroom Lasagne.html b/Recipes/Kale And Mushroom Lasagne.html new file mode 100644 index 0000000..76d77df --- /dev/null +++ b/Recipes/Kale And Mushroom Lasagne.html @@ -0,0 +1,293 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Kale And Mushroom Lasagne</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Veg Every Day</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong> g cavolo nero</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient">thyme</p><p class="line" itemprop="recipeIngredient"><strong>175</strong> g fresh lasagne sheets</p><p class="line" itemprop="recipeIngredient"><strong>20</strong> g parmesan cheese</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>750</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stalk of celery</p><p class="line" itemprop="recipeIngredient">black peppercorns</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g unsalted butter</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp Dijon mustard</p><br/><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180°C/Gas Mark 4. Heat the milk for the béchamel sauce with the bay leaf, onion, celery and peppercorns until just below simmering. Remove from the heat and set aside to infuse.</p><p class="line">Roughly shred the kale or cavolo nero. Put into a large saucepan and just cover with cold water. Add salt. Bring to the boil, reduce the heat and simmer for 2-3 minutes, until just tender. Drain well and set aside.<br/>Heat half the butter in a large, wide frying pan over a medium heat.</p><p class="line">Add half the mushrooms and some salt and pepper. Increase the heat and fry, stirring often, for 5-10 minutes, until the liquid released by the mushrooms has evaporated and they are starting to reduce, concentrate and caramelise. Stir in half the garlic and half the thyme, cook for a minute longer, then remove to a bowl. Repeat to cook the remaining mushrooms and set aside.</p><p class="line">Gently reheat the infused milk, then strain. Heat the butter for the béchamel sauce in a large saucepan. Stir in the flour to form a smooth roux and cook gently for a minute or two. Remove from the heat.<br/>Add about a quarter of the hot milk and beat vigorously until smooth.</p><p class="line">Repeat with the remaining milk, adding it in 2 or 3 lots, until you have a smooth sauce. Return to the heat and cook for a few minutes, stirring often, allowing it to bubble gently until thickened. Stir in the mustard, then add some salt and pepper.</p><p class="line">Stir about half of the béchamel sauce into the kale; put to one side.</p><p class="line">Spread half the remaining béchamel over the bottom of a 28 × 22cm (or thereabouts) ovenproof dish. Laver a third of the lasagne sheets in the dish, then spoon the kale over the top. Add another layer of lasagne, then the mushrooms. Finish with a final layer of pasta and the remaining béchamel.</p><p class="line">Scatter over the cheese and add a trickle of oil. Bake for about 30 minutes until golden.</p><p class="line">Serve straight away.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg', + src: 'Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg', + w: 617.0, + h: 859.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Kathy Tsaples' Greek Chickpea Soup.html b/Recipes/Kathy Tsaples' Greek Chickpea Soup.html new file mode 100644 index 0000000..72ab3e2 --- /dev/null +++ b/Recipes/Kathy Tsaples' Greek Chickpea Soup.html @@ -0,0 +1,216 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.abc.net.au/cm/rimage/13499568-16x9-large.png?v=3"> + <img src="Images/278B8541-1F64-4266-B2F7-156C94349BE7/63E537F7-F62E-49EB-BC8A-C4226C6DFD54.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Kathy Tsaples' Greek Chickpea Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">0:00</span> + + <b>Cook Time: </b><span itemprop="cookTime">0:00</span> + + <b>Difficulty: </b><span itemprop="difficulty">Low</span> + + <b>Servings: </b><span itemprop="recipeYield">4 serves</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.abc.net.au/radio/melbourne/programs/drive/chickpea-soup-recipe-kathy-tsaples-sweet-greek/13499578?fbclid=IwAR37pSFh-7IgH6X-nbr5Cse1NpUuI78-kgI_OHe-9XQJtwn1VdIBEcU0kEs"> + <span itemprop="author">abc.net.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong>g dried chickpeas, soaked in cold water overnight</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> sticks of celery, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>ml olive oil, plus extra for serving</p><p class="line" itemprop="recipeIngredient">juice 1 lemon, or more if needed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp fresh parsley, chopped</p><p class="line" itemprop="recipeIngredient">dried oregano, sprinkling</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient">salt / pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Cooking method: Boiling</p><p class="line">Heat the olive oil in a heavy pan, add the onion and saute until it starts to colour.</p><p class="line">Meanwhile drain the chickpeas, rinse them under cold water and drain them again. Shake the colander or sieve to dry the chickpeas as much as possible, then add them to the pan. Turn the with a spatula for a few minutes to coat them well with the oil.</p><p class="line">Add the celery and bay leaf, then pour enough hot water to submerge the contents of the pot by about 4 cm.</p><p class="line">Bring to a boil. Skim off any white froth that rises to the surface using a slotted spoon. Lower the heat, add some pepper, cover and cook for 1-1.25 hours or until the chickpeas are soft.</p><p class="line">When chickpeas are perfectly soft, add the lemon juice. Mix well, then add salt and pepper to taste. Cover the pan and cook gently for 5-10 minutes more, stirring occasionally.</p><p class="line">To thicken the soup slightly, take out about two cupfuls of the chickpeas and put them in a food processor. Make sure the chickpeas are broken up and remain slightly rough. Stir this into the soup in the pan and mix well.</p><p class="line">Add the parsley and oregano, then taste the soup. If it seems a little bland, add more lemon juice, salt and pepper.</p><p class="line">Serve in heated bowls and offer extra olive oil at the table for drizzling on top of the soup.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Kimchi & Peanut Butter Noodles.html b/Recipes/Kimchi & Peanut Butter Noodles.html new file mode 100644 index 0000000..64d3326 --- /dev/null +++ b/Recipes/Kimchi & Peanut Butter Noodles.html @@ -0,0 +1,299 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Kimchi & Peanut Butter Noodles</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">0 min</span> + + <b>Total Time: </b><span itemprop="totalTime">20 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>50</strong>g medium egg noodles</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g smoked tofu, drained and diced</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g vegetarian kimchi</p><p class="line" itemprop="recipeIngredient"><strong>35</strong>g peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g spring onions, sliced</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Bring a pan of water to the boil, add the noodles and cook according to the packet instructions. Drain, rinse under cold water until cold then set aside.</p><p class="line"><strong>Step 2</strong><br/>Heat the oils in a wok, add the tofu and fry for 2-3 minutes. Add the kimchi, fry for a couple of minutes then add the peanut butter and stir until melted. Add enough hot water to loosen the sauce then add the cooked noodles and spring onions and toss everything together.</p><p class="line">Transfer to a bowl and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg', + src: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg', + src: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Lemon & Garlic Chicken Breast.html b/Recipes/Lemon & Garlic Chicken Breast.html new file mode 100644 index 0000000..3b4c6bc --- /dev/null +++ b/Recipes/Lemon & Garlic Chicken Breast.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/59B276B1-8836-46E3-9C0B-25AC9F434119.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lemon & Garlic Chicken Breast</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 min</span> + + <b>Total Time: </b><span itemprop="totalTime">25 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>350</strong>g Free Range Skinless Chicken Breast Fillets</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp salt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Lemony Broccoli Salad.html b/Recipes/Lemony Broccoli Salad.html new file mode 100644 index 0000000..f5e7d8a --- /dev/null +++ b/Recipes/Lemony Broccoli Salad.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.foodandwine.com/thmb/CelB1cgvkv8eKawH2AbwFxk-OPg=/400x0/filters:no_upscale():max_bytes(150000):strip_icc():gifv()/2012-r-xl-lemony-broccoli-salad-2000-4e8c612ccf7d47e5845797e9df0a6285.jpg"> + <img src="Images/85C16C9B-37F2-4671-9371-7B3C78E17EC7/A3012487-CBBE-46D6-A629-0609515D9A22.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lemony Broccoli Salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">10 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.foodandwine.com/recipes/lemony-broccoli-salad"> + <span itemprop="author">foodandwine.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> large head of broccoli (1 1/2 pounds), cut into 1-inch florets, stems peeled and sliced 1/2 inch thick</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup extra-virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons red wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon fresh lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon finely grated lemon zest</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small shallot, minced</p><p class="line" itemprop="recipeIngredient">Kosher salt</p><p class="line" itemprop="recipeIngredient">freshly ground pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring a large saucepan of salted water to a boil. Add the broccoli florets and stems and cook until bright green and just tender, about 5 minutes. Drain and rinse the broccoli under cold water until cooled; pat dry.</p><p class="line">In a large bowl, whisk the olive oil with the vinegar, lemon juice, lemon zest and shallot and season with salt and pepper. Add the broccoli, toss to coat and serve.</p><p class="line">Make Ahead</p><p class="line">The cooked and chilled broccoli can be refrigerated overnight. Toss the broccoli with the dressing just before serving.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html b/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html new file mode 100644 index 0000000..3baaf2e --- /dev/null +++ b/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html @@ -0,0 +1,230 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/1504_Orzo-Primavera-With-Tenderstem-Spinach--Green-Beans-1265-1593512701671-x200.jpg"> + <img src="Images/E27A1A34-80BC-4AE4-BE2B-90CC773C440A/38007A9D-F260-4F11-A847-13621763A60C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lemony Orzo Primavera with Toasted Pine Nuts</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">25 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 or 4 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/orzo-primavera-with-tenderstem-spinach-green-beans"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>15</strong>g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>35</strong>g grated Italian hard cheese</p><p class="line" itemprop="recipeIngredient"><strong>11</strong>g vegetable stock mix</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g orzo</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g spinach</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g Tenderstem broccoli</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g fine green beans</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For 2 people [double for 4]</p><p class="line">1. Boil a kettle</p><p class="line">Peel and finely slice the garlic</p><p class="line">Heat a large, wide-based pan (preferably non-stick with a matching lid) with a drizzle of olive oil over a medium-high heat</p><p class="line">Once hot, add the sliced garlic and cook for 30 secs</p><p class="line">Add the orzo and cook for 1 min further</p><p class="line">Meanwhile, dissolve the vegetable stock mix in 550ml [1.1L] boiled water</p><p class="line">Add the vegetable stock to the pan and bring to the boil over a high heat</p><p class="line">Once boiling, reduce the heat to medium-low and cook, covered, for an initial 5 min</p><p class="line">Meanwhile, trim, then cut the green beans in half</p><p class="line">Chop the Tenderstem broccoli in half lengthways</p><p class="line">5. Heat a small dry pan over a medium heat</p><p class="line">Once hot, add the pine nuts and cook for 2-3 min or until toasted and lightly golden</p><p class="line">Once the orzo has been cooking for 5 min, add the halved green beans and cook, covered, for a further 5 min</p><p class="line">Add the halved Tenderstem and cook, covered, for 5 min further or until everything's tender with a slight bite</p><p class="line">Once done, add a knob of butter, the juice of 1/2 [1] lemon and a very generous grind of black pepper</p><p class="line">Wash the spinach, then add it to the panand cook for a further 2-3 min or until wilted</p><p class="line">Add half of the grated Italian hard cheese (save the rest for garnish!) and give everything a good mix up – this is your lemony orzo primavera</p><p class="line">Cut the remaining lemon into wedges</p><p class="line">Serve the lemony orzo primavera in bowls, topped with the remaining grated Italian cheese, a drizzle of olive oil, the toasted pine nuts and a grind of black pepper</p><p class="line">Garnish with a lemon wedge</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Tip: Watch them like a hawk to make sure they don't burn!</p><p>Tip: Add a splash more water if your orzo is looking a little dry, and stir it occasionally to prevent it from sticking</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 661 kJ 1861 kJ 156 kcal 441 kcal<br/>Fat 4.2 g 11.9 g<br/>of which saturates 1.5 g 4.3 g<br/>Carbohydrate 21.4 g 60.1 g<br/>of which sugars 1.9 g 5.4 g<br/>Fibre 2.1 g 6.0 g<br/>Protein 7.7 g 21.6 g<br/>Salt 0.56 g 1.59 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Lentil Bolognese.html b/Recipes/Lentil Bolognese.html new file mode 100644 index 0000000..c14e310 --- /dev/null +++ b/Recipes/Lentil Bolognese.html @@ -0,0 +1,280 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/8DF09F05-FED9-405E-BA9A-D19547891A23-5288-000000EF42475E94.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lentil Bolognese</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Sauce</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sticks of celery</p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g red lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can plum tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>450</strong> ml massel stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp oregano/marjoram</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/9E648A3E-4088-483D-8502-60C044B3E76F-5288-000000EF3D9D7B91.jpg', + src: 'Images/5F68BFF5-0E22-4C2A-84DD-A87F975D36D6-60771-000007816CFEEB47/9E648A3E-4088-483D-8502-60C044B3E76F-5288-000000EF3D9D7B91.jpg', + w: 1846.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Lentil Cottage Pie.html b/Recipes/Lentil Cottage Pie.html new file mode 100644 index 0000000..6ad683c --- /dev/null +++ b/Recipes/Lentil Cottage Pie.html @@ -0,0 +1,287 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/EF7D9688-B0F6-49E0-89E5-11164B20D6E7.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lentil Cottage Pie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>800</strong>g medium new potatoes, quartered</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g butter </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium brown onion (150g), chopped finely</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can crushed tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup (250ml) vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup (250ml) water</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons tomato paste </p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup (80ml) dry red wine</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup (130g) red lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium carrot (120g), chopped finely </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup (60g) frozen peas, thawed</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup coarsely chopped fresh flat-leaf parsley </p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Preheat oven to 220<br/>Boil, steam or microwave potato until tender; drain. Mash in large bowl with half of the butter. <br/>Melt remaining butter in medium deep frying pan; cook onion and garlic, stirring, until onion softens. Add undrained tomatoes, stock, the water, paste, wine, lentils and carrot; bring to a boil. Reduce heat; simmer, uncovered, 15 minutes, stirring occasionally. Add peas and parsley; cook, uncovered, 5 minutes. Spoon lentil mixture into shallow 1-litre (4 cup) ovenproof dish. Spread potato mash on top. Bake, uncovered, in hot oven 20 minutes. Stand pie 10 minutes before serving. </p><p>serves 4 <br/>per serving 9.7g fat (5.6g saturated); 1513kJ (362 cal); 49g carb tip If you're not concerned with keeping the fat content of this dish low, you can stir ½ cup of finely grated parmesan cheese into the potato mash before baking the cottage pie. </p> + </div> + </div> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/13DEA93D-3AE9-4EF5-9232-0CFF25DB592A.jpg', + src: 'Images/5D8B4D4E-F238-4E69-9A64-FB4C432E3772/13DEA93D-3AE9-4EF5-9232-0CFF25DB592A.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Lentil Enchiladas with Roasted Pepper & Cashew Crema.html b/Recipes/Lentil Enchiladas with Roasted Pepper & Cashew Crema.html new file mode 100644 index 0000000..51aa996 --- /dev/null +++ b/Recipes/Lentil Enchiladas with Roasted Pepper & Cashew Crema.html @@ -0,0 +1,214 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/R-2355-2_Lentil-Enchiladas-With-Roasted-Pepper--Cashew-Crema0928-1657017548585-x200.jpg"> + <img src="Images/C17E82A3-BA7F-4064-9E5E-14DFED1348B4/CB9B2D84-3A5F-4796-80F6-749D77C05923.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lentil Enchiladas with Roasted Pepper & Cashew Crema</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegan-recipes/lentil-enchiladas-with-roasted-pepper-cashew-crema"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>37.5</strong> cashew nuts</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> tsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>585</strong>g green lentils, (1.5 cans)</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> plain tortillas (weight watchers white)</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>22.5</strong>ml soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g parsley</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> red peppers</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 200°C/ 180°C (fan)/ gas 6</p><p class="line">Boil half a kettle</p><p class="line">Peel and finely dice the red onion[s]</p><p class="line">Deseed the pepper[s] (scrape the seeds and pith out with a teaspoon) and cut into large strips</p><p class="line">Add the pepper strips and garlic cloves (skins on) to a baking tray with a drizzle of vegetable oil</p><p class="line">Put the tray in the oven for 15-20 min or until the pepper has softened</p><p class="line">Meanwhile, heat a large, wide-based pan (preferably non-stick) with a generous drizzle of olive oil over a medium heat</p><p class="line">Once hot, add most of the diced onion (save the rest for garnish!) with a pinch of salt and cook for 4-5 min or until softened</p><p class="line">Once the onion has softened, add the smoked paprika and ground cumin to the pan and cook for 1-2 min or until fragrant</p><p class="line">Drain and rinse the green lentils</p><p class="line">Add the drained lentils, soy sauce, tomato paste and 100ml [200ml] boiled water to the pan and cook for 2-3 min further or until the sauce has reduced to a thick, ragù-like consistency – this is your lentil mixture</p><p class="line">Once thickened, divide most of the lentil mixture between the tortillas</p><p class="line">Roll each tortilla up and arrange them into an oven-proof dish (or two!)</p><p class="line">Top with the remaining lentil mixture and drizzle over some olive oil</p><p class="line">Put the dish[es] in the oven for 8-10 min or until the tortillas are starting to crisp – these are your lentil enchiladas</p><p class="line">While the lentil enchiladas are in the oven, chop the parsley roughly, including the stalks (save some leaves for garnish!) and peel the skin from the roasted garlic, discard the skin</p><p class="line">Add the chopped parsley, peeled roasted garlic, roasted pepper, cashew nuts, chilli flakes (can't handle the heat? Go easy!),the juice of 1/2 [1] lime, 50ml [100ml] water and a generous pinch of salt to a food processor and blitz until smooth – this is your roasted pepper & cashew crema</p><p class="line">Chop the cherry tomatoes in half and season them with a pinch of salt</p><p class="line">Cut the remaining lime into wedges</p><p class="line">Serve the lentil enchiladas and top with the roasted pepper & cashew crema and the halved cherry tomatoes</p><p class="line">Garnish with the remaining diced onion, reserved parsley leaves and a lime wedge</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html b/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html new file mode 100644 index 0000000..5854cac --- /dev/null +++ b/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html @@ -0,0 +1,197 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Low Carb Choc Chip Pancakes with Strawberries</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Pancakes</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> small banana, peeled</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium egg</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> egg whites</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g protein powder, vanilla</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g ground flaxseed</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g 70% dark chocolate chips</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g yoghurt, such as Greek, natural, soya</p><p class="line" itemprop="recipeIngredient">Strawberries</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Whizz up the banana, egg, egg whites, protein powder and flaxseed in a liquidiser until smooth. If the mixture is a little thick, add a splash of water. Pour into a bowl and stir in most of the chocolate chips.</p><p class="line"><strong>Step 2</strong><br/>Melt the coconut oil in a frying pan and fry large spoonfuls of the batter for 1 minute, then flip and cook for a further 30 seconds. Repeat with the remaining batter then stack up, top with the yoghurt and scatter over the remaining chocolate chips.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Lunch Platter.html b/Recipes/Lunch Platter.html new file mode 100644 index 0000000..7c03b58 --- /dev/null +++ b/Recipes/Lunch Platter.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lunch Platter</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">cream crackers </p><p class="line" itemprop="recipeIngredient">olives</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient">cucumber</p><p class="line" itemprop="recipeIngredient">hummus</p><p class="line" itemprop="recipeIngredient">krakowska sausage</p><p class="line" itemprop="recipeIngredient">cherry tomatoes</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Lunchtime Rooty Bircher.html b/Recipes/Lunchtime Rooty Bircher.html new file mode 100644 index 0000000..9fae4b1 --- /dev/null +++ b/Recipes/Lunchtime Rooty Bircher.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/D1687961-F69E-4F2C-8FB3-28FA83ED2611.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Lunchtime Rooty Bircher</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>100</strong>g celeriac</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium apple</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g jumbo oats</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g raisins or sultanas</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g whole, skin-on almonds</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g mixed seeds, such as sunflower, pumpkin and sesame (or just one type if you prefer)</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp extra virgin olive or rapeseed oil</p><p class="line" itemprop="recipeIngredient">Juice of ½ lemon</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>ml cloudy apple juice</p><p class="line" itemprop="recipeIngredient">Sea salt</p><p class="line" itemprop="recipeIngredient">black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/DEA132F7-2EB7-4607-9AC6-EDE159FB4DBC.jpg', + src: 'Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/DEA132F7-2EB7-4607-9AC6-EDE159FB4DBC.jpg', + w: 828.0, + h: 893.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Macaroni and Vegetable Frittatas.html b/Recipes/Macaroni and Vegetable Frittatas.html new file mode 100644 index 0000000..a2f5c46 --- /dev/null +++ b/Recipes/Macaroni and Vegetable Frittatas.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/MXS-41bh/w643-h428-cfill-q90/taste/2016/11/macaroni-and-vegetable-frittatas-5302-1.jpeg"> + <img src="Images/89911023-BDB2-40A9-AD2B-B02AEFAC87D2-21470-0000034ACFD6029E/C186C93C-B9AD-4DFB-AB3C-B1E03FDB3555-21470-0000034AE77A4800.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Macaroni and Vegetable Frittatas</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">0</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/macaroni-vegetable-frittatas/b7ff99ed-9680-4d35-a118-2bcca274f3c8?r=recipes/healthyschoollunchideas&c=n4y95cjy/Healthy%2520school%2520lunch%2520ideas"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>120</strong>g (3/4 cup) macaroni pasta</p><p class="line" itemprop="recipeIngredient">Olive oil, to grease</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> x 125g cans corn kernels, rinsed, drained</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small red capsicum, halved, deseeded, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium carrot, peeled, coarsely grated</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g (1 cup) coarsely grated cheddar</p><p class="line" itemprop="recipeIngredient"><strong>7</strong> eggs, lightly whisked</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>ml (1/2 cup) milk</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Cook the pasta in a large saucepan of salted boiling water following packet directions or until al dente. Drain. Refresh under cold running water. Drain well.</p><p class="line">Preheat oven to 180°C. Brush six 185ml (3/4-cup) capacity non-stick Texas muffin pans with oil to lightly grease. Combine the macaroni, corn, capsicum, carrot and cheddar in a large bowl. Spoon evenly among prepared pans.</p><p class="line">Whisk together the egg and milk in a jug and pour over the macaroni mixture. Bake in preheated oven for 20-23 minutes or until just set. Remove from oven. Set aside in the pan for 5 minutes before carefully turning onto a wire rack to cool.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>1108 kj Energy 12g Fat Total 6g Saturated Fat 2g Fibre 16g Protein 266mg Cholesterol 268.15mg Sodium 4g Carbs (sugar)<br/>22g Carbs (total)</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Magic Bread Dough.html b/Recipes/Magic Bread Dough.html new file mode 100644 index 0000000..fb567c0 --- /dev/null +++ b/Recipes/Magic Bread Dough.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/A66A96BB-AD98-46A5-B13D-4698D39C2B39-29658-000006577FE6A285.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Magic Bread Dough</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>250</strong> g plain white flour</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g strong white flour</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> teaspoons fine sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp instant dried yeast</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/6F55C209-14F7-4BA2-B4F2-16877EE58870-29658-000006577BA2F370.jpg', + src: 'Images/94670222-A451-4A64-942A-814FC7F9CBC0-29658-0000065696BEE72E/6F55C209-14F7-4BA2-B4F2-16877EE58870-29658-000006577BA2F370.jpg', + w: 828.0, + h: 862.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber.html b/Recipes/Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber.html new file mode 100644 index 0000000..21dfb26 --- /dev/null +++ b/Recipes/Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/1930--Malaysian-Coconut-Chicken--Pickled-Cucumber-1636110687600-x200.jpg"> + <img src="Images/D3A4FB54-3A27-4479-A46A-51D0FC84FB58/62AE0C61-C75C-4136-BAEE-94B3BC9071EB.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Gousto</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">25 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 or 4 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/malaysian-style-coconut-meat-free-chicken-pickled-cucumber"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> fresh lemongrass</p><p class="line" itemprop="recipeIngredient"><strong>130</strong>g basmati rice</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g solid creamed coconut</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g fresh root ginger</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g blanched almonds †</p><p class="line" itemprop="recipeIngredient"><strong>165</strong>g naked glory deli readybites</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g tamarind paste</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>ml rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml soy sauce †</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground turmeric</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cucumber</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chilli</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> shallots</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Add the basmati rice and 300ml [600ml] cold water to a pot with a lid and bring to the boil over a high heat</p><p class="line">Once boiling, reduce the heat to very low and cook, covered, for 10-12 min or until all the water has absorbed and the rice is cooked</p><p class="line">Once cooked, remove from the heat and keep covered until serving</p><p class="line">While the rice is cooking, bash the lemongrass stalk[s] with a rolling pin, cut down the middle lengthways, remove the tough outer layers and chop the softer inner core[s] finely</p><p class="line">Peel and roughly chop the shallots, garlic and ginger</p><p class="line">Chop half of the red chilli[es] roughly, and finely slice the rest (save these for garnish!)</p><p class="line">Put everything into a food processor</p><p class="line">Add the blanched almonds and half the ground turmeric (you’ll use the rest later!) to the food processor with 2 tbsp [4 tbsp] vegetable oil</p><p class="line">Add the soy sauce and a pinch of sugar</p><p class="line">Pulse until you're left with a slightly chunky paste – this is your spice paste</p><p class="line">Boil a kettle, then heat a large wide-based pan (preferably non-stick with a matching lid), with a drizzle of vegetable oil over a medium-high heat</p><p class="line">Cut the meat-free chicken into smaller, bite-sized pieces</p><p class="line">Add the meat-free chicken pieces to the pan and sprinkle over the remaining ground turmeric and a pinch of salt and pepper</p><p class="line">Cook for 2-3 min or until warmed through and starting to brown</p><p class="line">While the meat-free chicken is cooking, cut the cucumber[s] in half lengthways and then slice finely</p><p class="line">Add the sliced cucumber to a bowl with the rice vinegar, 1 tsp [2 tsp] sugar and a generous pinch of salt</p><p class="line">Stir it all together and set aside until serving – this is your quick-pickled cucumber</p><p class="line">Add the spice paste to themeat-free chicken and cook for 2-3min or until fragrant</p><p class="line">Once fragrant, add the tamarind paste with 200ml [300ml] boiled water and cook for a further 2-3 min</p><p class="line">Chop the creamed coconut roughly (if required!), then add it to the pan and cook for 1 min further – this is your Malaysian-style coconut meat-free chicken</p><p class="line">Serve the Malaysian-style coconut meat-free chicken with the cooked rice and quick-pickled cucumber to the side</p><p class="line">Garnish with the reserved sliced chilli rounds (can't handle the heat? Go easy!)</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 794 kJ 2783 kJ 189 kcal 663 kcal<br/>Fat 8.3 g 29.2 g<br/>of which saturates 4.9 g 17.1 g<br/>Carbohydrate 18.8 g 65.8 g<br/>of which sugars 2.6 g 9.2 g<br/>Fibre 3.3 g 11.6 g<br/>Protein 8.5 g 29.9 g<br/>Salt 0.73 g 2.57 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mango & Ginger Smoothie.html b/Recipes/Mango & Ginger Smoothie.html new file mode 100644 index 0000000..0f65d22 --- /dev/null +++ b/Recipes/Mango & Ginger Smoothie.html @@ -0,0 +1,203 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mango & Ginger Smoothie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + <p itemprop="recipeCategory" class="categories">Drinks</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Joe Wicks</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>155</strong>g mango, peeled, stoned and chopped</p><p class="line" itemprop="recipeIngredient"><strong>135</strong>g fat-free yoghurt, greek or natural</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g protein powder, vanilla or unflavoured</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp honey</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g pumpkin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime, zest and juice</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g ginger, peeled and roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful ice</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Blend all the ingredients together.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Minestrone Soup.html b/Recipes/Minestrone Soup.html new file mode 100644 index 0000000..4770d1a --- /dev/null +++ b/Recipes/Minestrone Soup.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/105276769.jpg?tr=w-800,h-1066"> + <img src="Images/1EE60E90-FF37-405F-B90F-144FD7DBFEBA-21109-000003469A6C9F76/AE5EFD9D-C1FD-4E98-963F-069CE17F88C5-21109-00000346A083359B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Minestrone Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">8 30 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/soup-recipes/minestrone-soup/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>4</strong> rashers of higher-welfare smoked streaky bacon , optional</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> small onions</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> fresh bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sticks of celery</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large handfuls of seasonal greens, such as savoy cabbage, curly kale, chard</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vegetable stock cube</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400 g tin of quality plum tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> x 400 g tins of beans, such as cannellini, butter, or mixed</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g dried pasta</p><p class="line" itemprop="recipeIngredient">Parmesan cheese , to serve</p><p class="line" itemprop="recipeIngredient">extra virgin olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Put a large shallow casserole pan on a medium-high heat.Finely slice the bacon, if using, and sprinkle into the pan with 1 tablespoon of olive oil, stirring occasionally while you prep your veg.Peel and finely chop the garlic and onion, adding the garlic to the pan with the bay leaves as soon as the bacon turns golden, followed by the onions.Trim and chop the carrots and celery into rough 1cm dice, adding to the pan as you go. Remove and finely chop any tough stalks from your greens and add to the pan. Cook for 10 to 15 minutes, stirring regularly, or until softened and caramelised.Crumble in the stock cube, pour in the tinned tomatoes, breaking them up with your spoon, then add 1 tin’s worth of water. Pour in the beans, juice and all, then add a pinch of sea salt and black pepper. Shred your greens and sprinkle into the pan, top up with 600ml of boiling kettle water, then add the pasta. Cover and leave to simmer for 10 to 15 minutes, or until the pasta is just cooked and the soup has thickened to your liking. Season the soup to perfection, then serve it with a grating of Parmesan cheese and a drizzle of extra virgin olive oil. A sprinkling of fresh baby basil leaves will always be delicious, if you’ve got them, and my kids enjoy it with a dollop of pesto on top, too.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 171 9%<br/>Fat 3.7g 5%<br/>Saturates 0.7g 4%<br/>Sugars 7.1g 8%<br/>Salt 0.8g 13%<br/>Protein 8.1g 16%<br/>Carbs 28.5g 11%<br/>Fibre 5.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html b/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html new file mode 100644 index 0000000..80846f8 --- /dev/null +++ b/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.connoisseurusveg.com/wp-content/uploads/2014/02/miso-soba-noodle-soup-10-of-10-200x300.jpg"> + <img src="Images/AEC60F8C-7C75-4CD3-8D4C-A9646C36A423/71405104-5249-45FC-AB23-4A5A79F79683.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Miso Soba Noodle Soup with Crispy Tofu</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Servings 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.connoisseurusveg.com/soba-miso-tofu-soup/"> + <span itemprop="author">connoisseurusveg.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>75</strong> g dried soba noodles</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp toasted sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp canola oil</p><p class="line" itemprop="recipeIngredient"><strong>280</strong>g The Tofoo Co. Naked Tofu</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp freshly grated ginger</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> cups water</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium carrots, cut into matchsticks</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup white miso paste</p><p class="line" itemprop="recipeIngredient"><strong>2-4</strong> tbsp soy sauce, to taste</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cups baby spinach</p><p class="line" itemprop="recipeIngredient">Sesame seeds</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring a medium pot of water to a boil. Add the soba noodles and cook them according to the package directions.</p><p class="line">Drain the noodles in a colander and rinse them well with cool water.</p><p class="line">Return the noodles to the pot and toss them with the sesame oil.</p><p class="line">Coat the bottom of a medium skillet with 1 tablespoon of canola oil and place it over medium heat.</p><p class="line">When the oil is hot, add the tofu in an even layer and cook it for 10 minutes, flipping once or twice to achieve browning on multiple sides.</p><p class="line">Remove the tofu from the skillet and transfer it to a paper towel-lined plate.</p><p class="line">Heat the remaining tablespoon of oil in large pot over medium heat. When the oil is hot, add the garlic, ginger, and white parts of the scallions.</p><p class="line">Sauté the mixture for about 1 minute, or until very fragrant.</p><p class="line">Add the water to the pot. Raise the heat and bring it to a boil.</p><p class="line">Add the carrots and simmer it for about two minutes, until the carrots become bright orange and slightly tender.</p><p class="line">Remove the pot from heat.</p><p class="line">Place the miso into a small bowl and ladle in a bit of the hot liquid from the pot. Whisk until the mixture is smooth.</p><p class="line">Stir the miso mixture into the pot, along with the spinach. Stir until the spinach is wilted. Season the soup with soy sauce to taste.</p><p class="line">Divide the noodles and tofu among four bowls, then ladle the soup overtop. Sprinkle with sesame seeds and the green parts of the scallions. Serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 244 kcal<br/>Calories 244 Calories from Fat 102<br/>Saturated Fat 1.4g7%<br/>Sodium 1549mg65%</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Miso Sweet Potato and Broccoli Bowl.html b/Recipes/Miso Sweet Potato and Broccoli Bowl.html new file mode 100644 index 0000000..a5b2cc1 --- /dev/null +++ b/Recipes/Miso Sweet Potato and Broccoli Bowl.html @@ -0,0 +1,210 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://i2.wp.com/smittenkitchen.com/wp-content/uploads//2013/10/10129849956_5b4c826237_o.jpg?fit=750%2C500&ssl=1"> + <img src="Images/A285CA34-9213-4B43-80AB-04DA03347F45-21109-00000348E25A0028/4D13EA66-AECF-4F80-A7F5-20641A777876-21109-00000348E8573A42.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Miso Sweet Potato and Broccoli Bowl</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://smittenkitchen.com/2013/10/miso-sweet-potato-and-broccoli-bowl/"> + <span itemprop="author">smittenkitchen.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> cup barley or spelt</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sweet potatoes (about 1.5 pounds)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large broccoli (about 1 pound)</p><p class="line" itemprop="recipeIngredient"><strong>1 to 2</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient">Coarse or kosher salt</p><p class="line" itemprop="recipeIngredient">Freshly ground black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon white sesame seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon black sesame seeds</p><p class="line" itemprop="recipeIngredient"><strong>For the miso-sesame dressing:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon minced fresh ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small garlic clove, minced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons white miso (the mildest kind)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons tahini (other nut butters can work in a pinch)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon honey</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons toasted sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat oven to 400 degrees. Place rice or grain and cooking liquid in a rice cooker or on the stove. Cook according to package directions.</p><p class="line">Peel sweet potatoes and cut into 1-inch cubes. Cut tops off broccoli and separate into bite-sized florets. If your broccoli stems feel especially woody, I like to peel them (with the same vegetable peeler), then cut them into 1/2- to 1-inch segments.</p><p class="line">Coat one large or two smaller trays with a thin slick of olive oil. Layer sweet potatoes on tray(s) and sprinkle with salt and pepper. Roast for 20 minutes, until browning underneath. Flip and toss chunks around, then add broccoli to the tray(s), season again with salt and pepper, and roast for another 10 to 20 minutes, until broccoli is lightly charred at edges and sweet potato is fully bronzed and tender. Toss chunks around one more time if it looks like they’re cooking unevenly.</p><p class="line">In a small skillet, toast black and white sesame seeds until fragrant. (You can do this in the oven if using an oven-proof skillet.) Let cool.</p><p class="line">While vegetables roast, prepare sesame-miso dressing: Combine everything in a blender and run until smooth, scraping down sides once. Taste and adjust ingredients if needed, but try to resist adding more honey if it tastes salty, as that extra pop of saltiness is exactly what I think sweet potato needs.</p><p class="line">Assemble bowls: Scoop some rice/grains into each, then pile on the roasted sweet potatoes and broccoli. Coat lightly with sesame-miso dressing and finish with toasted sesame seed duo. Serve with extra dressing on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html b/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html new file mode 100644 index 0000000..cfe16c5 --- /dev/null +++ b/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mixed Lentil Salad With Yoghurt Dressing</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">puy lentils</p><p class="line" itemprop="recipeIngredient">barley/spelt/rice</p><p class="line" itemprop="recipeIngredient">tomatoes</p><p class="line" itemprop="recipeIngredient">halloumi cheese</p><p class="line" itemprop="recipeIngredient">brocolli</p><p class="line" itemprop="recipeIngredient">parsley</p><p class="line" itemprop="recipeIngredient">yoghurt</p><p class="line" itemprop="recipeIngredient">lemon</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom And Potato Pie.html b/Recipes/Mushroom And Potato Pie.html new file mode 100644 index 0000000..24abb2b --- /dev/null +++ b/Recipes/Mushroom And Potato Pie.html @@ -0,0 +1,289 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/6FB87206-6E84-4355-A915-18136677A065/52C483D1-4B5F-4B40-A350-7712B29FEC45.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom And Potato Pie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong>g potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons olive or canola oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g brown mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon dried basil or 1 tablespoon basil pesto</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> teaspoon thyme</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g sour cream</p><p class="line" itemprop="recipeIngredient"><strong>1 or 2</strong> sheets puff pastry </p><p class="line" itemprop="recipeIngredient">milk or egg to glaze</p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Turn the oven on to preheat to 220°C.</p><p class="line">Scrub the potatoes, then cut them into 5mm slices. Place them in an oven bag or covered microwave dish and cook on full power for 10 minutes, stirring gently after 5 minutes. (Alternatively, boil the potato slices until just tender, handling them gently to avoid breaking them up.)</p><p class="line">Peel and slice the onion while the oil heats in a large frying pan. Add the onion and garlic and sauté until the onion is soft and turning clear. While the onion cooks, slice the mushrooms, then add these to the pan along with the herbs, salt and pepper.<br/>Cook, stirring frequently, until the mushrooms have wilted.</p><p class="line">While the oven heats, non-stick spray or lightly oil a 20 x 25cm (or round) casserole or deep pie dish. Arrange half of the potato slices evenly over the bottom of the dish, then cover this with the mushroom mixture and then the remaining potato slices. Stir together the sour cream and the remaining salt and pepper. Pour this mixture evenly over the potato-mushroom mixture.</p><p class="line">Roll out the pastry (if necessary), until it will cover the casse-role/pie dish. Lay the pastry gently over the filling mixture, trimming off any excess. Decorate the edge by patterning it with the tines of a fork and puncture the pastry at 5cm intervals over the surface. Brush with a little milk or beaten egg to glaze, then bake at 220°C for about 15 minutes until the pastry is golden brown.</p><p class="line">Serve with a salad or cooked vegetables and some crusty bread.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/6FB87206-6E84-4355-A915-18136677A065/3B05F08F-6E05-460D-8FC3-65516248054E.jpg', + src: 'Images/6FB87206-6E84-4355-A915-18136677A065/3B05F08F-6E05-460D-8FC3-65516248054E.jpg', + w: 2048.0, + h: 1536.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom Cannelloni.html b/Recipes/Mushroom Cannelloni.html new file mode 100644 index 0000000..dede557 --- /dev/null +++ b/Recipes/Mushroom Cannelloni.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/109386578.jpg?tr=w-800,h-1066"> + <img src="Images/E962CC13-2B90-40BC-B400-C589695D2CD1-21470-000003498CAB8ADD/C5AED04C-CA56-4571-90B3-F7CA86662B83-21470-000003498EEA3E51.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom Cannelloni</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 40 min</span> + + <b>Servings: </b><span itemprop="recipeYield">6 1 hour 40 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/mushroom-recipes/mushroom-cannelloni/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> small onions</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> leeks</p><p class="line" itemprop="recipeIngredient"><strong>750</strong> g chestnut mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>75</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre semi-skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>120</strong> g Cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g dried cannelloni tubes</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180°C/350°F/gas 4. Peel the onions and garlic, then pulse until very fine in a food processor. Tip into a large casserole pan on a medium-high heat with 1 tablespoon of olive oil. Trim, wash, pulse and add the leeks. Saving 2 mushrooms for later, pulse the rest and stir into the pan. Cook it all for 15 minutes, stirring regularly, then season to perfection and turn the heat off. Meanwhile, for the sauce, pour 3 tablespoons of oil into a separate pan on a medium heat. Whisk in the flour for 2 minutes, then gradually whisk in the milk. Simmer for 5 minutes, or until thickened, then grate in the cheese and season to perfection.Pour one third of the sauce into a 25cm x 30cm roasting tray. As soon as the filling is cool enough to work with, push both ends of each pasta tube into it to fill, lining them up in the tray as you go. Pour over the rest of the sauce, then finely slice the reserved mushrooms and use them to decorate the top. Drizzle with 1 tablespoon of oil and bake for 45 minutes, or until golden and cooked through.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 489 24%<br/>Fat 22.4g 32%<br/>Saturates 8g 40%<br/>Sugars 13g 14%<br/>Salt 0.7g 12%<br/>Protein 20.6g 41%<br/>Carbs 53g 20%<br/>Fibre 3.6g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom Chicken.html b/Recipes/Mushroom Chicken.html new file mode 100644 index 0000000..2151e73 --- /dev/null +++ b/Recipes/Mushroom Chicken.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://thecozycook.com/wp-content/uploads/2021/07/Mushroom-Chicken-1.0-500x634.jpg"> + <img src="Images/22F94A3F-248E-4721-90A3-B00E38976396/3EE70769-E100-4767-B7A7-2B2DC51B1450.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom Chicken</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">50 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Servings: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://thecozycook.com/mushroom-chicken/"> + <span itemprop="author">thecozycook.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong>g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp salted butter</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large boneless skinless chicken breasts</p><p class="line" itemprop="recipeIngredient">Salt/Pepper</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup all-purpose flour</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> tbsp olive oil</p><br/><p class="line" itemprop="recipeIngredient">Sauce</p><p class="line" itemprop="recipeIngredient"><strong>2 ½</strong> cups beef broth</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> chicken bouillon cube or 1 tsp better than bouillon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp soy sauce, can sub Worcestershire sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp onion powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp mustard powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp dried thyme</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup white wine</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cloves garlic, minced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp cornstarch</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup heavy cream</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Sauté mushrooms in butter over medium-high heat, 3-4 minutes per side.</p><p class="line">Slice the chicken into 2-3 thinner slices. Sprinkle lightly with salt/pepper and dredge in flour. Sear in olive oil for 4-5 minutes per side, until a golden crust has developed. Set aside.</p><p class="line">Add garlic and white wine to the same pot. “Clean” the pot with a silicone spatula. Reduce the liquid by half, about 4 minutes. Add beef broth, chicken bouillon, soy sauce, and seasonings. Bring to a gentle bubble and reduce for 10 minutes, uncovered.</p><p class="line">Keep the gentle boil going and slowly add a slurry made from cornstarch + cold water. Stir to incorporate. Once thickened, reduce heat to low and stir in the cream, then the mushrooms.</p><p class="line">Add the chicken back and spoon the sauce over it. Cover partially and heat for 5 minutes. Serve with mashed potatoes and roasted green beans or asparagus.</p><p class="line">Prep Work</p><p class="line">Combine beef broth, chicken bouillon, soy sauce, onion powder, mustard powder, and thyme. Set aside.</p><p class="line">Combine cornstarch with 3 Tablespoons of cold water in a sealable container and shake to combine. Set aside in a cool place.</p><p class="line">Gently rinse mushrooms and pat completely dry. Slice if needed.</p><p class="line">Slice the chicken into 2-3 thinner slices. Pound with a meat tenderizer if needed, the chicken will plump up more when cooked. Aim for ½ inch thick slices.</p><p class="line">Cook the Mushrooms</p><p class="line">Melt butter over medium-high heat and add the mushrooms. Allow them to brown on each side for 3-4 minutes, undisturbed. Sauté in batches if needed, leaving space around them will allow them to crisp up more. Add a little more butter and/or a splash of olive oil during cooking if needed. Remove once golden brown and set aside on a plate.</p><p class="line">Dredge/Sear the Chicken</p><p class="line">Lightly sprinkle each side of the chicken with salt and pepper. Dredge in flour and tap off excess.</p><p class="line">Heat olive oil in a large pan over medium-high heat. Add 3 pieces of chicken, leaving room around each. Sauté for 4-5 minutes per side, until a golden brown crust has developed. Remove and set aside. Repeat with the remaining 3 pieces of chicken.</p><p class="line">Pro Tips: Make slight adjustments to the heat, (up or down), as needed during cooking. Add an additional splash of olive oil if needed throughout cooking. Try to leave the chicken undisturbed as it cooks to get a nice crusty sear.</p><p class="line">Deglaze the Pan</p><p class="line">Turn the heat off and remove any excess oil, but leave the brown bits in the pan. (This is called “fond” and will give the sauce plenty of flavor.)</p><p class="line">Add the white wine and the garlic and set heat to medium. Use a silicone spatula to “clean” the bottom of the pot. Let it bubble gently until reduced by half, about 4 minutes.</p><p class="line">Finish the Sauce</p><p class="line">Add the beef broth mixture and increase heat slightly to bring to a gentle boil. Let it bubble and reduce for 10 minutes.</p><p class="line">Shake the reserved cornstarch mixture and slowly add it to the bubbling sauce, stirring continuously, until incorporated. The sauce will thicken pretty quickly. Reduce heat to low.</p><p class="line">Slowly add in the cream, stirring continuously. Add the mushrooms.</p><p class="line">Add the chicken back to the pot along with any juices from the plate. Spoon the sauce on top. Cover partially and let the chicken heat through for 5 minutes or so. Serve with mashed potatoes or Buttered Noodles and roasted green beans or asparagus.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Pinot Grigio or Chardonnay make good wine choices in this recipe. Marsala wine can also be used.</p><p>Wine Substitute: 1/2 Cup chicken broth and 1 Tbsp. butter can be used instead of white wine if needed.</p><p>The mushrooms are cooked separately in this recipe and are mixed into the sauce at the end. This lets them release some of their water, concentrate their flavor, and give them a nice golden color.</p><p>To control the sodium in this recipe, consider using unsalted butter, reduced or no sodium broth, and low sodium soy sauce.</p><p>The nutritional information assumes that all of the flour is used but there will likely be some leftover.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 414kcal, Carbohydrates: 23g, Protein: 18g, Fat: 26g, Saturated Fat: 10g, Polyunsaturated Fat: 2g, Monounsaturated Fat: 12g, Trans Fat: 1g, Cholesterol: 78mg, Sodium: 704mg, Potassium: 599mg, Fiber: 1g, Sugar: 2g, Vitamin A: 490IU, Vitamin C: 3mg, Calcium: 44mg, Iron: 2mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom Halloumi Skewers.html b/Recipes/Mushroom Halloumi Skewers.html new file mode 100644 index 0000000..ea25c30 --- /dev/null +++ b/Recipes/Mushroom Halloumi Skewers.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom Halloumi Skewers</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">halloumi</p><p class="line" itemprop="recipeIngredient"><strong>21</strong> button mushooms</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom Stroganoff.html b/Recipes/Mushroom Stroganoff.html new file mode 100644 index 0000000..e44c731 --- /dev/null +++ b/Recipes/Mushroom Stroganoff.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/94741160.jpg?tr=w-800,h-1066"> + <img src="Images/7F7DE4DF-2C5A-43A5-9CD2-A5CCC880F0A1-21470-00000349C406CEBC/FC7AAA0B-02F2-478A-9041-60EDDA9B2260-21470-00000349C6361F41.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom Stroganoff</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">20 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 20 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/mushroom-recipes/mushroom-stroganoff/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong> g mixed mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> silverskin pickled onions</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cornichons</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sprigs of fresh flat-leaf parsley</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon baby capers</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> ml whisky</p><p class="line" itemprop="recipeIngredient">smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>80</strong> g half-fat crème fraîche</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Get all the prep done before you start cooking: trim the mushrooms, tearing up any larger ones and leaving any smaller ones whole, peel and finely slice the red onion and garlic, and finely slice the pickled onions and cornichons. Pick and roughly chop the parsley leaves, finely chopping the stalks. Place a large non-stick frying pan over a high heat, throw in the mushrooms and red onions, shake into one layer, then dry-fry for 5 minutes (this will bring out the nutty flavour), stirring regularly. Drizzle in 1 tablespoon of oil, then add the garlic, pickled onions, cornichons, parsley stalks and capers. After 3 minutes, pour in the whisky, tilt the pan to carefully flame, or light with a long match (watch your eyebrows!), and, once the flames subside, add ¼ of a teaspoon of paprika, the crème fraîche and parsley, then toss together. Loosen with a splash of boiling water to a saucy consistency, and season to taste with sea salt and black pepper.Divide between plates, sprinkle over a little paprika, and serve with fluffy rice.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 251 13%<br/>Fat 13.9g 20%<br/>Saturates 5.2g 26%<br/>Sugars 7.9g 9%<br/>Salt 0.8g 13%<br/>Protein 6.7g 13%<br/>Carbs 11.9g 5%<br/>Fibre 4.3g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom Toad-In-The-Hole.html b/Recipes/Mushroom Toad-In-The-Hole.html new file mode 100644 index 0000000..8358319 --- /dev/null +++ b/Recipes/Mushroom Toad-In-The-Hole.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/109469637.jpg?tr=w-800,h-1066"> + <img src="Images/46473E3F-D7D5-49CB-A724-F6A4C396F99E-21109-00000348B3718843/18D1F8D1-BC17-406C-82ED-327DFF52A981-21109-00000348B59379E6.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom Toad-In-The-Hole</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 1 hour 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/mushroom-recipes/mushroom-toad-in-the-hole/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>4</strong> free-range large eggs</p><p class="line" itemprop="recipeIngredient"><strong>175</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>175</strong> ml whole milk</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large portobello mushrooms</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> onions</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sprigs of rosemary</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> ml smooth porter</p><p class="line" itemprop="recipeIngredient">red wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 200°C/400°F/gas 6. Whisk the eggs, 150g of flour, a pinch of sea salt, the milk and 2 tablespoons of water into a smooth batter, then put aside. Peel the mushrooms, saving the peelings. Place the mushrooms cap side down in a large non-stick roasting tray, drizzle with 1 tablespoon of olive oil and season with salt and black pepper. Roast for 30 minutes. Meanwhile, for the gravy, peel the onions and finely slice with the mushroom peelings, then place in a pan on a medium-low heat with 2 tablespoons of oil. Strip in half the rosemary and cook for 15 minutes, or until dark and gnarly, stirring occasionally. Add the porter and 2 tablespoons of red wine vinegar and let it reduce by half, then stir in the remaining flour. Gradually add 700ml of water, stirring regularly, then simmer to the consistency of your liking and season to perfection. Peel and finely slice the garlic, pick the remaining rosemary, then drizzle and rub it all with a little oil. Remove the tray from the oven and put the mushrooms on a plate for a moment. Working quickly but carefully, pour the batter into the tray, sit the mushrooms towards the centre, then sprinkle over the oiled garlic and rosemary. Return to the oven for 25 minutes, or until puffed up and golden. Serve with the gravy.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 410 21%<br/>Fat 18.8g 27%<br/>Saturates 4.3g 22%<br/>Sugars 9.1g 10%<br/>Salt 1.3g 22%<br/>Protein 15.5g 31%<br/>Carbs 45.2g 17%<br/>Fibre 3.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Mushroom and Spinach Spelteree.html b/Recipes/Mushroom and Spinach Spelteree.html new file mode 100644 index 0000000..2446dc7 --- /dev/null +++ b/Recipes/Mushroom and Spinach Spelteree.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/55757AD0-B695-48F5-9724-56DA01596DC3-5288-000000F7EB600F55.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Mushroom and Spinach Spelteree</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3-4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Much More Veg pg. 134</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>125</strong> g pearled spelt (or pearl barley)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp cumin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp coriander seeds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp ginger</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red or green chilli</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> ml coconut milk</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g baby spinach or chard</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient">Coriander</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/B803DE30-C04B-4D81-8351-0B5E5410147B-5288-000000F7E644539B.jpg', + src: 'Images/E356247E-A3AA-445B-A190-78967875407D-5288-000000F606175408/B803DE30-C04B-4D81-8351-0B5E5410147B-5288-000000F7E644539B.jpg', + w: 624.0, + h: 798.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/My Nan's Lemon Drizzle Cake.html b/Recipes/My Nan's Lemon Drizzle Cake.html new file mode 100644 index 0000000..dc7fe33 --- /dev/null +++ b/Recipes/My Nan's Lemon Drizzle Cake.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/358_1_1439303571.jpg?tr=w-800,h-1066"> + <img src="Images/7D30874E-3FE7-40FD-929B-AE11FB17224D/F369AE55-2161-47C6-ABBC-077CB6795427.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">My Nan's Lemon Drizzle Cake</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Dessert</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">50 min</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 8 cooks in 50 minutes plus cooling time</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/fruit-recipes/my-nan-s-lemon-drizzle-cake/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>FOR THE CAKE:</strong></p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g unsalted butter , softened</p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>180</strong> g ground almonds</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> g poppy seeds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> lemons , zest and juice of</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> g self-raising flour , sifted</p><p class="line" itemprop="recipeIngredient"><strong>FOR THE LEMON SYRUP:</strong></p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>90</strong> g lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>FOR THE LEMON ICING:</strong></p><p class="line" itemprop="recipeIngredient"><strong>225</strong> g icing sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon , zest and juice of</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180ºC/350ºF/gas 4. Grease and line the bottom and sides of a 20cm springform cake tin with greaseproof paper.</p><p class="line">Using an electric whisk, beat the butter with the caster sugar until light and creamy. Add the eggs one by one, beating each in well. Fold in your ground almonds, poppy seeds, the lemon zest and juice and the sifted flour. Spoon the mix into the prepared cake tin and bake in the preheated oven for 40 minutes or until lightly golden. You can check to see if the cake is cooked by poking a cocktail stick right into the sponge. Remove it after 5 seconds and if it comes out clean the cake is cooked; if slightly sticky it needs a little longer, so put it back in the oven. Allow the cake to cool on a rack.</p><p class="line">Make your lemon syrup by heating the sugar and lemon juice in a pan until the sugar has dissolved. While your cake is still warm, make lots of little holes in the top with a cocktail stick and pour your syrup over.</p><p class="line">To make your icing, sift the icing sugar into a bowl and add the lemon zest and juice, stirring until smooth. When your cake is almost cool, put it on a serving plate and pour the icing carefully over the top. If you pour it on to the middle of the cake, then let gravity disperse the icing down the sides, you get the ‘drizzle’ effect! Give it a helping hand with a spoon if you want.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 284 14%<br/>Fat 14.1g 20%<br/>Saturates 4.6g 23%<br/>Sugars 27.0g 30%<br/>Protein 5.7g 11%<br/>Carbs 32.4g 12%</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/My Tasty Recipe.html b/Recipes/My Tasty Recipe.html new file mode 100644 index 0000000..0ce6c19 --- /dev/null +++ b/Recipes/My Tasty Recipe.html @@ -0,0 +1,227 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">My Tasty Recipe</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + <p itemprop="recipeCategory" class="categories">Dinner, Holiday</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">4-6 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="http://www.google.com"> + <span itemprop="author">Food Network</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1/2</strong> lb meat</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> lb vegetables</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cups flour</p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Mix things together.<br/>Eat.<br/>Tasty.<br/>Yum yum yum.<br/></p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>This is delicious!!!<br/></p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>500 calories</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/My Veggie Pasties.html b/Recipes/My Veggie Pasties.html new file mode 100644 index 0000000..51dcafb --- /dev/null +++ b/Recipes/My Veggie Pasties.html @@ -0,0 +1,228 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/92507774.jpg?tr=w-800,h-1066"> + <img src="Images/4762D410-3AAD-44E3-AD3D-A9464E9B4286-21109-000003462A85779F/EE1D6F33-C7E4-4246-8F2B-47F01E1FF144-21109-000003462D4E808F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">My Veggie Pasties</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 45 min</span> + + <b>Servings: </b><span itemprop="recipeYield">8 1 hour 45 minutes plus chilling</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/mushroom-recipes/my-veggie-pasties/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong> g mixed mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g strong flour , plus extra for dusting</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g unsalted butter , (cold)</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g swede</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch of dried rosemary</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large free-range egg</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p><strong>Bake from frozen at 200ºC (180ºC fan) for 40 minutes</strong> (<em>270 gram pastie</em>)</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Tear the mushrooms into a bowl, scatter over 15g of sea salt (most of this will drain away later) and scrunch together, then leave for 30 minutes, scrunching occasionally.</p><p class="line">Tip the flour into a bowl with a pinch of salt, then chop and rub in the butter. </p><p class="line">Make a well in the middle, slowly pour in 200ml of cold water, then mix, pat and bring it together. </p><p class="line">Wrap in clingfilm and chill in the fridge for 1 hour.</p><p class="line">After 30 minutes the mushrooms should feel quite soggy, so squeeze firmly to remove as much salty liquid as you can (the mushrooms should end up weighing around 400g). </p><p class="line">Peel the swede, potatoes and onion and slice into small pieces, roughly the same size and thickness as a pound coin. </p><p class="line">Mix the veg with the mushrooms, then add the rosemary and a few generous pinches of black pepper.</p><p class="line">Preheat the oven to 180°C/350°F/gas 4. </p><p class="line">Divide the pastry into 8, then roll out into 20cm rounds on a clean flour-dusted surface. </p><p class="line">Divide up the filling, then scrunch and pile it to one side of the middle, leaving a 2.5cm gap around the edges. </p><p class="line">Lightly brush the exposed pastry with beaten egg, fold over and press the edges down, then twist and crimp with your fingers and thumbs to seal. </p><p class="line">Eggwash, then place on a lined baking sheet and bake for 40 minutes, or until golden.</p><p class="line">Serve with a watercress and apple salad and a dollop of English mustard.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 516 26%<br/>Fat 37.8g 54%<br/>Saturates 16.6g 83%<br/>Sugars 4g 4%<br/>Salt 1.1g 18%<br/>Protein 9.6g 19%<br/>Carbs 60.8g 23%<br/>Fibre 4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Nachos.html b/Recipes/Nachos.html new file mode 100644 index 0000000..5cdfd9c --- /dev/null +++ b/Recipes/Nachos.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/0F81B26A-5B66-4B37-BAEC-FFBE4C3F030B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Nachos</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">nacho chips</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> cubes bean mix</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, or pickled red onions</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup greek yoghurt</p><p class="line" itemprop="recipeIngredient">iceberg lettuce</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/13871C74-DF4F-416E-911A-D597BB8584AB.jpg', + src: 'Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/13871C74-DF4F-416E-911A-D597BB8584AB.jpg', + w: 500.0, + h: 281.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Nadiya’s French Apple Tart.html b/Recipes/Nadiya’s French Apple Tart.html new file mode 100644 index 0000000..1c2e4a9 --- /dev/null +++ b/Recipes/Nadiya’s French Apple Tart.html @@ -0,0 +1,284 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/CA3B80C3-14C8-4081-920C-79F655FFAA5C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Nadiya’s French Apple Tart</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Nadiya’s Bake me a Story pg.132</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>175</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g icing sugar</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g unsalted butter </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg yolk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> tbsp apricot jam</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> unwaxed lemon</p><p class="line" itemprop="recipeIngredient"><strong>225</strong>g red apples</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>900</strong>g cooking apples</p><br/><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/4F361FFA-3E19-4CF2-A777-6C257436F2E8.jpg', + src: 'Images/AEFF8645-8B81-49D1-89BF-C76DF240D45F/4F361FFA-3E19-4CF2-A777-6C257436F2E8.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Nadiya’s Pea And Mint Risotto.html b/Recipes/Nadiya’s Pea And Mint Risotto.html new file mode 100644 index 0000000..1b4b6de --- /dev/null +++ b/Recipes/Nadiya’s Pea And Mint Risotto.html @@ -0,0 +1,291 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/5131A744-8D9A-47FB-A374-4522978EF987/6688F057-C74E-4BDD-8C34-D6A57EEDCD47.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Nadiya’s Pea And Mint Risotto</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Nadiya’s Bake me a Story pg.122</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>50</strong>g salted butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>350</strong>g risotto rice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> ml white wine</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g parmesan cheese </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch of mint</p><p class="line" itemprop="recipeIngredient">olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Melt the butter in a wide pan over a medium heat, then turn down the heat to<br/>low, add the onion and cook for about 10 minutes. Stir frequently, until the<br/>onions are really soft but not browned.<br/>While the onions are cooking, place half the frozen peas in the bowl of a food<br/>processor with a splash of water and blitz until smooth.<br/>Add the rice and salt to the onion, increase the heat to high and toast the rice in<br/>the butter for 1 minute, then pour in the grape juice<br/>and stir until the liquid is completely absorbed.<br/>Reduce the heat to medium and add the hot<br/>stock a ladleful at a time, stirring between<br/>each addition until the liquid is absorbed.<br/>Repeat the process until the stock is<br/>finished. This can take up to 30 minutes.<br/>Stir in the puréed peas, the remaining<br/>whole peas and the Parmesan, reduce<br/>the heat to low and cook, stirring, for a<br/>further 10 minutes, until the whole peas<br/>are cooked.<br/>Serve sprinkled with fresh mint and<br/>drizzled with lashings of olive oil.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/5131A744-8D9A-47FB-A374-4522978EF987/8A447591-0E78-4911-9450-4417283495A2.jpg', + src: 'Images/5131A744-8D9A-47FB-A374-4522978EF987/8A447591-0E78-4911-9450-4417283495A2.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html b/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html new file mode 100644 index 0000000..c0d94f1 --- /dev/null +++ b/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html @@ -0,0 +1,210 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.vietworldkitchen.com/wp-content/uploads/2022/09/no-churn-cinnamon-ginger-ice-cream-tall.jpg"> + <img src="Images/6DEC5DF2-E2DD-4D5C-8028-B08AC83038E9/36DC8ED9-0996-4344-B75F-67179727D105.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">No-Churn Cinnamon-Ginger Ice Cream</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Servings: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.vietworldkitchen.com/blog/2022/09/no-churn-cinnamon-ginger-ice-cream.html"> + <span itemprop="author">vietworldkitchen.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup plus 1 tablespoon full-fat sweetened condensed milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon cinnamon, preferably Royal Cinnamon, plus more as needed</p><p class="line" itemprop="recipeIngredient"><strong>⅛</strong> teaspoon fine sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> teaspoons vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup heavy whipping cream</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup finely chopped candied ginger (see Note)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">In a small saucepan, stir together the condensed milk, cinnamon, and salt. Taste to make sure there is moderate flavor of cinnamon; if not, add cinnamon by the ⅛ to ¼ teaspoon. The finished ice cream will taste stronger of cinnamon so don’t go for big flavor now.</p><p class="line">Set the pan over medium-low heat, stirring with a silicon spatula to warm the condensed milk and meld flavors; the milk should not bubble or boil so this warming should take about 1 minute. Remove from the heat and scrape the mixture into a medium bowl. (Or, in a medium microwavable bowl, combine the condensed milk, cinnamon, and salt. Microwave in 15 to 30-second blasts, stirring in between blasts.) Partly cover and set the base aside to cool to room temperature.</p><p class="line">Pour the whipping cream into the base and stir to combine well. Using an electric handheld mixer fitted with two beaters or a whisk attachment, whip the mixture at medium speed for 2 to 3 minutes, until you get a firm, spreadable texture like fluffy whipped cream or frosting.</p><p class="line">If you like, use a spatula to gently stir in the ginger (or chocolate). Transfer to a 3- to 4-cup storage container, cover, and freeze until firm, 5 to 6 hours, or up to 2 weeks.</p><p class="line">Let the ice cream sit at room temperature for 10 to 15 minutes to soften to a scoopable texture before serving.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Nut Butter Balls.html b/Recipes/Nut Butter Balls.html new file mode 100644 index 0000000..9ba1cda --- /dev/null +++ b/Recipes/Nut Butter Balls.html @@ -0,0 +1,285 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/6D51F5DB-FAC5-4B11-9C5B-E0057622B1A2.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Nut Butter Balls</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>15</strong> soft dates, pitted </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp coconut oil </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp peanut butter </p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g / 1/2 cup rolled oats </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp desiccated coconut </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp cacao powder </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch sea salt </p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Add the ingredients to a food processor and mix until everything comes together into a sticky dough. Roll 20-25 small balls between the palms of your hand. Cover them in chopped hazelnuts or coconut. If it doesn’t stick, you can dip each ball in cold water before covering them with the nuts. Store in the fridge while preparing the other snack platter ingredients. </p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg', + src: 'Images/9F0B9B6C-DE5F-4362-9776-DC3F80350E65/49DA38B1-1EB6-4D18-A45F-ABF09E842DA9.jpg', + w: 800.0, + h: 1198.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Nutty Quinoa With Chicken, Roasted Carrots & Spinach.html b/Recipes/Nutty Quinoa With Chicken, Roasted Carrots & Spinach.html new file mode 100644 index 0000000..2d5795c --- /dev/null +++ b/Recipes/Nutty Quinoa With Chicken, Roasted Carrots & Spinach.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Nutty Quinoa With Chicken, Roasted Carrots & Spinach</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> x chicken breasts</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> x carrots</p><p class="line" itemprop="recipeIngredient">english spinach</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Olive Oil Pastry.html b/Recipes/Olive Oil Pastry.html new file mode 100644 index 0000000..655e573 --- /dev/null +++ b/Recipes/Olive Oil Pastry.html @@ -0,0 +1,206 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Olive Oil Pastry</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">2 hrs, 15 min</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">The Cook’s Companion. Pg. 921</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tbsp extra-virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup cold water</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Tgis pastry is for the <a href="Silverbeet And Potato Torte.html">Silverbeet And Potato Torte</a>. It is a delight to work with and can be used to make other savoury vegetable tortes.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">To make the pastry, whizz flour and salt in a food processor.</p><p class="line">Drizzle in oil and then water.</p><p class="line">Process for about 1 minute until mixture forms a ball. Transfer to a floured work surface and knead for 2-3 minutes until supple and smooth.</p><p class="line">Put into a bowl, cover with a clean tea towel and refrigerate for 2 hours.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Omelette with Mushrooms.html b/Recipes/Omelette with Mushrooms.html new file mode 100644 index 0000000..72d9bf2 --- /dev/null +++ b/Recipes/Omelette with Mushrooms.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/366_1_1436868647.jpg?tr=w-800,h-1066"> + <img src="Images/58A40608-02E0-4192-95BE-A319F66CD41B/8B501B9D-0702-4A97-9E46-0321D1717E0A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Omelette with Mushrooms</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">10 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/eggs-recipes/omelette/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">BASIC OMELETTE</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small knob of unsalted butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of grated Cheddar cheese , (optional)</p><br/><p class="line" itemprop="recipeIngredient">OPTIONAL: TOMATO & BASIL OMELETTE</p><p class="line" itemprop="recipeIngredient"><strong>2 or 3</strong> sprigs of fresh basil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of cherry tomatoes</p><p class="line" itemprop="recipeIngredient">olive oil</p><br/><p class="line" itemprop="recipeIngredient">OPTIONAL: MUSHROOM OMELETTE</p><p class="line" itemprop="recipeIngredient"><strong>2 or 3</strong> field-type mushrooms</p><p class="line" itemprop="recipeIngredient">olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For a basic omelette, crack the eggs into a mixing bowl with a pinch of sea salt and black pepper. Beat well with a fork.Heat a small knob of butter in a small frying pan on a low heat, and once melted and bubbling, add the eggs and move the pan around to spread them out evenly. When the omelette begins to cook and firm up, but still has a little raw egg on top, sprinkle over the cheese (if using). I sometimes grate mine directly on to the omelette.Using a spatula, ease around the edges of the omelette, then fold it over in half. When it starts to turn golden brown underneath, remove the pan from the heat and slide the omelette on to a plate.For a tomato and basil omelette, pick and roughly tear the basil leaves. Chop the tomatoes in half, then add to a hot frying pan with a small knob of butter, a drizzle of oil and a pinch of salt and pepper. Fry and toss around for 1 minute, then turn the heat down to medium and sprinkle over the basil leaves. Add the eggs and move the pan around to spread them out evenly. Continue as for the basic omelette.For a mushroom omelette, quarter or roughly chop the mushrooms and add to a hot frying pan with a small knob of butter, a drizzle of oil and a pinch of salt and pepper. Fry and toss around until golden, then turn the heat down to medium. Add the eggs and move the pan around to spread them out evenly. When the omelette begins to cook and firm up, but still has a little raw egg on top, sprinkle over the Cheddar. Continue as for the basic omelette.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 321 16%<br/>Fat 27.6g 39%<br/>Saturates 12.5g 63%<br/>Sugars 0.1g 0%<br/>Salt 1.7g 28%<br/>Protein 19.4g 39%<br/>Carbs 0.1g 0%<br/>Fibre 0g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Orange, Avocado and Cucumber Salad.html b/Recipes/Orange, Avocado and Cucumber Salad.html new file mode 100644 index 0000000..72ca553 --- /dev/null +++ b/Recipes/Orange, Avocado and Cucumber Salad.html @@ -0,0 +1,292 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/94B5663A-81E1-4027-AA24-87918ABED75E/24E38FD4-8B5D-4E18-95AB-C930938F8197.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Orange, Avocado and Cucumber Salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Little Foodie pg. 126</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cucumber</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> orange or 2 mandarins</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/94B5663A-81E1-4027-AA24-87918ABED75E/5B9E7DBA-C7CB-4F93-890B-D6B838629B34.jpg', + src: 'Images/94B5663A-81E1-4027-AA24-87918ABED75E/5B9E7DBA-C7CB-4F93-890B-D6B838629B34.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/94B5663A-81E1-4027-AA24-87918ABED75E/82FF38F0-72D3-4FE1-ACDF-715A3635DA34.jpg', + src: 'Images/94B5663A-81E1-4027-AA24-87918ABED75E/82FF38F0-72D3-4FE1-ACDF-715A3635DA34.jpg', + w: 2048.0, + h: 1477.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Oven-baked Chips.html b/Recipes/Oven-baked Chips.html new file mode 100644 index 0000000..80dc6fc --- /dev/null +++ b/Recipes/Oven-baked Chips.html @@ -0,0 +1,199 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Oven-baked Chips</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">25 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>600</strong>g white potatoes</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">salt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 220°C/200°C (fan)</p><p class="line">Cut the potatoes (skin on) into chips and add them to a baking tray with a drizzle of oil and a pinch of salt.</p><p class="line">Put the tray in the oven for 25-20 minutes or until crisp.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Parmesan Brussels Sprouts.html b/Recipes/Parmesan Brussels Sprouts.html new file mode 100644 index 0000000..57b8e19 --- /dev/null +++ b/Recipes/Parmesan Brussels Sprouts.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/1PvseTEXa-yACJicgf8e09.jpg?tr=w-800,h-1066"> + <img src="Images/59C03A58-ED32-4A86-9BF4-8A5EE66D774F-21109-00000347605A0E10/A3FABC1F-1749-43AC-A45B-0D9E0A22AD33-21109-000003476381F5E0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Parmesan Brussels Sprouts</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">8 as a side 30 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/parmesan-brussels-sprouts/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> kg Brussels sprouts</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tablespoons freshly grated Parmesan , or vegetarian hard cheese</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 220ºC/gas 7.Trim and halve the brussels sprouts, then place on a large baking tray. Add the oil, grate over the lemon zest, then sprinkle with the chilli flakes and a pinch of sea salt and black pepper. Mix with your hands to coat.Roast in the oven for 10 minutes – the sprouts should start to caramelise in places; when that happens, scatter over the Parmesan and roast for a further 15 minutes, until the cheese is crisp and golden brown, and the sprouts tender.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 149 7%<br/>Fat 8.7g 12%<br/>Saturates 3.6g 18%<br/>Sugars 4g 4%<br/>Protein 9.7g 19%<br/>Carbs 5.3g 2%</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html b/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html new file mode 100644 index 0000000..ab56a78 --- /dev/null +++ b/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html @@ -0,0 +1,214 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.wsj.net/im-747940"> + <img src="Images/E5EDD07F-DFFD-4AA8-81F6-341D6C65587F/ADC92551-2163-4352-9939-72FB33E11D85.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pasta E Ceci (Pasta and Chickpea Soup)</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">1 hr 30 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">1 hour 30 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.wsj.com/articles/rachel-roddy-interview-pasta-pro-tips-from-a-roman-kitchen-8264e59d?cx_testId=3&cx_testVariant=cx_176&cx_artPos=4&mod=WTRN%23cxrecs_s"> + <span itemprop="author">wsj.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> (15-ounce) cans chickpeas</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> tablespoons extra-virgin olive oil, plus more to serve</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stalk celery, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small potato, peeled and diced (optional)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sprig fresh rosemary</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon tomato paste</p><p class="line" itemprop="recipeIngredient">Small pinch red pepper flakes (optional)</p><p class="line" itemprop="recipeIngredient"><strong>5½</strong> cups water</p><p class="line" itemprop="recipeIngredient">Kosher salt and freshly ground black pepper</p><p class="line" itemprop="recipeIngredient">Parmesan rind (optional)</p><p class="line" itemprop="recipeIngredient"><strong>7</strong> ounces fresh lagane pasta or dried broken tagliatelle</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Drain and rinse chickpeas. In a large heavy-bottomed pan over medium-low heat, warm olive oil, add onions and celery, and cook gently until soft and fragrant, about 5 minutes.</p><p class="line">Add potato, if using, rosemary, tomato paste and red pepper flakes, stir, and cook for a minute before adding chickpeas. Add water, salt and Parmesan rind, if using. Increase heat to medium-high, bring to a boil, then reduce to a simmer and cook 25 minutes.</p><p class="line">Remove half the soup from the pan and either blend it or pass it through a food mill. Return blended soup to pan.</p><p class="line">Remove Parmesan rind and discard. Taste and adjust salt as needed. Set pan over medium-high heat and bring soup to a steady but moderate boil. Add pasta and cook, stirring, until pasta is tender, adding a little more water if necessary. Taste to check the seasoning and season with black pepper. Serve with a little more olive oil poured over the top.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pasta E Fagioli.html b/Recipes/Pasta E Fagioli.html new file mode 100644 index 0000000..089cd5d --- /dev/null +++ b/Recipes/Pasta E Fagioli.html @@ -0,0 +1,314 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/6E2A4212-0789-4D39-BC5B-26C4AE6ECAF6-22499-0000036577B22031.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pasta E Fagioli</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">1:00</span> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.abc.net.au/everyday/pasta-e-fagioli-with-beans-and-rosemary-recipe/11124472"> + <span itemprop="author">abc.net.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>100</strong>ml extra virgin olive oil, plus extra to serve</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> golden shallots (or 1 brown onion), finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stick celery, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small carrot, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves garlic, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Tbsp rosemary, roughly chopped</p><p class="line" itemprop="recipeIngredient">Pinch dried chilli flakes (optional), plus extra to serve</p><p class="line" itemprop="recipeIngredient"><strong>480</strong>g cooked borlotti beans (from 2 x 400g tins), drained and rinsed</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>ml passata (tomato puree)</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>ml (2 cups) vegetable stock, chicken stock or water</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> parmesan rind (optional)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g short pasta such as tubettoni, ditalini or mezzi rigatoni</p><p class="line" itemprop="recipeIngredient">Sea salt</p><p class="line" itemprop="recipeIngredient">Parmesan cheese, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Warm the olive oil in a large pot over a low-medium heat. Add in the shallots, celery and carrot with a pinch of salt and gently sweat them until very soft and just beginning to colour, about 10 minutes. Stir occasionally to avoid the vegetables burning. Now add the garlic, rosemary and chilli flakes if using and cook for another few minutes until fragrant. Add in the beans and passata and stir to combine everything together. Increase the heat to high and pour in the stock. If you're adding in a parmesan rind, drop this into the soup now too. Bring to the boil then reduce to a simmer and cook for 10 minutes, stirring occasionally.</p><p class="line">2. Take out half of the soup (avoiding the parmesan rind) and blitz in a food processor until smooth. This will add creaminess to your soup and give your pasta something to hang onto. Return the pureed soup to the pot and stir to reincorporate it back in. Alternatively use a stick blender and blitz some of the soup directly in the pot. The soup should still be quite loose as we're going to add in the pasta next, so if it seems too thick, add some extra stock or water.</p><p class="line">3. Add the pasta to the soup, increase the heat to medium so that the soup is simmering gently and cook until the soup is thick and the pasta is al dente (around 10 minutes), stirring occasionally. The soup should be thick but not dry, so add in some more stock or water if you need to, remembering that the pasta will continue to soak up liquid even once off the heat. The exact timing of this final step will depend on how large or small your pasta is. Small shapes like ditalini should only take around 8 minutes but larger or more robust shapes can take up to 15 minutes. Begin testing for doneness at around 7-10 minutes. Discard the parmesan rind and season to taste. Ladle the soup into bowls, drizzle with olive oil and top with a scattering of grated parmesan and a sprinkle of chilli flakes, if desired.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><span uid="CC4A2F75-CDC0-48FA-9183-F69613F0F039" class="image-border image-box"><img src="Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg" alt="2" class="inline-image photoswipe" /></span></p><p>Nutrition Facts<br/>Servings: 6<br/>Amount per serving <br/>Calories 556<br/>% Daily Value*<br/>Total Fat 18g 23%<br/>Saturated Fat 2.7g 13%<br/>Cholesterol 30mg 10%<br/>Sodium 34mg 1%<br/>Total Carbohydrate 77.2g 28%<br/>Dietary Fiber 21.5g 77%<br/>Total Sugars 2.4g <br/>Protein 24.4g <br/>Vitamin D 0mcg 0%<br/>Calcium 131mg 10%<br/>Iron 6mg 32%<br/>Potassium 1242mg 26%</p><br/><p></p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/D4091CAD-4277-4D7B-9F18-0DA6918F4680-22499-000003656DE47B28.jpg', + src: 'Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/D4091CAD-4277-4D7B-9F18-0DA6918F4680-22499-000003656DE47B28.jpg', + w: 862.0, + h: 485.0, + title: '1' + }, + + { + msrc: 'Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg', + src: 'Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Pasta Pie.html b/Recipes/Pasta Pie.html new file mode 100644 index 0000000..e26b175 --- /dev/null +++ b/Recipes/Pasta Pie.html @@ -0,0 +1,288 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/08708EBB-1D30-4736-9D1C-B83FDAC38D76-13068-0000042DD29DB2E5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pasta Pie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Pasta: Every Way for Every Day pg.39</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cans plum tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g wholemeal pasta</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mozzarella</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g baby spinach</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/CAD02DE0-1302-48EF-914B-9023061D628B-13068-0000042D3DA55416.jpg', + src: 'Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/CAD02DE0-1302-48EF-914B-9023061D628B-13068-0000042D3DA55416.jpg', + w: 2048.0, + h: 1536.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html b/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html new file mode 100644 index 0000000..9fbf1d0 --- /dev/null +++ b/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.deliciousmagazine.co.uk/wp-content/uploads/2014/08/sweetcorn-pasta-768x960.jpg"> + <img src="Images/97F96D7F-BD1E-44A2-BD57-A2FEE4AFE28C-21470-0000034C27FF81C7/448E66CA-F519-454F-8CE4-EE1274DC0314-21470-0000034C2AE9C1FB.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pasta with Sweetcorn, Ricotta and Basil</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">20 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.deliciousmagazine.co.uk/recipes/pasta-with-sweetcorn-ricotta-and-basil/"> + <span itemprop="author">deliciousmagazine.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong>g orecchiette pasta</p><p class="line" itemprop="recipeIngredient">Olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient">Zest and juice of 1 lemon</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g sweetcorn kernels</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g ricotta</p><p class="line" itemprop="recipeIngredient">Large bunch fresh basil</p><p class="line" itemprop="recipeIngredient">Grating of parmesan or vegetarian alternative</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Bring a large saucepan of salted water to the boil. Cook the pasta according to the pack instructions. Meanwhile, heat a little olive oil in a large frying pan, then crush in the garlic and fry for 30 seconds. Add the lemon zest and the sweetcorn and heat through. Remove the pan from the heat and stir in the ricotta. Season well and add the juice of 1/2 lemon or to taste.</p><p class="line">Shred most of a large bunch of fresh basil, reserving a few leaves, then mix into the corn and ricotta sauce. Drain the pasta, reserving 3 tbsp of the cooking water, then return to the pan. Add the reserved water to the sauce, then pour it over the pasta and gently toss. Scatter over the remaining basil leaves and a grating of parmesan or vegetarian alternative to serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 541kcals<br/>Fat: 13.7g (5.9g saturated)<br/>Protein: 21.7g<br/>Carbohydrates: 84.1g (4.6g sugars)<br/>Fibre: 5.4g<br/>Salt: 0.3g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pea Pasta (Macaroni Peas).html b/Recipes/Pea Pasta (Macaroni Peas).html new file mode 100644 index 0000000..b5effe8 --- /dev/null +++ b/Recipes/Pea Pasta (Macaroni Peas).html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/CFCEE661-3D63-4401-B0F8-0FBFBD2E7F08-58438-0000077738347603.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pea Pasta (Macaroni Peas)</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>500</strong>g peas (fresh or frozen) or petits pois</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g orecchiette pasta</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g Parmesan</p><p class="line" itemprop="recipeIngredient">Sea salt and freshly ground black pepper</p><p class="line" itemprop="recipeIngredient">Shredded basil or flat-leaf parsley, to serve (optional)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/7E830C6E-A233-453D-BF11-3E4B8DCE5795-58438-0000077732AE414E.jpg', + src: 'Images/3C9F01D4-E9FD-4D04-B5E4-7EC4791388D0-58438-00000776291D4360/7E830C6E-A233-453D-BF11-3E4B8DCE5795-58438-0000077732AE414E.jpg', + w: 619.0, + h: 660.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Pea speltotto with lemon and hazelnuts.html b/Recipes/Pea speltotto with lemon and hazelnuts.html new file mode 100644 index 0000000..9ac2d39 --- /dev/null +++ b/Recipes/Pea speltotto with lemon and hazelnuts.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/F9FD45AF-10BE-4C5A-81D6-55FD31E2A922.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pea speltotto with lemon and hazelnuts</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="4">★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Much More Veg</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>75</strong>g hazelnuts (skin on or off)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive or rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> garlic cloves, sliced</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g pearled spelt or pearl barley</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g frozen petits pois</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>ml hot veg stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large lemon</p><p class="line" itemprop="recipeIngredient">sea salt</p><p class="line" itemprop="recipeIngredient">black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/23D8F4B1-7637-4299-BDF4-4C50D33BA84C.jpg', + src: 'Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/23D8F4B1-7637-4299-BDF4-4C50D33BA84C.jpg', + w: 828.0, + h: 800.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Peanut Tofu Buddha Bowl.html b/Recipes/Peanut Tofu Buddha Bowl.html new file mode 100644 index 0000000..468e64d --- /dev/null +++ b/Recipes/Peanut Tofu Buddha Bowl.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.delishknowledge.com/wp-content/uploads/Peanut-Tofu-Buddha-Bowl1-768x1114.jpg"> + <img src="Images/021CD34A-B07D-47F8-BA8E-DE501A4E36DC-21470-00000351F45A842F/D6D1DC1A-34F6-4BCC-918E-32EC27878604-21470-00000351F67665DE.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Peanut Tofu Buddha Bowl</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">20 minutes cook time:</span> + + <b>Servings: </b><span itemprop="recipeYield">4 bowls</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.delishknowledge.com/peanut-tofu-buddha-bowl/"> + <span itemprop="author">delishknowledge.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">Tofu Buddha Bowl</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups cooked brown rice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cups shredded carrots</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups spinach leaves</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups broccoli florets</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons olive oil or additional sesame oil, divided</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup chickpeas (drained and rinsed, if using canned)</p><p class="line" itemprop="recipeIngredient">salt/pepper</p><p class="line" itemprop="recipeIngredient"><strong>16</strong> oz extra firm tofu, pressed and drained</p><p class="line" itemprop="recipeIngredient">Peanut sauce</p><p class="line" itemprop="recipeIngredient"><strong>1–2</strong> tablespoons toasted sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup low sodium soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup 100% pure maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons chili garlic sauce</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup creamy or crunchy peanut butter</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 400 degrees F. Cube tofu and place in a single layer on a non-stick baking sheet and cook for 25 minutes. If you aren’t using a non-stick baking sheet, lightly spray with cooking spray. Remove from oven and place in a shallow bowl.</p><p class="line">Whisk together the ingredients for the sauce (sesame oil, soy sauce, maple syrup, chili garlic sauce, peanut butter) until creamy and smooth. Add 1/2 of the sauce to the tofu bowl and let marinate while you prepare the rest of the ingredients.</p><p class="line">Toss the broccoli with 1 teaspoon sesame or olive oil and a pinch of salt and pepper. Place in the oven and roast for 20 minutes until just tender.</p><p class="line">Heat remaining olive or sesame oil in a large nonstick skillet over medium heat. Add tofu, in batches, along with the marinating sauce until crispy and golden browned, about 3-4 minutes.</p><p class="line">To assemble, divide the brown rice among 4 bowls, top each bowl with 1/4 cup shredded carrots, 1/2 cup spinach leaves, 1/4th broccoli, 1/4 cup garbanzo beans and a few pieces of tofu. Drizzle with remaining peanut sauce.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pear Tart Tatin.html b/Recipes/Pear Tart Tatin.html new file mode 100644 index 0000000..01cc9c2 --- /dev/null +++ b/Recipes/Pear Tart Tatin.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/1127_17_1436871969.jpg?tr=w-325,h-433"> + <img src="Images/EED2B0B2-9D3B-470E-B50C-4B4AF5043B64/150775E9-0424-49DA-AA1E-89EE58500554.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pear Tart Tatin</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">1 hr 20 min</span> + + <b>Servings: </b><span itemprop="recipeYield">6 1 hour 20 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/fruit-recipes/pear-tart-tatin/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>125</strong> g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>40</strong> g unsalted butter , (cold)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon ground ginger</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> large pears</p><p class="line" itemprop="recipeIngredient"><strong>375</strong> g all-butter puff pastry</p><p class="line" itemprop="recipeIngredient">double cream , to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 200°C/400°F/gas 6. Put a 21cm-diameter frying pan with an ovenproof handle on a hob over a medium heat. Add the sugar and heat to a lovely caramel colour, stirring constantly. Chop the butter into cubes, then add to the pan with the ginger and cinnamon, and stir to combine. Peel and core the pears, cut into wedges, then place in the caramel and spoon over the mixture. Turn the heat down and cook for 5 to 10 minutes, or until the pears are just tender and cooked but retain their shape. Remove from the heat and cool slightly, then arrange the pears prettily in the pan. Roll out the pastry to about 5mm thick and cut a disc slightly bigger than your pan (about 24cm). Carefully place the pastry disc on top of the pears and caramel, then carefully tuck it snugly around the outside of the pears and down into the sides of the pan. Bake the pie for 30 to 40 minutes, or until the pastry is golden brown and puffed up.Remove from the oven and leave for 10 minutes. Run a knife around the edge, place a large plate over the top and carefully turn the tart onto the plate. Serve with double cream.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 405 20%<br/>Fat 20g 29%<br/>Saturates 10.5g 53%<br/>Sugars 31.2g 35%<br/>Protein 4g 8%<br/>Carbs 55g 21%</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pita Bread.html b/Recipes/Pita Bread.html new file mode 100644 index 0000000..ed3ada8 --- /dev/null +++ b/Recipes/Pita Bread.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pita Bread</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp fast action dried yeast</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp caster sugar </p><p class="line" itemprop="recipeIngredient"><strong>750</strong> g plain flour</p><p class="line" itemprop="recipeIngredient">skim milk powder</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pizza Dough.html b/Recipes/Pizza Dough.html new file mode 100644 index 0000000..605d8e6 --- /dev/null +++ b/Recipes/Pizza Dough.html @@ -0,0 +1,295 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/FD44FC40-D0AC-44CF-9F0D-C7A9ACB6B02D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pizza Dough</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">1 hr, 30 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage everyday</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>For the pizza dough:</strong></p><br/><p class="line" itemprop="recipeIngredient"><strong>250</strong>g plain white flour</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g strong white flour</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g fine sea salt</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g dried or fast-action yeast</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons rapeseed or olive oil</p><p class="line" itemprop="recipeIngredient">Cornmeal, or fine polenta or semolina, for dusting (optional)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">To make the dough, combine the flours and salt in a large bowl.</p><p class="line">If you're using ordinary dried yeast, dissolve it in 325ml warm water and leave for 10 minutes or so. </p><p class="line">If you're using fast-action yeast, mix it straight into the flour. </p><p class="line">Add the yeast liquid or 325ml warm water and oil to the flour, mix to form a rough dough, then turn out on to a lightly floured surface and knead for about 10 minutes, until silky and elastic. </p><p class="line">Don't be tempted to add too much extra flour, even if the dough seems sticky - it will become less so as you knead.</p><p class="line">Put the dough in a lightly oiled bowl, turning it so it gets a coating of oil, cover with cling film and leave to rise in a warm place until doubled in size; this will probably take at least an hour.</p><p class="line">Preheat the oven to 250°C/Gas Mark 10, or as high as it will go, and put 2 baking sheets in it to heat up.</p><p class="line">Punch the risen dough down with your hands to knock it back on a floured surface and cut it into 4 or 5 pieces.</p><p class="line">Use a rolling pin or your hands (or both), to roll and stretch each piece into a thin circle or square, or a strange, amoeba-type shape, whichever you prefer; it should be no more than 5mm thick - thinner if you can get away with it.</p><p class="line">Carefully take one of your hot baking sheets from the oven, scatter it with a little flour or, even better, some cornmeal, polenta or semolina, and lay the pizza base on it.</p><p class="line">Bake for 10-12 minutes, until the base is crisp and golden brown at the edges.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/8C49F72F-1243-4643-BD48-3910A1CE4D37.jpg', + src: 'Images/74F75A54-7D31-432E-8C8F-C49617EFFA79/8C49F72F-1243-4643-BD48-3910A1CE4D37.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Poached Chicken.html b/Recipes/Poached Chicken.html new file mode 100644 index 0000000..c4f7828 --- /dev/null +++ b/Recipes/Poached Chicken.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.spendwithpennies.com/wp-content/uploads/2018/02/How-to-Poach-Chicken-Breasts-24-133x200.jpg"> + <img src="Images/2CDE29AB-0242-498E-A4BC-2D26F26B2214/894C2989-0E63-48C3-8AE0-6958F845CFF5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Poached Chicken</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">2 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Servings 2 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.spendwithpennies.com/how-to-make-poached-chicken/"> + <span itemprop="author">spendwithpennies.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong>g chicken breasts (2 breasts)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon peppercorn</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large onion slices</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sprig each of thyme</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sprig of rosemary</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sprig of parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient">chicken broth</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Place chicken, herbs, peppercorn, garlic, onion and bay leaf in a shallow pan.</p><p class="line">Pour in enough broth to cover chicken about ½ way.</p><p class="line">Bring to a boil, then reduce heat and simmer uncovered for 5 minutes.</p><p class="line">Turn off heat, cover and allow to rest for 15 minutes.</p><p class="line">Slice or shred chicken and reserve broth for use in recipes or to serve with chicken.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 136, Carbohydrates: 1g, Protein: 24g, Fat: 3g, Cholesterol: 72mg, Sodium: 131mg, Potassium: 447mg, Vitamin A: 35IU, Vitamin C: 1.8mg, Calcium: 15mg, Iron: 0.6mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Polenta with Sicilian Tomato Sauce.html b/Recipes/Polenta with Sicilian Tomato Sauce.html new file mode 100644 index 0000000..6371348 --- /dev/null +++ b/Recipes/Polenta with Sicilian Tomato Sauce.html @@ -0,0 +1,300 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/559DD1E3-D90C-4CB3-AD00-C660BF6405B0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Polenta with Sicilian Tomato Sauce</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> litre water</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient"><strong>175</strong>g polenta</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g unsalted butter</p><p class="line" itemprop="recipeIngredient">olive oil for frying</p><p class="line" itemprop="recipeIngredient">grated parmesan</p><p class="line" itemprop="recipeIngredient">basil</p><br/><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chilli, seeded and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>450</strong>g plum tomatoes, seeded and chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp capers</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>115</strong> g kalamata olives</p><br/><br/><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Traditionally polenta is peasant food - hearty and rustic.</p><p>However, it has now become an elegant and fashionable dish, toasted or fried in good olive oil or butter. You can serve it either way in this recipe, soft or fried, with a piquant fresh tomato and chilli sauce. </p><p>To make soft polenta decadently rich and wonderful, stir in some mascarpone, sliced Taleggio or crumbled gorgonzola cheese before serving.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Make the polenta: bring the water and salt to the boil in a large saucepan. Add the polenta gradually in a thin, steady stream, whisking all the time. Reduce the heat as low as it will go and continue stirring the polenta with a wooden spoon until it is thick and smooth and has absorbed all the liquid. This takes about 15-20 minutes.</p><p class="line">2. When the polenta leaves the sides of the pan clean, stir in the butter. You can serve the polenta like this - all fluffed up like mashed potato, adding some grated cheese and black pepper, if wished, or you can pour it into an oiled tin and leave to cool. When cold, cut into squares and fry in olive oil or butter until crisp and golden.</p><p class="line">3. To make the tomato sauce, heat the olive oil and gently sweat the onion and garlic until soft. Add the chilli and cook for 2 minutes. Stir in the tomatoes, capers, pine nuts and olives and simmer gently, uncovered, for 30 minutes, until reduced and thickened. Stir in the torn basil leaves and season.</p><p class="line">4. Serve the sauce with the polenta, sprinkled with some freshly grated Parmesan cheese and garnish with more basil.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/A4EB2729-8B26-454B-A9B4-E7A1ED41042E.jpg', + src: 'Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/A4EB2729-8B26-454B-A9B4-E7A1ED41042E.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/355FC163-D56A-46B2-B38F-9A715972C3B5.jpg', + src: 'Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/355FC163-D56A-46B2-B38F-9A715972C3B5.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Polish Brekkie.html b/Recipes/Polish Brekkie.html new file mode 100644 index 0000000..a636b48 --- /dev/null +++ b/Recipes/Polish Brekkie.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Polish Brekkie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">sourdough</p><p class="line" itemprop="recipeIngredient">tomato</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient">white cheese</p><p class="line" itemprop="recipeIngredient">chives</p><p class="line" itemprop="recipeIngredient">perello olives</p><p class="line" itemprop="recipeIngredient">small red onion</p><p class="line" itemprop="recipeIngredient">sausages</p><p class="line" itemprop="recipeIngredient">german salami</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Polish Salad.html b/Recipes/Polish Salad.html new file mode 100644 index 0000000..508a078 --- /dev/null +++ b/Recipes/Polish Salad.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Polish Salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">whole egg mayonnaise</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> granny smith apples</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> potatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> gherkins</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Polish Sorrel Soup with Boiled Egg.html b/Recipes/Polish Sorrel Soup with Boiled Egg.html new file mode 100644 index 0000000..6157ff6 --- /dev/null +++ b/Recipes/Polish Sorrel Soup with Boiled Egg.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.polonist.com/wp-content/uploads/2019/05/Polish-Sorrel-Soup-Szczawiowa2-430x430-320x320.jpg"> + <img src="Images/AC2F7056-571A-4173-927F-84FC7A5E71D7/30BC167A-982E-43A2-A146-44A1BFD4E0FD.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Polish Sorrel Soup with Boiled Egg</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Yield: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.polonist.com/polish-sorrel-soup-szczawiowa/"> + <span itemprop="author">polonist.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">SOUP</p><p class="line" itemprop="recipeIngredient"><strong>34</strong> fl oz (1 litre) chicken stock; can replace with any meat-based stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> bunches (approx. 14 oz, 400 g) fresh sorrel leaves</p><p class="line" itemprop="recipeIngredient"><strong>0.5</strong> bunch (approx. 3.5 oz, 100 g) fresh nettle leaves; can replace with spinach</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> tablespoon butter</p><p class="line" itemprop="recipeIngredient">pinch of salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon lemon juice</p><p class="line" itemprop="recipeIngredient">pinch of black pepper</p><p class="line" itemprop="recipeIngredient">pinch of sugar</p><p class="line" itemprop="recipeIngredient"><strong>3.5</strong> fl oz (100 ml) of sour cream; 12-18% fat</p><p class="line" itemprop="recipeIngredient">GARNISH</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> medium eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoon of lemon zest; grated or cut into strips</p><p class="line" itemprop="recipeIngredient">fresh thyme; optional</p><p class="line" itemprop="recipeIngredient">fried bacon strips; optional</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Start warming up the chicken stock (we will need it soon).</p><p class="line">Wash all the leaves (both sorrel and nettle), dry them and then chop roughly.</p><p class="line">Peel the onion and dice it finely.</p><p class="line">In a pan, heat the butter and sauté the onion for a little while. Add in the leaves.</p><p class="line">Salt lightly, mix together with a spatula and stew under cover for around 3-5 minutes.</p><p class="line">Pour the hot chicken stock in and cook for 10 minutes.</p><p class="line">Chill it down for a bit, then blend it with a blender and then press it through a strainer. I left a one-fifth of the leaves unblended for more texture. Return to the pan.</p><p class="line">Salt lightly, add the lemon juice, salt and sugar.</p><p class="line">Add sour cream and heat the soup to the desired temperature.</p><p class="line">Serve with boiled egg (halved), fresh thyme and thin strips of zest.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Total Fat: 16g Saturated Fat: 7g<br/>Trans Fat: 0g Unsaturated Fat: 7g<br/>Cholesterol: 196mg Sodium: 500mg<br/>Carbohydrates: 13g Fiber: 0g Sugar: 6g<br/>Protein: 13g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Portobello Paprikash with Spaetzle.html b/Recipes/Portobello Paprikash with Spaetzle.html new file mode 100644 index 0000000..80394c6 --- /dev/null +++ b/Recipes/Portobello Paprikash with Spaetzle.html @@ -0,0 +1,219 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://thefoodiephysician.com/wp-content/uploads/2012/03/IMG_3232.jpg"> + <img src="Images/9A64DBE6-AA2D-4D34-93E3-FC00AC5C66CB-21109-00000347E1E3E914/C579A723-603D-49DA-B562-3026201036D2-21109-00000347E838008F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Portobello Paprikash with Spaetzle</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Servings: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://thefoodiephysician.com/dining-with-doc-portobello-paprikash/"> + <span itemprop="author">thefoodiephysician.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cloves garlic, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large Portobello mushroom caps, sliced ½-inch thick</p><p class="line" itemprop="recipeIngredient">Kosher salt and black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon sweet Hungarian paprika</p><p class="line" itemprop="recipeIngredient"><strong>1/8- ¼</strong> teaspoon cayenne pepper</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons flour (I use white whole wheat)</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup red wine</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> plum tomatoes, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>2/3</strong> cup vegetable or chicken stock</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup reduced fat sour cream</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup chopped parsley, divided use</p><p class="line" itemprop="recipeIngredient"><strong>Spaetzle:</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> tablespoons skim or low fat milk</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon salt</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> teaspoon nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup flour (I use a mixture of white whole wheat and all purpose flour)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon chopped parsley (optional)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">To make the paprikash, heat the oil in a large skillet over medium heat and add the onion. Sauté until tender, 5-6 minutes. Add the garlic and cook another minute until fragrant. Turn the heat up to medium high and add the mushroom slices. Season them with salt and pepper. Cook 2-3 minutes until they start to soften, stirring frequently.</p><p class="line">Add the paprika, cayenne and flour and stir to combine. Add the wine to the skillet and cook until it is reduced by half. Add the tomatoes, tomato paste and stock and simmer 6-8 minutes until the mushrooms are cooked and sauce is thickened. Season the sauce with salt and pepper. Turn the heat down to low and stir in the sour cream and 3 tablespoons parsley. Cook another minute until heated through but do not let the sauce come to a boil. Serve the paprikash on a bed of spaetzle and garnish with the remaining tablespoon of parsley.</p><p class="line">To make the spaetzle, mix the eggs and milk together in a large bowl. Add the salt, nutmeg and flour and stir together to form a thick, smooth batter. Let the batter rest for 10 minutes.</p><p class="line">Meanwhile, bring a large pot of salted water to a boil then reduce to a simmer. Hold a large-holed colander or slotted spoon over the water and pour some of the spaetzle batter into the colander. Push the batter through the holes with a spatula.</p><p class="line">Let the spaetzle cook 3-4 minutes then remove them from the water with a slotted spoon. Repeat with the remaining batter.</p><p class="line">Toss the cooked spaetzle with parsley, if desired.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 355 kcal<br/>Saturated Fat 4.2g<br/>Carbohydrates 45.5g<br/>Fiber 7.1g<br/>Protein 14.6g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Pumpkin Pie Pancakes.html b/Recipes/Pumpkin Pie Pancakes.html new file mode 100644 index 0000000..1259ca4 --- /dev/null +++ b/Recipes/Pumpkin Pie Pancakes.html @@ -0,0 +1,287 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/76D4BD19-C047-46FA-86D0-53C021F7A77F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Pumpkin Pie Pancakes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>75</strong>g butternut squash, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium eggs, beaten</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg white</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>ml skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g protein powder, vanilla or unflavoured</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g maple syrup</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Put the butternut squash into a small bowl with 2 tbsp of water, cover and microwave for 3 minutes until soft. Leave to cool slightly then put into a liquidiser with the eggs and milk and blend until smooth.</p><p class="line"><strong>Step 2</strong><br/>Combine the flour, protein powder, baking powder and spices in a large bowl and make a well in the centre. Add the egg mixture and whisk until smooth.</p><p class="line"><strong>Step 3</strong><br/>Melt the oil in a non-stick frying pan over a medium-low heat then pour in large spoonfuls of the batter. Cook for 2-3 minutes until bubbles start to form on the surface of the batter, then flip and cook for a further 1-2 minutes. Transfer to a plate, top with a little more nutmeg and serve with the maple syrup.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/8AD044C6-A139-4D0B-AD37-6C4F87507A09.jpg', + src: 'Images/50AD3E0D-C302-468C-8307-F3B2613E1F28/8AD044C6-A139-4D0B-AD37-6C4F87507A09.jpg', + w: 656.0, + h: 666.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Put The Lentil in The Coconut.html b/Recipes/Put The Lentil in The Coconut.html new file mode 100644 index 0000000..a3861b1 --- /dev/null +++ b/Recipes/Put The Lentil in The Coconut.html @@ -0,0 +1,305 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/A0D5AE5B-A487-45E2-B4DF-891254819A22.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Put The Lentil in The Coconut</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="4">★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 min</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> yellow onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp grated ginger</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sweet potato</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup red lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon mild yellow curry powder</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> cups vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup coconut milk</p><p class="line" itemprop="recipeIngredient">naan bread</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Wowzers! This coconut curried lentil purée is good! I made it for my baby, but ate it for my own lunch instead-right out of the blender. I'm talking seriously yummy here.</p><p>This earthy vegetarian purée is loaded with fiber, iron, and protein, and can be served smooth or chunky.</p><p>I like to introduce it as a smooth purée, then reserve some of the lentils from the pot, adding them back in after I blend the rest of the ingredients for some additional thickness.</p><p>Serve with toasted pita and a sprinkle of cilantro for a more grown-up meal.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">In a medium saucepan, heat the olive oil over<br/>medium heat.</p><p class="line">Cook the onion for 5 minutes or until translucent. Add the ginger and stir for 1 minute.</p><p class="line">Add the carrots, sweet potato, lentils, curry powder, and vegetable stock to the saucepan. Bring to a boil and cook, covered, for 15 to 20 minutes or until all the vegetables are tender, stirring occasionally. Let cool slightly.</p><p class="line">Transfer all the ingredients into a blender.<br/>Add the coconut milk and purée until you reach your desired consistency.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p><strong>TIP</strong> The key ingredient in most curry spice blends? Turmeric! Golden, peppery, and warm, turmeric and its main active component curcumin offer numerous health benefits.</p><p>As a potent anti-inflammatory, turmeric assists in reducing pain and disease in every system of the body, including the digestive system, heart, lungs, and brain.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/FCCEEA00-2C57-4C80-BD31-F5FFB685EA36.jpg', + src: 'Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/FCCEEA00-2C57-4C80-BD31-F5FFB685EA36.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Puy Lentil And Spinach Soup.html b/Recipes/Puy Lentil And Spinach Soup.html new file mode 100644 index 0000000..faf5676 --- /dev/null +++ b/Recipes/Puy Lentil And Spinach Soup.html @@ -0,0 +1,302 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/BFFA214F-E278-4C72-9BE2-5B7D08AB3C86.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Puy Lentil And Spinach Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + <p itemprop="recipeCategory" class="categories">Soup</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 min</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> shallots, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, finely chopped</p><p class="line" itemprop="recipeIngredient">A few sprigs of thyme, leaves only, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tomatoes, cored, deseeded and diced</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g Puy lentils, rinsed</p><p class="line" itemprop="recipeIngredient"><strong>1.3</strong> litres vegetable stock</p><p class="line" itemprop="recipeIngredient">A small bunch of parsley, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient">Sea salt and freshly ground black pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tablespoons extra virgin olive or rapeseed oil</p><p class="line" itemprop="recipeIngredient">Parmesan, hard goat's cheese or other well-flavoured hard cheese (optional)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Earthy, nutty Puy lentils and a generous quantity of garlic give this simple soup a hearty and satisfying depth of flavour.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil over a medium-low heat in a large saucepan. Add the shallots or onion, carrot and thyme and sauté gently for 5 minutes.<br/>Add the garlic and tomatoes and sauté for a further minute.</p><p class="line">Tip in the lentils, stir, then add the stock and a little salt and pepper.<br/>Bring the soup to the boil, reduce the heat and simmer for about 25 minutes, or until the lentils are tender. Add the parsley and spinach and simmer for a further 5 minutes.</p><p class="line">Check the seasoning, then spoon into warmed bowls, trickle over a little oil and shave over some cheese, if you like.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/B0C6667B-7871-4C82-87EC-D59448F11DD3.jpg', + src: 'Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/B0C6667B-7871-4C82-87EC-D59448F11DD3.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Puy Lentil Salad with Soy Beans, Sugar Snap Peas & Broccoli + Poached Eggs.html b/Recipes/Puy Lentil Salad with Soy Beans, Sugar Snap Peas & Broccoli + Poached Eggs.html new file mode 100644 index 0000000..7c4817a --- /dev/null +++ b/Recipes/Puy Lentil Salad with Soy Beans, Sugar Snap Peas & Broccoli + Poached Eggs.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/recipe-image-legacy-id-47332_10-1272916.jpg?quality=90&resize=440,400"> + <img src="Images/4C349C53-5D69-4B43-B599-2F76775FB721-21109-00000346455327C6/FDFBE00D-D78D-432F-855F-CBE1BF74EA2B-21109-00000346481CB39B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Puy Lentil Salad with Soy Beans, Sugar Snap Peas & Broccoli + Poached Eggs</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/puy-lentil-salad-soy-beans-sugar-snap-peas-broccoli"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g Puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong>l hot vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g tenderstem broccoli</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>g frozen soya bean</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>g sugarsnap peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chilli , deseeded and sliced</p><br/><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove , chopped</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>ml soy sauce</p><p class="line" itemprop="recipeIngredient">ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp clear honey</p><br/><p class="line" itemprop="recipeIngredient"><strong>3</strong> eggs</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Boil lentils in stock until just cooked, about 15 mins. Drain, then tip into a large bowl. Bring a saucepan of salted water to the boil, throw in the broccoli for 1 min, add the beans and peas for 1 min more. Drain, then cool under cold water. Pat dry, then add to the bowl with the lentils.</p><p class="line">Mix together the dressing ingredients with some seasoning. Pour over the lentils and veg, then mix in well with the chopped chilli. Pile onto a serving platter or divide between 4 plates and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Puy Lentils with Smoked Tofu.html b/Recipes/Puy Lentils with Smoked Tofu.html new file mode 100644 index 0000000..377e3ef --- /dev/null +++ b/Recipes/Puy Lentils with Smoked Tofu.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/lentils_1-8e7c85c.jpg?quality=90&resize=440,400"> + <img src="Images/229DD102-1AF6-4AAC-8D80-0882E9834832-21470-000003524338CF8E/BDC1331A-84CF-40B8-88FB-DB785C100406-21470-0000035244EF795D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Puy Lentils with Smoked Tofu</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">5 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/puy-lentils-smoked-tofu"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong>-cal oil spray</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large courgette , finely diced</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g smoked tofu , finely diced</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> tbsp balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g sachet cooked puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion , finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium roasted red pepper from a jar (not in oil), about 85g, sliced</p><p class="line" itemprop="recipeIngredient">good handful pea shoots or rocket</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Spray a non-stick pan with 3 sprays of oil and add the courgettes, tofu and smoked paprika. Cook for a few mins to soften the courgettes. Stir in the balsamic vinegar and allow to sizzle and reduce.</p><p class="line">Meanwhile, tip the lentils, onion and pepper into a bowl and toss gently to break up any clumps of lentils. Add the tofu and courgettes, and toss again. Will keep for 2 days in the fridge. Scatter over the pea shoots just before serving.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html b/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html new file mode 100644 index 0000000..fa07566 --- /dev/null +++ b/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html @@ -0,0 +1,285 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/8AC03595-8F4C-413C-917E-3181A8763339/8D3798AD-3147-4311-A8C7-0A9B2C4D1555.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Quick Pumpkin and Ricotta Pancakes with Green Beans</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g roast squash, skin on</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs, separated</p><p class="line" itemprop="recipeIngredient"><strong>175</strong>g ricotta</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful fresh herbs, such as mint, parsley, chives, basil or coriander</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions, finely sliced</p><p class="line" itemprop="recipeIngredient">Zest of half a lemon</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> red chilli, deseeded and finely chopped</p><p class="line" itemprop="recipeIngredient">Salt and black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> knob butter</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g green beans</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Remove and discard the skin from the roast squash and put the flesh in a large bowl. Lightly mash with a fork, then mix in the egg yolks, ricotta, flour, baking powder, herbs, spring onions, lemon zest, chilli and salt and pepper, until everything is combined but leaving a few chunks of squash.<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>In another bowl, and with a clean whisk, whisk the egg whites to stiff peaks, then carefully fold them into the squash mix, until fully combined, but not overmixed.<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>Heat a little butter in a nonstick frying pan and, once hot, add a large spoonful of the mixture per pancake. Cook for one to two minutes on each side, until golden and fluffy. Serve with rocket and a herb oil, if you like.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/8AC03595-8F4C-413C-917E-3181A8763339/37FEEDD0-41E2-42CE-97C6-46585B0B837E.jpg', + src: 'Images/8AC03595-8F4C-413C-917E-3181A8763339/37FEEDD0-41E2-42CE-97C6-46585B0B837E.jpg', + w: 828.0, + h: 846.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Quorn Garlic and Mushroom Escalopes.html b/Recipes/Quorn Garlic and Mushroom Escalopes.html new file mode 100644 index 0000000..4268b7e --- /dev/null +++ b/Recipes/Quorn Garlic and Mushroom Escalopes.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/0969F4E4-B338-4A8C-A050-35F43F34D9E5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Quorn Garlic and Mushroom Escalopes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">Quorn Frozen Garlic and Mushroom Escalopes</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/FE2F35F9-2DCA-4417-BD30-7DFB74B61D6D.jpg', + src: 'Images/CCDC63F6-240B-421C-B3E1-F053AC53EDCF/FE2F35F9-2DCA-4417-BD30-7DFB74B61D6D.jpg', + w: 828.0, + h: 834.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Red Lentil, Chickpea & Chilli Soup.html b/Recipes/Red Lentil, Chickpea & Chilli Soup.html new file mode 100644 index 0000000..34aaf8a --- /dev/null +++ b/Recipes/Red Lentil, Chickpea & Chilli Soup.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/recipe-image-legacy-id-265545_11-90c5919.jpg?quality=90&resize=440,400"> + <img src="Images/284A94AF-79DD-4CBC-AA09-7BC01CD5FB0D-21109-00000347809F02F5/46F9008C-0F9A-4B44-8884-691B67706BFA-21109-00000347848DFC5F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Red Lentil, Chickpea & Chilli Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">25 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/red-lentil-chickpea-chilli-soup"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp cumin seeds</p><p class="line" itemprop="recipeIngredient">large pinch chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>g red split lentils</p><p class="line" itemprop="recipeIngredient"><strong>850</strong>ml vegetable stock or water</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can tomatoes, whole or chopped</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g can chickpeas or ½ a can, drained and rinsed (freeze leftovers)</p><p class="line" itemprop="recipeIngredient">small bunch coriander, roughly chopped (save a few leaves, to serve)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp 0% Greek yogurt, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat a large saucepan and dry-fry 2 tsp cumin seeds and a large pinch of chilli flakes for 1 min, or until they start to jump around the pan and release their aromas.</p><p class="line">Add 1 tbsp olive oil and 1 chopped red onion, and cook for 5 mins.</p><p class="line">Stir in 140g red split lentils, 850ml vegetable stock or water and a 400g can tomatoes, then bring to the boil. Simmer for 15 mins until the lentils have softened.</p><p class="line">Whizz the soup with a stick blender or in a food processor until it is a rough purée, pour back into the pan and add a 200g can drained and rinsed chickpeas.</p><p class="line">Heat gently, season well and stir in a small bunch of chopped coriander, reserving a few leaves to serve. Finish with 4 tbsp 0% Greek yogurt and extra coriander leaves.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Rhubarb & stem ginger fool.html b/Recipes/Rhubarb & stem ginger fool.html new file mode 100644 index 0000000..559f102 --- /dev/null +++ b/Recipes/Rhubarb & stem ginger fool.html @@ -0,0 +1,300 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/D89758C9-9504-433A-B13E-F3FCF3440771.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Rhubarb & stem ginger fool</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">One Pot, Plan, Planet (pg. 208)</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>FOR THE RHUBARB</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> stems rhubarb, thinly sliced (see below for alternatives)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> heaped tbsp caster sugar</p><br/><p class="line" itemprop="recipeIngredient"><strong>FOR THE FOOL</strong></p><p class="line" itemprop="recipeIngredient"><strong>300</strong>ml double cream or vegan cream</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>ml thick Greek or coconut yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> balls stem ginger, 4 finely chopped, 2 thinly sliced, plus 1 tablespoon of syrup from the jar</p><p class="line" itemprop="recipeIngredient">the zest of ½ unwaxed lemon</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This fool, spiked with ginger, is so light and pillowy, and so pleasingly neon. I find it hard to think of a dessert I'd rather eat. The rhubarb brings a welcome sharpness and pop of bright pink. Vegan cream may not whip to soft peaks - just whip it as much as you can.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">In a pan, cook the rhubarb and sugar for 2 minutes, until the juices turn the sugar into a pink syrup but the rhubarb still holds its crunch.</p><p class="line">Set aside to cool in the pan for 20 minutes.</p><p class="line">Whip the cream or vegan cream a little shy of soft peaks, then fold in the yoghurt. Add the finely chopped ginger and stir it through with the ginger syrup and lemon zest.</p><p class="line">When it has cooled, stir half the cooked rhubarb into the cream.</p><p class="line">Top the dessert with the thinly sliced ginger and the rest of the rhubarb.</p><p class="line"><strong>Seasonal variations</strong><br/>- Strawberries, raw, sliced<br/>- Raspberries, raw, crushed<br/>- Pear, raw, thinly sliced<br/>- Plums, cooked with a little sugar<br/>- Gooseberries, cooked with a little sugar</p><p class="line">You can adjust the amount of sugar to the sweetness of your fruit.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/2F74C9C8-361D-4BAA-ADF7-4A3A83DB937D.jpg', + src: 'Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/2F74C9C8-361D-4BAA-ADF7-4A3A83DB937D.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Rhubarb Ice Cream Sandwiches.html b/Recipes/Rhubarb Ice Cream Sandwiches.html new file mode 100644 index 0000000..76879ac --- /dev/null +++ b/Recipes/Rhubarb Ice Cream Sandwiches.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://greenkitchenstories.com/wp-content/uploads/2017/05/Rhubarb_Ice_Cream_Sandwiches_4-800x1200.jpg"> + <img src="Images/36BC5812-51F1-452E-8DEF-E47B5AD10FFA/63FEE9EB-0211-4116-8333-95B709D78C56.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Rhubarb Ice Cream Sandwiches</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Dessert</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">10</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://greenkitchenstories.com/rhubarb-ice-cream-sandwiches/"> + <span itemprop="author">greenkitchenstories.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>For the Rhubarb & Strawberry Jam</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups / 200 g rhubarb, washed and trimmed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup / 150 g strawberries, washed and trimmed</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp freshly grated ginger</p><p class="line" itemprop="recipeIngredient">a pinch vanilla powder</p><br/><p class="line" itemprop="recipeIngredient"><strong>For the Raw Hazelnut Wafer</strong></p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cup / 200 g hazelnuts</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup / 50 g rolled oats or oat flour</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp cacao powder</p><p class="line" itemprop="recipeIngredient">a pinch sea salt</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>16</strong> soft dates (7 oz / 200 g), pitted</p><br/><p class="line" itemprop="recipeIngredient"><strong>For the Rhubarb Ice Cream</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup / 250 g quark cheese (or strained greek yogurt)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup / 250 g mascarpone (or more quark cheese)</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> tbsp maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup / 250 ml Rhubarb & Strawberry Jam (see recipe above)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Start by making the jam. Slice rhubarb and strawberries thinly and add them to a sauce pan together with the rest of the jam ingredients. Cook on low heat for approx. 20 minutes until soft. Use a hand blender to mix it if you prefer it smooth, or leave it chunky. Let cool entirely. Meanwhile, prepare the raw hazelnut wafer.</p><p class="line">Add hazelnuts, rolled oats, cacao powder and salt to a food processor and mix thoroughly until the texture resembles sand. Pour into a separate bowl. Add dates and coconut oil to the food processor and mix into a paste. Pour the mixed nuts back and pulse everything until it’s combined into a dough. Roll it into a log and divide into two equal halves. Use a pen to copy the exact size of the baking dish onto a baking paper, then roll out one of the wafer dough halves on the baking sheet until it has the right shape, use a second baking sheet on top to prevent the rolling pin from sticking. Transfer the baking paper with the wafer to the baking dish and place in the freezer while preparing the ice cream (or vegan version further down).</p><p class="line">Combine quark cheese, mascarpone and 2-3 tbsp maple syrup (depending on how sweet you prefer it) in a mixing bowl. Add 1/2 cup / 125 ml of the cooled rhubarb & strawberry jam. Stir until combined. Take out the baking dish from the freezer and pour the ice cream mixture on top. Spoon more jam on top (roughly 1/2 cup / 100-150 ml) and use a spoon to swirl it evenly. Put back in the freezer for 1-2 hours to firm up.</p><p class="line">Roll out the second half of the wafer dough using the same method as the first. Use a fork to make hole patterns and then turn it upside-down on to a second baking sheet. Remove the ice cream from the freezer and carefully transfer the wafer on top of the ice cream. Put it back in the freezer for 3-4 hours until completely firm. Then take it out, cut into 10 rectangles or 20 squares using a sharp knife dipped in hot water, wrap with baking paper and store in the freezer.</p><p class="line">***</p><p class="line">Drain the soaked cashew nuts and add them to a high-speed blender together with coconut milk, maple syrup and lemon juice. Mix on high speed until smooth. Add 1/2 cup / 100-150 ml of the cooled rhubarb & strawberry jam and pulse until combined. Take out the baking dish from the freezer and pour the ice cream mixture on top. Spoon more jam on top (roughly 1/2 cup / 100-150 ml) and use a spoon to swirl it evenly. Put back in the freezer for 1-2 hours to firm up. Follow the remaining instructions in the main recipe.</p><p class="line">Here’s another rhubarb treat I did the other day. I didn’t follow an exact recipe but I kind of based it on this recipe from our archive and replaced the grated apple with lots of rhubarb jam and the apple slices on top with rhubarb and strawberry bits. Skip the cinnamon on top and just add a little cardamom to the batter, in case you feel like trying it.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Rice & Bean Chilli Bowl.html b/Recipes/Rice & Bean Chilli Bowl.html new file mode 100644 index 0000000..1cb4f5d --- /dev/null +++ b/Recipes/Rice & Bean Chilli Bowl.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Rice & Bean Chilli Bowl</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> cup basmati rice</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> cubes bean mix</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, or pickled red onions</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup greek yoghurt</p><p class="line" itemprop="recipeIngredient">iceberg lettuce</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Essentially a version of the nachos or tacos recipe, but served with rice. </p> + </div> + </div> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Rice with Egg and Edamame.html b/Recipes/Rice with Egg and Edamame.html new file mode 100644 index 0000000..e00d1cc --- /dev/null +++ b/Recipes/Rice with Egg and Edamame.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Rice with Egg and Edamame</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> cup basmati rice </p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp soy sauce</p><p class="line" itemprop="recipeIngredient">sweet chilli sauce</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g edamame</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html b/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html new file mode 100644 index 0000000..458481e --- /dev/null +++ b/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="http://everydaygourmet.tv/static/public/imager/static/public/13872/EG4_Ep01_Ricotta-Dumplings-with-Tomato-and-Caper-Sauce_67645e919b12432e590b303456de6e74.jpg"> + <img src="Images/2D62B9C2-9E78-4411-B6CB-49938CE420F4-21109-0000034606B5A053/FC1C9CAB-6D50-461E-BC37-AD80BB617043-21109-000003461931F8C7.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Ricotta Dumplings with Tomato and Caper Sauce</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">45 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Servings 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="http://everydaygourmet.tv/recipes/ricotta-dumplings-with-tomato-and-caper-sauce/"> + <span itemprop="author">everydaygourmet.tv</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong><strong>The dumplings:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g full fat ricotta | 2 cups</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> egg yolks</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g parmesan cheese | freshly grated</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup plain flour + extra for dusting</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch nutmeg</p><p class="line" itemprop="recipeIngredient">zest of ½ lemon</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong><strong>The sauce:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic | finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp capers</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cans chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g basil | loosely packed cup</p><p class="line" itemprop="recipeIngredient">parmesan | garnish</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For the sauce, heat oil over a medium heat in a large sauté pan. Add the garlic, anchovies, chilli and capers and sauté until the garlic just starts to turn golden brown. Now add the tomatoes and season with salt and pepper. Bring to the boil then turn down to a low heat and simmer for 30 minutes.</p><p class="line">Bring a large pot of salted water to the boil.</p><p class="line">In a bowl combine the ricotta, yolks, Parmesan, nutmeg, zest and season with salt and pepper. Now add the flour and mix together until a ball forms. Flour a clean surface and gently need for a few seconds ensure not to overwork. Cut the dough into four pieces and roll each into a long sausage; then cut 2cm dumpling from this.</p><p class="line">Add the dumplings to the water and cook until they rise to the surface. Place dumplings in a bowl, cover with the sauce.</p><p class="line">Garnish with parmesan.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Ricotta Fritters.html b/Recipes/Ricotta Fritters.html new file mode 100644 index 0000000..10d60b5 --- /dev/null +++ b/Recipes/Ricotta Fritters.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/859_1_1436881619.jpg?tr=w-800,h-1066"> + <img src="Images/0E8581C3-69DC-4277-A364-36560B99316E-21470-0000035338BA7358/126843FA-4B14-4EBF-8CD0-7F090DADD9AE-21470-000003533D8AD75A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Ricotta Fritters</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/cheese-recipes/ricotta-fritters-with-tomato-sauce-courgette-salad/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">SAUCE</p><p class="line" itemprop="recipeIngredient"><strong>25</strong> g dried porcini mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> anchovy fillets, from sustainable sources , optional</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> dried red chilli</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>700</strong>g passata</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> black olives (stone in)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a bunch of fresh basil (15g)</p><p class="line" itemprop="recipeIngredient">FRITTERS</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large free-range egg</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g ricotta cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole nutmeg , for grating</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>40</strong> g Parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> heaped tablespoon plain flour</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">balsamic vinegar</p><p class="line" itemprop="recipeIngredient">SALAD</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g firm green or yellow baby courgettes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> fresh red chilli</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> a bunch of fresh mint (15g)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Ingredients out • Kettle boiled • Large frying pan, medium heat • Large casserole pan, low heat • Food processor (fine grater)START COOKINGPut the porcini into a mug and cover with boiling water. Crack the egg into a mixing bowl, add the ricotta, finely grate in ¼ of the nutmeg, the lemon zest and Parmesan, add the flour, then beat together.Put 1 tablespoon of olive oil into the frying pan, then use a tablespoon to spoon in 8 large dollops of the mixture, turning carefully when nice and golden.Put the anchovies (if using) and 1 tablespoon of olive oil into the casserole pan, crumble in the dried chilli, and squash in the unpeeled garlic through a garlic crusher. Finely chop and add the porcini with half their soaking water and the passata, season with sea salt and black pepper and bring to the boil.Squash and add the olives, discarding the stones. Pick and reserve a few basil leaves, then chop the rest and add to the sauce.Grate the courgettes in the processor (you could use a box grater here) and tip into a bowl with a pinch of salt and pepper, the juice of the zested lemon and the extra virgin olive oil. Finely chop and add the chilli and the top leafy half of the mint, then toss together. Place the fritters on top of the sauce, then scatter over the reserved basil leaves, drizzle with balsamic and serve with lemon wedges.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 408 20%<br/>Fat 27.7g 40%<br/>Saturates 11.2g 56%<br/>Sugars 10.0g 11%<br/>Salt 2.0g 33%<br/>Protein 21.8g 44%<br/>Carbs 15.8g 6%<br/>Fibre 6.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Roast Carrots And Sprouts.html b/Recipes/Roast Carrots And Sprouts.html new file mode 100644 index 0000000..affbbc9 --- /dev/null +++ b/Recipes/Roast Carrots And Sprouts.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Roast Carrots And Sprouts</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>5</strong> carrots </p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g sprouts</p><p class="line" itemprop="recipeIngredient">Butter</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Roast Cauliflower, Almond And Barley With Parsley And Chilli.html b/Recipes/Roast Cauliflower, Almond And Barley With Parsley And Chilli.html new file mode 100644 index 0000000..58a644a --- /dev/null +++ b/Recipes/Roast Cauliflower, Almond And Barley With Parsley And Chilli.html @@ -0,0 +1,310 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/8CD31FE9-476A-4F15-988C-7DE3A2878343.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Roast Cauliflower, Almond And Barley With Parsley And Chilli</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>Roast Cauliflower:</strong></p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g pearl barley or pearled spelt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium-large cauliflower (800g-1kg untrimmed)</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> garlic cloves, peeled and roughly bashed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive or rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g blanched almonds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp capers, rinsed and drained </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> lemon, to spritz</p><p class="line" itemprop="recipeIngredient">Sea salt and black pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong>PARSLEY AND CHILLI DRESSING:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium-hot red chilli, deseeded and finely chopped</p><p class="line" itemprop="recipeIngredient">A small bunch of flat-leaf parsley (about 25g), leaves picked from the stems and finely chopped 1 small garlic clove, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> tbsp extra virgin olive oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Plump barley grains, earthy-sweet cauliflower and toasty almonds are all tied together here with a piquant parsley and chilli dressing to make a deliciously satisfying dish.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Start by cooking the barley or spelt. If you have time, soak the grain in cold water first, for 20-30 minutes. </p><p class="line">Either way, rinse it well in a sieve then tip into a saucepan, add a pinch of salt and cover with plenty of cold water (it will absorb a lot). Bring to the boil, lower the heat and simmer until tender: barley should take 35-40 minutes, spelt only about 20 minutes.</p><p class="line">Once cooked, drain in a sieve and set aside.</p><p class="line">In the meantime, preheat the oven to 190°C/Fan 170°C/Gas 5.</p><p class="line">Trim away the coarser leaves and stalk end of the cauliflower then roughly cut up the rest - it should still be in medium-large florets. Include the stalk and tender leaves too.</p><p class="line">Put the cauliflower into a large roasting tin with the garlic, oil and some salt and pepper. Toss together, then roast for 20 minutes.</p><p class="line">Stir the cauliflower, then scatter over the almonds and capers and return to the oven for 15 minutes, until the cauliflower is tender and well browned in places and the almonds are golden brown.</p><p class="line">Scatter over the cooked grain and return to the oven for another 5 minutes.</p><p class="line">While the veg is cooking, make the dressing: combine all the ingredients together in a bowl and season with salt and pepper.</p><p class="line">Transfer the contents of the roasting tin to warmed serving bowls. </p><p class="line">Dot the parsley dressing over the cauliflower and grain, squeeze over some lemon juice, and serve straight away.</p><br/><p class="line"><strong>Swaps</strong><br/>Grains Use cooked wholegrain (or red or black) rice instead of barley or spelt.<br/>Veg Replace some or all of the cauliflower with large broccoli florets.<br/>Or base the dish on root veg - chunks of celeriac, carrot and parsnip - giving them a bit longer in the oven to become tender before you add the almonds.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/403F3197-428C-439E-818F-BFCBAF85209C.jpg', + src: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/403F3197-428C-439E-818F-BFCBAF85209C.jpg', + w: 2048.0, + h: 1431.0, + title: '1' + }, + + { + msrc: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/07F74978-FB14-4ADA-A5E1-ED7DA94F9C48.jpg', + src: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/07F74978-FB14-4ADA-A5E1-ED7DA94F9C48.jpg', + w: 2048.0, + h: 1431.0, + title: '2' + }, + + { + msrc: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/F0F2EEF3-0AA9-4FD7-9ADE-BA1B28AD71C9.jpg', + src: 'Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/F0F2EEF3-0AA9-4FD7-9ADE-BA1B28AD71C9.jpg', + w: 2048.0, + h: 1431.0, + title: '3' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Roast Pumpkin, Baked Lentil & Spiced Nut salad.html b/Recipes/Roast Pumpkin, Baked Lentil & Spiced Nut salad.html new file mode 100644 index 0000000..5ac1bfd --- /dev/null +++ b/Recipes/Roast Pumpkin, Baked Lentil & Spiced Nut salad.html @@ -0,0 +1,335 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/60FBBBD1-4C41-4737-82A1-BD163FA082A0-60771-0000077DEEF5D759.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Roast Pumpkin, Baked Lentil & Spiced Nut salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>800</strong> g Butternut Pumpkin </p><p class="line" itemprop="recipeIngredient"><strong>6</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp balsamic vinegar </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp dijon mustard </p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup roasted almonds</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp sunflower seeds</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp pepitas</p><p class="line" itemprop="recipeIngredient">Small Bag of Baby spinach </p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g fetta cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tins brown lentils </p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Hello Fresh pamphlet</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/AA7C97BF-7F89-4CB9-8436-8CDCC17311B9-60771-0000077B62FF104E.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/AA7C97BF-7F89-4CB9-8436-8CDCC17311B9-60771-0000077B62FF104E.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/145A1BB2-4DE2-40C5-8059-A9304FD7F3FB-60771-0000077D5F166E18.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/145A1BB2-4DE2-40C5-8059-A9304FD7F3FB-60771-0000077D5F166E18.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/0450DF15-F5CE-4FD1-B371-5CA8FD6FF444-60771-0000077D7313DE13.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/0450DF15-F5CE-4FD1-B371-5CA8FD6FF444-60771-0000077D7313DE13.jpg', + w: 1536.0, + h: 2048.0, + title: '3' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/B7D5482B-AEDA-439D-BB20-628E4B8A524E-60771-0000077D7FCA130B.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/B7D5482B-AEDA-439D-BB20-628E4B8A524E-60771-0000077D7FCA130B.jpg', + w: 1536.0, + h: 2048.0, + title: '4' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/091D3DD1-E26B-4430-AE4C-C3780E53B6F0-60771-0000077D8BF4EE68.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/091D3DD1-E26B-4430-AE4C-C3780E53B6F0-60771-0000077D8BF4EE68.jpg', + w: 1536.0, + h: 2048.0, + title: '5' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/952ED788-9419-4896-A7D8-CE9731621A8D-60771-0000077D9880127D.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/952ED788-9419-4896-A7D8-CE9731621A8D-60771-0000077D9880127D.jpg', + w: 1536.0, + h: 2048.0, + title: '6' + }, + + { + msrc: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/54CC90D1-FA66-47DD-AC6B-8B65BA0BC84E-60771-0000077DA704A2B4.jpg', + src: 'Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/54CC90D1-FA66-47DD-AC6B-8B65BA0BC84E-60771-0000077DA704A2B4.jpg', + w: 1536.0, + h: 2048.0, + title: '7' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Roasted Maple-Spiced Almond Butter.html b/Recipes/Roasted Maple-Spiced Almond Butter.html new file mode 100644 index 0000000..4fb7dfe --- /dev/null +++ b/Recipes/Roasted Maple-Spiced Almond Butter.html @@ -0,0 +1,292 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/EA5C0779-EF9D-44CF-A8AD-80EE488F506B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted Maple-Spiced Almond Butter</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> cups raw almonds</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon ground cinnamon</p><p class="line" itemprop="recipeIngredient"><strong>⅛</strong> teaspoon ground ginger</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> teaspoon vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons coconut oil</p><p class="line" itemprop="recipeIngredient">Pinch sea salt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This recipe begins with a mouthwatering aroma and ends with a big BANG! One day the thought of warm, spiced almond butter became too much to resist. I was nervous to make my own, but once the smell of warm maple syrup and almonds started drifting from my oven, I knew I had made the right decision. After a quick roast and lots of noise from the food processor,<br/>this butter makes a simple and tasty treat for your toddler.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 160°C.</p><p class="line">Line a baking sheet with foil or parchment paper.</p><p class="line">On the baking sheet, combine the almonds and maple syrup until all of the almonds are well coated and in a single layer.</p><p class="line">Bake for 15 minutes, stirring once halfway through baking time. Let cool for 10 minutes.</p><p class="line">Pour the almonds into a food processor, and pulse in 2-second bursts for 30 seconds (this will be very loud) to start breaking down the almonds.</p><p class="line">Add the cinnamon, ginger, vanilla, coconut oil, and salt, and continue to process on full speed for 10 to 15 minutes, or until your almonds are completely smooth.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/110924A7-1F7D-4031-BA4B-5B03070B9903.jpg', + src: 'Images/3B636915-FD79-4CE2-9F94-AFD3C5268BA0/110924A7-1F7D-4031-BA4B-5B03070B9903.jpg', + w: 720.0, + h: 1080.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Roasted Thyme Tomato And Ricotta Bruschetta.html b/Recipes/Roasted Thyme Tomato And Ricotta Bruschetta.html new file mode 100644 index 0000000..d4b45db --- /dev/null +++ b/Recipes/Roasted Thyme Tomato And Ricotta Bruschetta.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/66E23B3C-B3E0-4225-B047-FB4A96874430.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted Thyme Tomato And Ricotta Bruschetta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">sourdough bread</p><p class="line" itemprop="recipeIngredient"><strong>510</strong>g tomatoes (6 medium)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g ricotta</p><p class="line" itemprop="recipeIngredient">thyme</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> pinches salt</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> pinches pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient">balsamic vinegar</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/C3B58615-8947-4947-B0DB-D75C5CE10E4E.jpg', + src: 'Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/C3B58615-8947-4947-B0DB-D75C5CE10E4E.jpg', + w: 800.0, + h: 532.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Satay Cauliflower.html b/Recipes/Satay Cauliflower.html new file mode 100644 index 0000000..25ee271 --- /dev/null +++ b/Recipes/Satay Cauliflower.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://i2.wp.com/glasgowlocavore.org/wp-content/uploads/2021/05/satay-cauliflower.jpeg?resize=960%2C640&ssl=1"> + <img src="Images/53D0F9D6-320F-4492-87D5-E1371066E7E2/77A3A217-D149-4AF7-8728-C26A10B47384.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Satay Cauliflower</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://glasgowlocavore.org/2021/05/17/satay-cauliflower/"> + <span itemprop="author">glasgowlocavore.org</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> large cauliflower</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g coconut oil (or vegetable oil)</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> tbsp soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g peanut butter (crunchy or smoooth)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> spring onions</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp grated ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large clove garlic (crushed)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> fresh chilli (or sriracha/hot sauce)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 220 degrees</p><p class="line">Break down the cauliflower into florets & spread in a roasting tin so they are not touching. This allows the air to circulate as they cook & they will be crispy. Roast for 15 minutes.</p><p class="line">When using cauliflower you can eat every part of it so dont be afraid to roast the stalk as well. The leaves can be cooked like cabbage</p><p class="line">Check whether the cauliflower is cooked – this is something of a personal preference. I like mine to be crispy and brown and still with a bit of bite in the stalk. Cauliflowers vary in their texture though so there are no hard and fast rules about how long to roast them for.</p><p class="line">If it’s almost cooked sprinkle about a tablespoon of soy sauce over it & back into the oven for another 5-10 minutes</p><p class="line">Meanwhile make the satay sauce. Finely slice the spring onions and add the white part to a small saucepan along with the coconut oil, ginger, garlic & chilli.</p><p class="line">Fry this on a medium heat for a few minutes until the ingredients are softened and smell cooked. Add the peanut butter, 1 tablespoon of soy sauce and a splash of water. Stir and bring everything together and keep adding water until the mixture becomes a thick sauce – like the texture of</p><p class="line">Taste for seasoning and add more soy if needed. If the chilli is too hot for your taste add a little sugar (about 1tsp) to calm it down.</p><p class="line">Check that the cauliflower is cooked as you like it & to serve just drizzle the satay over the roasted cauliflower and garnish with the green part of the spring onions.</p><p class="line">The satay sauce will keep in the fridge for a couple of weeks if you don’t use it all. It makes a great dipping sauce for raw veggies, veg or meat skewers or a stir fry sauce or base for a Massaman style curry</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sałatka.html b/Recipes/Sałatka.html new file mode 100644 index 0000000..ff0e07d --- /dev/null +++ b/Recipes/Sałatka.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sałatka</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>10</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>600</strong> g waxy potatoes</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g carrots</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g gherkins</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> granny smith apples</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp of dijon mustard</p><p class="line" itemprop="recipeIngredient">mayonnaise</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Scrambled Eggs, Baked Beans & Mushrooms.html b/Recipes/Scrambled Eggs, Baked Beans & Mushrooms.html new file mode 100644 index 0000000..57dd518 --- /dev/null +++ b/Recipes/Scrambled Eggs, Baked Beans & Mushrooms.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Scrambled Eggs, Baked Beans & Mushrooms</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>6</strong> Eggs</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mushrooms</p><p class="line" itemprop="recipeIngredient">Baked beans</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Silverbeet And Potato Torte.html b/Recipes/Silverbeet And Potato Torte.html new file mode 100644 index 0000000..d91c6e5 --- /dev/null +++ b/Recipes/Silverbeet And Potato Torte.html @@ -0,0 +1,321 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/1CFC70C1-47AD-4735-B1BA-76BCCF13B5B8.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Silverbeet And Potato Torte</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">3 hrs</span> + + <b>Cook Time: </b><span itemprop="cookTime">45 min</span> + + <b>Servings: </b><span itemprop="recipeYield">6-10</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">The Cook’s Companion. Pg. 921</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>150</strong> g young silver beet or rainbow chard</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g potatoes</p><p class="line" itemprop="recipeIngredient">extra-virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons freshly chopped parsley</p><p class="line" itemprop="recipeIngredient"><strong>150</strong> g 'stretchy' cheese (fontina, asiago, mozzarella), chopped or grated</p><p class="line" itemprop="recipeIngredient">freshly ground black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large egg</p><br/><p class="line" itemprop="recipeIngredient"><strong>Olive Oil Pastry</strong></p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tbsp extra-virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup cold water</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This lovely dish originates in northern Italy. The cheese is supposed to be a fontina from the Italian Alps, but the first time I made the torte I substituted a well-made Australian cheddar. It was still delicious but I must admit that a cheese with a little more 'stretch' is a better choice. Having said that, I am sure the torte would also be delicions made with a mild crumbly fetta. I have also used rainbow chard from the garden instead of the silver beet, and the coloured stalks look very dramatic. </p><p>This quantity will serve 6 as a light lunch or 8-10 as a first course.</p> + </div> + </div> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">To make the pastry, whizz flour and salt in a food processor.</p><p class="line">Drizzle in oil and then water.</p><p class="line">Process for about 1 minute until mixture forms a ball. Transfer to a floured work surface and knead for 2-3 minutes until supple and smooth.</p><p class="line">Put into a bowl, cover with a clean tea towel and refrigerate for 2 hours.</p><p class="line">Separate silverbeet stems from leaves. Wash and trim stems, then chop finely. Wash leaves, then roll them up and slice finely. Put stems and leaves into a colander and toss with 1 tablespoon salt. Set aside<br/>for 20 minutes.</p><p class="line">Meanwhile, boil potatoes in lightly salted water for 15-20 minutes until tender, then drain, peel and dice.</p><p class="line">Preheat oven to 200°C and lightly oil a 28 cm pizza tray. Quickly rinse silver beet and squeeze it dry in a clean tea towel. </p><p class="line">Combine silver beet with potato, onion, parsley and cheese, then add pepper to taste. Whisk egg with 1 tablespoon oil and add to silverbeet mixture. Taste for salt.</p><p class="line">On a floured surface, roll out two-thirds of the pastry to a round that will easily cover the pizza tray. Spoon on filling, leaving a 2 cm border around pastry. Dampen border with water. Roll remaining pastry to<br/>a round a little smaller than the pizza tray and drape it over filling. Seal edges, then fold extra pastry from base over sealed edges and press together. Pierce top here and there with a fork and drizzle with 1 tablespoon oil. Scatter with a little salt.</p><p class="line">Bake for 20-30 minutes until golden brown. </p><p class="line">Allow to rest for 10 minutes before cutting.</p><p class="line">Serve with a tomato salad or other salad.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Substitute Silverbeet for Rainbow Chard. </p><p>Try substituting a mixture of fried, drained wild and cultivated mushrooms for the silver beet.</p><p>Or what about pumpkin or leftover risotto instead of the potato?</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/FF13FC0E-9AB2-4053-9FE5-4CD8155047AA.jpg', + src: 'Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/FF13FC0E-9AB2-4053-9FE5-4CD8155047AA.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/FC0BAAC7-CA65-40B7-B364-2ACBA678EBE6.jpg', + src: 'Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/FC0BAAC7-CA65-40B7-B364-2ACBA678EBE6.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Simple Orzo Minestrone.html b/Recipes/Simple Orzo Minestrone.html new file mode 100644 index 0000000..4fba49f --- /dev/null +++ b/Recipes/Simple Orzo Minestrone.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://mobkitchen-objects.imgix.net/recipes/CMS-5316.jpg?auto=format&crop=focalpoint&domain=mobkitchen-objects.imgix.net&fit=crop&fp-x=0.5&fp-y=0.5&h=320&ixlib=php-3.3.1&q=82&w=320&s=b0f4e693bb209c5d1c0b9241f829df26"> + <img src="Images/AA809871-6F15-4E64-AE55-17ED50FDE638/C75E577D-076E-4B94-B915-1A4F34CF9857.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Simple Orzo Minestrone</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.mobkitchen.co.uk/recipes/simple-orzo-minestrone"> + <span itemprop="author">mobkitchen.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> Onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Carrot</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Stick of Celery</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> Cloves of Garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> Sticks of Rosemary</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can of beans</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Tbsp Tomato Purée</p><p class="line" itemprop="recipeIngredient"><strong>1</strong>L Chicken or Vegetable Stock</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g Orzo</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> Bunch of Parsley</p><p class="line" itemprop="recipeIngredient">Parmesan (optional)</p><p class="line" itemprop="recipeIngredient">Salt</p><p class="line" itemprop="recipeIngredient">Black Pepper</p><p class="line" itemprop="recipeIngredient">Olive Oil</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Dice the onion, carrot and stick of celery.</p><p class="line">Put a large saucepan on a medium heat and add 3 tbsp of olive oil.</p><p class="line">Add the diced vegetables and cook gently for at least 10 mins until soft and fragrant but not brown.</p><p class="line">Mince the garlic and add along the rosemary and tomato purée. Fry for another 3 to 4 mins</p><p class="line">Add the stock and bring to a gentle simmer.</p><p class="line">Meanwhile, cook the orzo in well-salted water until very al dente. Drain and add to the soup, simmer for a couple of minutes. Taste for seasoning.</p><p class="line">Pour into bowls and top with chopped parsley, black pepper and the cheese, if you like.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html b/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html new file mode 100644 index 0000000..0382c7f --- /dev/null +++ b/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/3619---Mushroom-Steaks-With-Smoky-Chimichurri6778-1631109018747-x200.jpg"> + <img src="Images/54D94266-5706-4AE3-A7C4-B0D2134A1935/85615654-6443-4272-8620-6CCC84F1811A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Smoky Chimichurri Mushroom Steaks with Crushed Potatoes</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">10 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2 or 4 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/smoky-chimichurri-mushroom-steaks-with-crushed-potatoes"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>15</strong>ml red wine vinegar †</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp dried chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>ml vegan mayonnaise †</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g spinach</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g waxy potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g flat white mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g parsley</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g pumpkin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> shallot</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For 2 people [double for 4]<br/><strong>Step 1</strong><br/>Before you begin...</p><p class="line">Get all your ingredients and equipment ready</p><p class="line">Skim through these steps, then wash your fruit and veg</p><p class="line">Note: Equipment and pan sizes vary. Make sure you cook food thoroughly (even if it takes you a little longer than 10 min)</p><p class="line"><strong>Step 2</strong><br/>Now let's get started!</p><p class="line">Heat a large, wide-based pan (preferably non-stick with a matching lid) with a drizzle of olive oil over a high heat</p><p class="line">Peel and cut the shallot[s] in half, lengthways</p><p class="line">Sprinkle the cut-sides of the shallot halves with 1 tsp [2 tsp] sugar</p><p class="line"><strong>Step 3</strong><br/>Once hot, add the coated shallot halves (sugar-side down) to the pan with the flat white mushrooms and cook for 1 min</p><p class="line">Tip: Cooking for 4? Use 2 pans!</p><p class="line">Add 50ml [90ml] cold water and cook, covered, for 5-6 min or until almost all the water has evaporated</p><p class="line">After 5-6 min, remove the lid and cook for 1 min further or until all the water has evaporated, the mushrooms are tender and the shallots are caramelised</p><p class="line"><strong>Step 4</strong><br/>Meanwhile, add the waxy potatoes to a heatproof bowl, then cover the bowl with cling film and pierce a few holes in the top with a fork</p><p class="line">Put the bowl in the microwave for 4-5 min [6-8 min] or until the potatoes are fork-tender</p><p class="line"><strong>Step 5</strong><br/>While the potatoes are cooking, finely chop the parsley, including the stems</p><p class="line">Peel and finely chop (or grate) the garlic</p><p class="line">Add the chopped parsley and garlic (not a fan of raw garlic? Just add a little!) to a bowl with the dried oregano, red wine vinegar, smoked paprika and chilli flakes (can't handle the heat? Go easy!)</p><p class="line">Add 2 tbsp [4 tbsp] olive oil and give everything a good mix up – this is your smoky chimichurri</p><p class="line"><strong>Step 6</strong><br/>Once done, transfer the cooked mushrooms to a bowl and set the caramelised shallot halves aside for serving (reserve the pan!)</p><p class="line">Add half the smoky chimichurri to the bowl with the mushrooms and give everything a good mix up – these are your smoky chimichurri mushroom steaks</p><p class="line">Mix the remaining smoky chimichurri with the mayo – this is your smoky chimichurri mayo</p><p class="line"><strong>Step 7</strong><br/>Wash the spinach, then pat it dry with kitchen paper</p><p class="line">Return the reserved pan to a medium-high heat and add the pumpkin seeds and spinach, then cook for 1 min or until the spinach has wilted – this is your pumpkin seed spinach</p><p class="line">Roughly crush the fork-tender potatoes with a fork and season with salt and pepper</p><p class="line">Tip: Don't press too hard, you only want to crush them!</p><p class="line">Serve the smoky chimichurri mushroom steaks with the crushed potatoes, pumpkin seed spinach, caramelised shallot halves and smoky chimichurri mayo to the side</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 374 kJ 1471 kJ 88 kcal 349 kcal<br/>Fat 4.8 g 18.7 g<br/>of which saturates 0.5 g 2.1 g<br/>Carbohydrate 9.6 g 37.8 g<br/>of which sugars 1.0 g 4.1 g<br/>Fibre 1.7 g 6.5 g<br/>Protein 2.6 g 10.3 g<br/>Salt 0.07 g 0.28 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Smoky Tomato Soup with Cheesy Spring Onion Dumplings.html b/Recipes/Smoky Tomato Soup with Cheesy Spring Onion Dumplings.html new file mode 100644 index 0000000..35229db --- /dev/null +++ b/Recipes/Smoky Tomato Soup with Cheesy Spring Onion Dumplings.html @@ -0,0 +1,216 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://live-production.wcms.abc-cdn.net.au/6b22574b8540182ab91dffde7d67fd55?impolicy=wcms_crop_resize&cropH=1120&cropW=1989&xPos=11&yPos=182&width=862&height=485"> + <img src="Images/A55BB3C1-1AFB-4124-B6A6-8627C30DE47F-21109-0000034660764CF5/7EDDFB31-A23D-4CA5-ADAC-C84F6DAD08C4-21109-0000034662C37065.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Smoky Tomato Soup with Cheesy Spring Onion Dumplings</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">0:10</span> + + <b>Cook Time: </b><span itemprop="cookTime">0:45</span> + + <b>Difficulty: </b><span itemprop="difficulty">Medium</span> + + <b>Servings: </b><span itemprop="recipeYield">4-6</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.abc.net.au/everyday/smoky-tomato-soup-with-cheesy-spring-onion-dumplings/12523010"> + <span itemprop="author">abc.net.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>60</strong>ml (1/4 cup) extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves garlic, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sprig rosemary, leaves removed and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> heaped Tbsp tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>800</strong>g (1 large can or 2 x 400g cans) whole peeled tomatoes, tomatoes and juice separated</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>1/2 - 1</strong> tsp red chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> cups vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> parmesan rind (optional)</p><p class="line" itemprop="recipeIngredient">Handful grated cheese, to serve (optional)</p><p class="line" itemprop="recipeIngredient">Handful finely chopped spring onions, to serve (optional)</p><p class="line" itemprop="recipeIngredient">Cheese and spring onion dumplings</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g (1 cup) plain flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp salt</p><p class="line" itemprop="recipeIngredient">Black pepper</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g (2 Tbsp) butter, chopped</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g ( 1/2 cup) grated cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml (1/3 cup) milk</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Heat a large wide pot or Dutch oven on medium-low. When hot, add 60ml (1/4 cup) of olive oil along with the onion and cook for 6-8 minutes until soft. Add the garlic, rosemary, tomato paste and stir for 2-3 minutes until fragrant and the paste begins to caramelise. Add the tomatoes (without the juice) along with paprika and chilli flakes and cook for 5-7 minutes on medium-low heat, leaving it to cook for intervals of 1-2 minutes before stirring to encourage the tomatoes to caramelise. Pour in the stock and parmesan rind if using, cover and cook for 15 minutes on low heat.</p><p class="line">2. Meanwhile, make the dumplings by combining the flour, baking powder, salt and a good grind of black pepper in a bowl. Rub the butter into the flour with your fingertips, until the mixture is coarse and sandy (no need to break up the butter too much). Stir in cheese and spring onions and combine well. Beat the egg with the milk and pour into the flour mixture. Stir until just combined.</p><p class="line">3. Remove the parmesan rind from the soup and discard. Blend it until it is smooth, using a stick blender or in a food processor.</p><p class="line">4. Using a large tablespoon or ice cream scoop, very gently drop balls of the dough, about the size of a golf ball, into the soup. They will expand greatly during cooking so space them apart. Cover and cook on medium-low heat for 15-20 minutes. Try not to open the lid during cooking as the steam helps the dumplings puff up. Insert a toothpick or bamboo skewer to check that the dumplings are cooked through. It should come out relatively clean, a few crumbs are OK, but it shouldn't be gooey. If they're not ready yet, pop the lid back on and cook for another 3-5 minutes.</p><p class="line">5. To serve, ladle the soup with a dumpling or two into a serving bowl. Top with a drizzle of olive oil, and scatter with extra cheese and spring onions. If you have any leftovers, reheat the dumplings and the soup separately, to avoid overcooking the dumplings.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sorrel & New Potato Frittata.html b/Recipes/Sorrel & New Potato Frittata.html new file mode 100644 index 0000000..244b62f --- /dev/null +++ b/Recipes/Sorrel & New Potato Frittata.html @@ -0,0 +1,216 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sorrel & New Potato Frittata</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Egg</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">12 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 3</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/asparagus-new-potato-frittata"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g new potatoes, quartered</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g sorrel leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs, beaten</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g cheddar, grated</p><p class="line" itemprop="recipeIngredient">rocket or mixed leaves, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the grill to high. Put the potatoes in a pan of cold salted water and bring to the boil. Once boiling, cook for 4-5 mins until nearly tender, then add the asparagus for a final 1 min. Drain.</p><p class="line">Meanwhile, heat the oil in an ovenproof frying pan and add the onion. Cook for about 8 mins until softened.</p><p class="line">Mix the eggs with half the cheese in a jug and season well. Pour over the onion in the pan, then scatter over the asparagus and potatoes. Top with the remaining cheese and put under the grill for 5 mins or until golden and cooked through. Cut into wedges and serve from the pan with salad.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sorrel Soup With Eggs.html b/Recipes/Sorrel Soup With Eggs.html new file mode 100644 index 0000000..118a0ed --- /dev/null +++ b/Recipes/Sorrel Soup With Eggs.html @@ -0,0 +1,297 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/1FC04E46-FEE7-4747-842A-3C9F9E8FB459.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sorrel Soup With Eggs</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">30 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">Polish Cooking pg. 24</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong> g fresh sorrel leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre of vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon flour</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tablespoons sour cream</p><p class="line" itemprop="recipeIngredient">salt, pepper</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> hard boiled eggs</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. <br/>Pick over the sorrel.<br/>Remove and discard. Rinse and finely chop the leaves.</p><p class="line">2<br/>Melt butter in a saucepan, add sorrel leaves, and salt.<br/>Cover and stew over a low heat for 5 minutes.</p><p class="line">3<br/>Mix flour with 2 tablespoons of cold stock into a smooth paste.<br/>Add to the sorrel. Stirring constantly add the remaining stock and simmer for a further 10 minutes.</p><p class="line">4<br/>When the soup thickens remove from the heat, season with salt and pepper and slowly add small quantities<br/>of sour cream taking care not to curdle it.</p><p class="line">5<br/>Place an egg in a soup plate, pour the soup over it and serve immediately.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/E5405B8B-BEAD-4022-9C91-DC2B8D834289.jpg', + src: 'Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/E5405B8B-BEAD-4022-9C91-DC2B8D834289.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Soupe au pistou.html b/Recipes/Soupe au pistou.html new file mode 100644 index 0000000..fb0dc16 --- /dev/null +++ b/Recipes/Soupe au pistou.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/15F103C6-4783-426C-B6A0-940420276106/B257A6F3-F181-49F5-9DDC-1CC63AA15849.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Soupe au pistou</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4-6</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Much More Veg</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small carrot</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tender inner celery stems</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small fennel bulb (150–200g)</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g potatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre veg stock</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g courgettes</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g green beans</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g tin haricot beans</p><p class="line" itemprop="recipeIngredient">Sea salt and black pepper</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g walnuts</p><p class="line" itemprop="recipeIngredient">A bunch of basil (about 50g)</p><p class="line" itemprop="recipeIngredient">A small bunch of flat-leaf parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient">A pinch of flaky sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> fat plum tomato (about 75g)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/15F103C6-4783-426C-B6A0-940420276106/3743DACF-2368-4A26-AAE2-598EB9881157.jpg', + src: 'Images/15F103C6-4783-426C-B6A0-940420276106/3743DACF-2368-4A26-AAE2-598EB9881157.jpg', + w: 828.0, + h: 856.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html b/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html new file mode 100644 index 0000000..1b4bf3e --- /dev/null +++ b/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://d1v30bmd12dhid.cloudfront.net/static/version5/content/dam/waitrose/recipes/images/s/Spaghetti-with-peas.jpg/_jcr_content/renditions/cq5dam.thumbnail.200.200.png"> + <img src="Images/951D33CE-D7C2-4E15-B6E6-63870EFA3A33-21470-0000035165A9CF5E/CBFF6E75-A89C-42FA-9D5C-8B16E3B841C7-21470-000003516832E3D4.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spaghetti with Pea, Almond & Mint Pesto</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves: 2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.waitrose.com/content/waitrose/en/home/recipes/recipe_directory/s/spaghetti-with-peaalmondmintpesto.html"> + <span itemprop="author">waitrose.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>200</strong>g essential Waitrose Garden Peas</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>g spaghetti</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp Cooks’ Ingredients Frozen Chopped Garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp toasted flaked almonds</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tbsp finely grated parmigiano reggiano</p><p class="line" itemprop="recipeIngredient">Large pinch dried chilli flakes (optional)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> lemon, zest, rest cut into wedges</p><p class="line" itemprop="recipeIngredient"><strong>10</strong> mint leaves, shredded</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Cook the peas in a pan of boiling water for 3 minutes then drain and set aside. Meanwhile, cook the spaghetti in a separate large pan of boiling water.</p><p class="line">2. Return the pea pan to a medium heat with the oil and fry the garlic for 2 minutes until fragrant, then stir in the peas, coating them in the oil; remove from the heat. Tip ²/ ³ of the peas into a small food processor with the almonds, cheese, chilli (if using) and lemon zest. Season and pulse to a rough paste, then return to the pan with the whole peas.</p><p class="line">3. Scoop a cupful of cooking water from the spaghetti then drain and return to the pan. Stir the pea mixture into the pasta along with a splash of the cooking water and toss together, adding more water as needed to make a loose pesto that coats the spaghetti. Stir through the mint and serve with lemon wedges and extra parmigiano reggiano, if liked.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>This pea pesto is also great served on toast, topped with strips of Parma ham or a poached egg.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><strong>Typical values per serving:</strong><br/>Energy 2,727kJ 683kcals<br/>Fat 28.6g<br/>Saturated Fat 4.3g<br/>Carbohydrate 77.9g<br/>Sugars 4.7g<br/>Protein 23.4g<br/>Salt 0.55g<br/>Fibre 10.2g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Speedy Quiche Traybake (with Broccoli).html b/Recipes/Speedy Quiche Traybake (with Broccoli).html new file mode 100644 index 0000000..e16dbb3 --- /dev/null +++ b/Recipes/Speedy Quiche Traybake (with Broccoli).html @@ -0,0 +1,230 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/118283765.jpg?tr=w-800,h-1066"> + <img src="Images/E31CA0B8-D9BB-4FEB-97E8-C9E188A626AC-58438-00000777EC50F3C1/F81056B5-E4CB-46FF-BC54-46CDDEEB1E5B-58438-000007782D487678.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Speedy Quiche Traybake (with Broccoli)</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">40 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 40 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetarian-recipes/speedy-quiche-traybake/?fbclid=IwAR2NolYqwkQOeGz8Zk37LFihQPz6CWHfjnZV54S8UZXpajEKW0_M5TA7VOY"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch of spring onions</p><p class="line" itemprop="recipeIngredient"><strong>55</strong> g mature Cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large courgette</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g pack of ready-rolled filo pastry</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180°C/350°F/gas 4. Grease a large 25cm by 35cm roasting tray with 1 teaspoon of olive oil. </p><p class="line">Crack the eggs into a bowl and beat with a fork. </p><p class="line">Layer the filo sheets into the tray, laying one sheet horizontally, and the next vertically, repeating as you layer, brushing a little of the egg between each sheet. (Make sure they cover the base of the tray and go up the sides so it can contain the filling.) Add a final brush to the last layer and scrunch up any excess pastry that hangs over. </p><p class="line">Finely slice the spring onions and add to the bowl. </p><p class="line">Coarsely grate the Cheddar cheese (reserving a little for the top) and the courgette, then add them to the bowl. </p><p class="line">Break the broccoli into florets, then thinly slice and add to the bowl. </p><p class="line">Season to perfection with sea salt and black pepper, then mix together.</p><p class="line">Carefully pour the mixture into the prepared pastry case, spreading it out so it’s in an even layer, then sprinkle the remaining cheese over the top. </p><p class="line">Cook for 35 (test after 20) minutes, on the bottom of the oven, until the pastry is golden and the filling is set.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Original recipe has 300g broccoli instead of mushrooms</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 406 20%<br/>Fat 18g 26%<br/>Saturates 6g 30%<br/>Sugars 4.4g 5%<br/>Salt 1.1g 18%<br/>Protein 24.1g 48%<br/>Carbs 40g 15%<br/>Fibre 4.9g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html b/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html new file mode 100644 index 0000000..2cfb438 --- /dev/null +++ b/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/9E6DD81C-C25A-444B-BE1E-6BC5A43C2242.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spiced Spinach and Potatoes with Poached Eggs</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Fresh Everyday pg. 321</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>3</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g new potatoes</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g spinach</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chili</p><p class="line" itemprop="recipeIngredient">ginger</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp garam masala</p><p class="line" itemprop="recipeIngredient"><strong>2–3</strong> tbsp coconut cream</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/CF97D7D5-7C5A-4431-BA20-ECC439A1AB8B.jpg', + src: 'Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/CF97D7D5-7C5A-4431-BA20-ECC439A1AB8B.jpg', + w: 828.0, + h: 763.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html b/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html new file mode 100644 index 0000000..697110d --- /dev/null +++ b/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html @@ -0,0 +1,285 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/47D1A4CB-0DC4-4536-8BA7-16A76EC4706E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spicy Feta Dip, Hummus & Crunchy Veggies</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>70</strong>g feta</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g fat-free yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch chilli powder</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g tinned chickpeas</p><p class="line" itemprop="recipeIngredient"><strong>0.5</strong> lemon, juice</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g tahini</p><p class="line" itemprop="recipeIngredient"><strong>155</strong>g mixed baby veg</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Put the feta, yoghurt, half of the oil, half of the garlic and the chilli powder into a food processor and blend until smooth. Season to taste, then spoon into a small serving bowl.</p><p class="line"><strong>Step 2</strong><br/>Put the remaining oil and garlic into a food processor with the chickpeas, lemon juice and tahini. Blend until smooth, season to tase then spoon into a small serving bowl. Serve the feta dip and hummus with the veggies.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/D56C7AEE-3D58-4A8E-903C-EC892AB1A8DC.jpg', + src: 'Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/D56C7AEE-3D58-4A8E-903C-EC892AB1A8DC.jpg', + w: 575.0, + h: 588.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html b/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html new file mode 100644 index 0000000..2daca7e --- /dev/null +++ b/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.myfussyeater.com/wp-content/uploads/2016/11/Spinach-Cheese-Muffins_001-300x450.jpg"> + <img src="Images/168BE638-2CD9-4DF2-9536-1AD0BC33A280-21470-0000034B5F8F0C22/2997AE56-03AF-41F6-8536-8CADBD3E255E-21470-0000034B63796059.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach & Cheese Savoury Lunchbox Muffins</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Yield: 12</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.myfussyeater.com/spinach-cheese-savoury-lunchbox-muffins/"> + <span itemprop="author">myfussyeater.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> medium eggs</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>ml / 1/2 cup milk</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g / 1/2 cup butter, melted</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g / 2 cups grated cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g / 2 cups fresh baby spinach, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> red pepper or carrot diced</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g / 2 cups self raising flour</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> vegetable stock cube (can use low or no sodium stock cube)</p><p class="line" itemprop="recipeIngredient">salt and pepper to taste (but can be left out)</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 180c / 350f and line a muffin tin with 12 muffin cases.</p><p class="line">Gently whisk the eggs in a large bowl and stir in the milk and melted butter. Mix in the grated cheese, spring onion, baby spinach and diced pepper.</p><p class="line">Finally, add in the flour, salt and pepper (if using) and crumble in the stock cube and mix just enough until all the ingredients have combined.</p><p class="line">Divide the mixture between the 12 muffin cases and bake in the oven for 20-25 minutes until cooked through (a skewer stuck into the middle should come out dry).</p><p class="line">These muffins can be frozen once they have cooled completely. To defrost simply leave out for a few hours or overnight.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Fat: 12.7 g<br/>Calories: 211<br/>Saturated Fat: 7.1 g<br/>Sodium: 161.5 mg<br/>Fiber: 2.6 g<br/>Cholesterol: 63.3 mg<br/>Carbohydrate: 16.9 g<br/>Sugar: 1.3 g<br/>Serving Size: 1 muffin<br/>Trans Fat: 0.2 g<br/>Protein: 8.8 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Spinach & Feta Filo Pie.html b/Recipes/Spinach & Feta Filo Pie.html new file mode 100644 index 0000000..731a3bf --- /dev/null +++ b/Recipes/Spinach & Feta Filo Pie.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/76718257.jpg?tr=w-800,h-1066"> + <img src="Images/538C4338-95E9-4BF2-8576-48736CB7A228-21470-0000034FC3B9DF84/B528FA76-AD78-413F-8A36-26A9C50A75AD-21470-0000034FC94A832D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach & Feta Filo Pie</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 to 6 30 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/cheese-recipes/spinach-feta-filo-pie/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>100</strong> g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g feta cheese</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g Cheddar cheese</p><p class="line" itemprop="recipeIngredient">dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> knob of unsalted butter</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 270 g pack of filo pastry</p><p class="line" itemprop="recipeIngredient">cayenne pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole nutmeg , for grating</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat the oven to 200°C/400°F/gas 6.Toast the pine nuts in a large ovenproof frying pan over a medium heat for 1 to 2 minutes, or until golden and smelling fantastic, tossing occasionally.Crack the eggs into a large mixing bowl, crumble in the feta, then grate in the Cheddar. Season with a pinch of black pepper and a couple of pinches of dried oregano. Finely grate in the lemon zest, drizzle in a little oil, then toss in the toasted pine nuts. Mix well.Melt the butter in the frying pan over a medium heat with a drizzle of oil, add half the spinach, stirring until wilted, then when there’s space, add the remaining spinach, stirring regularly until wilted.Lay a 50cm strip of greaseproof paper out on a clean work surface, rub lightly with oil and scrunch up, then flatten out again. Arrange 4 sheets of filo in a large rectangle on the greaseproof paper, overlapping at the edges, so that it’s almost covering the greaseproof. Rub the filo with a little oil, sprinkle with sea salt, pepper and a pinch of cayenne pepper. Repeat until you have 3 layers. Stir the wilted spinach into the egg mixture, then grate in half the nutmeg and mix well.Slide the greaseproof and filo into the empty frying pan, so that the edges spill over, then push down into the sides of the pan.Pour in the spinach mixture and spread out evenly, then fold the filo up over the filling to cover.Place the pan over a medium heat for 2 minutes, just to get the bottom cooking, then transfer to the top shelf of the oven for 18 to 20 minutes, or until golden and crisp. Delicious served with a fresh seasonal salad.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 830 42%<br/>Fat 57g 81%<br/>Saturates 19.9g 100%<br/>Sugars 5.4g 6%<br/>Salt 4.7g 78%<br/>Protein 36.6g 73%<br/>Carbs 42.8g 16%<br/>Fibre 3.5g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Spinach And Artichoke Pizza Spread.html b/Recipes/Spinach And Artichoke Pizza Spread.html new file mode 100644 index 0000000..36769e4 --- /dev/null +++ b/Recipes/Spinach And Artichoke Pizza Spread.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://babyfoode.com/wp-content/uploads/2015/12/kid-approved-spinach-artichoke-pizza-683x1024.jpg"> + <img src="Images/BBD12E1D-2499-4C41-93C4-9E4E24552B06-21470-0000034C7CBFC0D2/84EF09AB-2C5E-4B99-BDD9-1549EDF86A94-21470-0000034C847DC874.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach And Artichoke Pizza Spread</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://babyfoode.com/blog/healthy-spinach-artichoke-pizza/"> + <span itemprop="author">babyfoode.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>285</strong>g frozen spinach</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can artichoke hearts</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>⅛</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>⅛</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>⅛</strong> tsp pepper</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup shredded mozzarella or Italian cheese blend</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup cherry tomatoes, cut in half</p><br/><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">In a food processor or blender, combine the spinach, artichoke hearts, cream cheese, garlic, parmesan cheese, pepper flakes, salt and pepper until it resembles a thick spread. You can blend longer if your little one doesn’t like chunky green things:)</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Spinach And Feta Flatbreads (Gözleme).html b/Recipes/Spinach And Feta Flatbreads (Gözleme).html new file mode 100644 index 0000000..095aac0 --- /dev/null +++ b/Recipes/Spinach And Feta Flatbreads (Gözleme).html @@ -0,0 +1,285 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach And Feta Flatbreads (Gözleme)</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp extra virgin olive oil, plus extra for drizzling</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cloves garlic, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp cumin seeds</p><p class="line" itemprop="recipeIngredient">Zest of a lemon</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> bunch of dill, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> bunch parsley, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g spinach leaves, roughly chopped and thoroughly dried</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g Greek feta, crumbled</p><p class="line" itemprop="recipeIngredient">Sea salt and pepper</p><p class="line" itemprop="recipeIngredient">Dill fronds</p><p class="line" itemprop="recipeIngredient">Lemon wedges</p><p class="line" itemprop="recipeIngredient">Natural yoghurt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Make the dough <a href="Flatbread for Gözleme.html">Flatbread for Gözleme</a></p><p class="line">Meanwhile, prepare the filling by warming the olive<br/>oil in a pan over a low-medium heat. Gently fry the onion until soft and beginning to colour, around 10 minutes. Add in the garlic and cumin seeds and cook for a further two minutes or until the garlic is softened and the cumin is fragrant. Transfer to a large bowl and allow to cool. Add in the remaining ingredients and drizzle with some more extra virgin olive oil, just<br/>a tablespoon will do. Mix really well, ensuring there are no large pieces of feta as it will pierce holes in the dough when they are rolled. Season to taste.</p><p class="line">Turn the dough onto a work surface and divide into<br/>8 equal pieces. Roll each piece into a ball. Dust your work surface with flour and flatten each ball of dough with the palm of your hand and roll into a rough circle around 15cm in diameter dusting with flour as you need. Place approximately 1⁄2 cup of filling into the centre of the dough. Seal the flatbread by bringing the edges into the centre and pinching to seal. Repeat with remaining pieces of dough. Dust the little parcels with flour on both sides so they don’t stick to the bench or work surface, and gently flatten with your hands or roll until they are around 1cm in thickness, being careful not to make any holes. If holes do occur, try to pinch the dough back together with your fingers to seal.</p><p class="line">Heat a pan over a medium heat and cook the flatbread in the pan until golden and cooked through on both sides (around 2 minutes on each side). Repeat with remaining flatbreads.<br/>Serve the flatbreads with wedges of lemon, extra dill and yoghurt drizzled with a little olive oil and seasoned with salt and pepper.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg', + src: 'Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg', + w: 828.0, + h: 1165.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spinach and Mushroom Lasagne.html b/Recipes/Spinach and Mushroom Lasagne.html new file mode 100644 index 0000000..0c741db --- /dev/null +++ b/Recipes/Spinach and Mushroom Lasagne.html @@ -0,0 +1,303 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/75A34E51-31BF-4C7E-A18A-035791E949C9/7AD74BDB-0639-4E91-9A6C-7FE45DFE58D9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach and Mushroom Lasagne</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>Filling</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g mushrooms, sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, peeled and crushed</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g frozen spinach, defrosted and squeezed dry</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> squeeze lemon juice</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g reduced-fat mozzarella, grated or torn into chunks</p><p class="line" itemprop="recipeIngredient"><strong>245</strong>g fresh lasagne sheets</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g reduced-fat mozzarella, grated or torn into chunks for the topping</p><p class="line" itemprop="recipeIngredient">green salad, to serve</p><br/><p class="line" itemprop="recipeIngredient"><strong>Sauce</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>190</strong>ml skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp cornflour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp nutritional yeast</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp yeast extract, such as marmite</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp garlic granules</p><p class="line" itemprop="recipeIngredient"><strong>395</strong>g tofu, drained</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Heat the oil in a large saucepan, add the mushrooms and garlic and cook gently for 5 minutes until soft. Stir in the spinach, nutmeg and lemon juice, season to taste and leave to cool.</p><p class="line"><strong>Step 2</strong><br/>Meanwhile make the white sauce. Put the carrot and milk into a pan, bring to the boil then simmer for 5 minutes until soft.<br/>Pour into a liquidiser, add the remaining ingredients and blend until smooth.<br/>Return to the pan and heat gently for 5 minutes, whisking constantly until thickened.</p><p class="line"><strong>Step 3</strong><br/>Preheat the oven to 180°C. Layer the spinach and mushroom mixture with the mozzarella, white sauce and pasta sheets in an ovenproof dish, finishing with a final layer of white sauce. Scatter over the extra mozzarella for the topping and bake for 40 minutes until golden and bubbling. Remove from the oven, leave to stand for 10 minutes then serve with a simple green salad.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg', + w: 946.0, + h: 2048.0, + title: '3' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spinach, Courgette & Leek Tart.html b/Recipes/Spinach, Courgette & Leek Tart.html new file mode 100644 index 0000000..1695f1b --- /dev/null +++ b/Recipes/Spinach, Courgette & Leek Tart.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://d1v30bmd12dhid.cloudfront.net/static/version5/content/dam/waitrose/recipes/images/s/Spinach-tart.jpg/_jcr_content/renditions/cq5dam.thumbnail.200.200.png"> + <img src="Images/E3623C5F-85F1-450E-817E-F90FE90C5C57-21470-0000034C55D6DAD1/60BBF4DB-6C03-45F9-9E63-58C975B2E031-21470-0000034C582558CD.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach, Courgette & Leek Tart</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">25 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">40 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves: 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.waitrose.com/home/recipes/recipe_directory/s/spinach-courgetteleektart.html"> + <span itemprop="author">waitrose.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>8</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium leeks (about 300g), trimmed and sliced</p><p class="line" itemprop="recipeIngredient"><strong>260</strong>g pack essential Waitrose Spinach</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> courgettes (about 300g), trimmed and sliced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>175</strong>g ricotta</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon, zest</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> nutmeg, finely grated</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sheets filo pastry</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Preheat the oven to 200˚C, gas mark 6. Heat 1 tsp oil in a large non-stick frying pan over a medium heat. Fry the leeks gently for 5 minutes until wilted but still bright green; tip into a bowl. Fry the spinach in another 1 tsp oil for 2-3 minutes until wilted; tip into a sieve and leave to drain over the sink.</p><p class="line">2. Turn up the heat below the pan; fry the courgettes in 1 tsp oil for 2-3 minutes. Add the garlic; fry for 2-3 minutes more until golden all over. Meanwhile, use the back of a spoon to press as much water as possible out of the spinach in the sieve, then tip onto kitchen paper and squeeze dry. Beat the ricotta, egg, lemon zest and nutmeg in a large mixing bowl. Tip in all of the vegetables, mix together and season.</p><p class="line">3. Line a large, flat baking sheet with parchment. Lay a sheet of filo on top and brush all over with a little oil. Layer up the other 3 sheets, brushing with oil in between. Spread the spinach ricotta mix on top, leaving a 5cm border all around. Fold up the edges, crinkling them slightly, and give them a final brush of oil. Bake for 20-25 minutes; cool slightly and serve.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>To give the tart an extra kick of flavour, add ½ tsp chilli flakes to the ricotta mixture, if liked.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p><strong>Typical values per serving:</strong><br/>Energy 1,356kJ 330kcals<br/>Fat 16.7g<br/>Saturated Fat 6g<br/>Carbohydrate 28.4g<br/>Sugars 5.9g<br/>Protein 15.7g<br/>Salt 0.8g<br/>Fibre 6.5g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Spinach, Penne And Cheese Spoufflé.html b/Recipes/Spinach, Penne And Cheese Spoufflé.html new file mode 100644 index 0000000..ce65ae2 --- /dev/null +++ b/Recipes/Spinach, Penne And Cheese Spoufflé.html @@ -0,0 +1,288 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/50E34355-D9A5-48D7-8D34-B1332321197D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach, Penne And Cheese Spoufflé</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Comfort Food</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Veg Everyday, pg.43</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>300</strong>ml whole milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> onion</p><p class="line" itemprop="recipeIngredient">A few black peppercorns</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g penne or similar shaped pasta</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g spinach, any tough stalks removed</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g unsalted butter, plus extra for greasing</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g mature Cheddar, finely grated</p><p class="line" itemprop="recipeIngredient">A little freshly grated nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> large eggs, separated, plus 1 extra egg white</p><p class="line" itemprop="recipeIngredient">Sea salt</p><p class="line" itemprop="recipeIngredient">freshly ground black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/5645DA86-25E9-4880-8DC8-A0994106F1E4.jpg', + src: 'Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/5645DA86-25E9-4880-8DC8-A0994106F1E4.jpg', + w: 828.0, + h: 919.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Spudzanella + Eggs.html b/Recipes/Spudzanella + Eggs.html new file mode 100644 index 0000000..7e1dd01 --- /dev/null +++ b/Recipes/Spudzanella + Eggs.html @@ -0,0 +1,298 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/2257F036-D59B-4ED6-9690-E4418AD1D82C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spudzanella + Eggs</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">12 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Much More Veg pg. 180</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>750</strong>g new potatoes</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g pitted kalamata olives </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp chopped tarragon </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> inner celery stems</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch spring onions</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp extra virgin olive oil </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp red wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient">sea salt</p><p class="line" itemprop="recipeIngredient">black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/100D07F4-1EE0-40AA-92F3-8F3E90977971.jpg', + src: 'Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/100D07F4-1EE0-40AA-92F3-8F3E90977971.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/B8D28185-4111-46F4-9701-B10F0E4DDF3B.jpg', + src: 'Images/EE38A3AF-B157-4302-B4D2-320A417B78A6/B8D28185-4111-46F4-9701-B10F0E4DDF3B.jpg', + w: 1536.0, + h: 2048.0, + title: '2' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html new file mode 100644 index 0000000..57c1061 --- /dev/null +++ b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/549_1_1436890436.jpg?tr=w-325,h-433"> + <img src="Images/8CAB0A4D-2E77-42F4-8F28-51243B1D7DA6/9E3B5EB2-086A-47E8-8125-03CFB2F7064F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Stewed Rhubarb and Vanilla Yoghurt</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/fruit-recipes/stewed-rhubarb-and-vanilla-yoghurt/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>750</strong> g rhubarb , trimmed and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large orange , juice and zest of</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> pieces stem ginger , finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vanilla pod , halved lengthways</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> ml natural yoghurt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">This easy stewed rhubarb recipe is really versatile and tastes great on porridge and ice cream too.Place the chopped rhubarb in a medium-sized saucepan with the orange juice and zest, 100g caster sugar, 2 tablespoons of water and the ginger. Bring to the boil, then turn down the heat and simmer for 5 minutes until the rhubarb is soft and cooked, but still holds its shape.Meanwhile, scrape the seeds from the vanilla pod and mix these into the yoghurt with the remaining tablespoon of sugar. Serve the warm rhubarb topped with a large dollop of vanilla yoghurt.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 165 8%<br/>Fat 1.9g 3%<br/>Saturates 1.1g 6%<br/>Sugars 35.2g 39%<br/>Salt 0.09g 2%<br/>Protein 3.7g 7%<br/>Carbs 35.7g 14%<br/>Fibre 2.6g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Store-Bought Pies With Peas.html b/Recipes/Store-Bought Pies With Peas.html new file mode 100644 index 0000000..154f3fb --- /dev/null +++ b/Recipes/Store-Bought Pies With Peas.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/23D1977D-DD88-43F1-A5C4-F429C626B2ED.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Store-Bought Pies With Peas</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="4">★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">Quorn Pies</p><p class="line" itemprop="recipeIngredient">Meat Pies</p><p class="line" itemprop="recipeIngredient">Peas</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/5A713B48-8A39-49BD-9C23-82644856338F.jpg', + src: 'Images/41B0DB80-4D6B-46E3-A410-7CC861ACF5BC/5A713B48-8A39-49BD-9C23-82644856338F.jpg', + w: 2048.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Sweet Potato Broccoli & Barley Salad.html b/Recipes/Sweet Potato Broccoli & Barley Salad.html new file mode 100644 index 0000000..27ad38f --- /dev/null +++ b/Recipes/Sweet Potato Broccoli & Barley Salad.html @@ -0,0 +1,210 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://i2.wp.com/smittenkitchen.com/wp-content/uploads//2013/10/10129849956_5b4c826237_o.jpg?fit=750%2C500&ssl=1"> + <img src="Images/879D1E7A-ACA1-4520-9CF6-192A0E6A4F56/1F255D0C-1DEA-4CDB-855B-A45C07FE8C5E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Potato Broccoli & Barley Salad</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://smittenkitchen.com/2013/10/miso-sweet-potato-and-broccoli-bowl/"> + <span itemprop="author">smittenkitchen.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> cup barley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> kg sweet potatoes</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1 to 2</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp white sesame seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp black sesame seeds</p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat oven to 400 degrees. Place rice or grain and cooking liquid in a rice cooker or on the stove. Cook according to package directions.</p><p class="line">Peel sweet potatoes and cut into 1-inch cubes. Cut tops off broccoli and separate into bite-sized florets. If your broccoli stems feel especially woody, I like to peel them (with the same vegetable peeler), then cut them into 1/2- to 1-inch segments.</p><p class="line">Coat one large or two smaller trays with a thin slick of olive oil. Layer sweet potatoes on tray(s) and sprinkle with salt and pepper. Roast for 20 minutes, until browning underneath. Flip and toss chunks around, then add broccoli to the tray(s), season again with salt and pepper, and roast for another 10 to 20 minutes, until broccoli is lightly charred at edges and sweet potato is fully bronzed and tender. Toss chunks around one more time if it looks like they’re cooking unevenly.</p><p class="line">In a small skillet, toast black and white sesame seeds until fragrant. (You can do this in the oven if using an oven-proof skillet.) Let cool.</p><p class="line">While vegetables roast, prepare sesame-miso dressing: Combine everything in a blender and run until smooth, scraping down sides once. Taste and adjust ingredients if needed, but try to resist adding more honey if it tastes salty, as that extra pop of saltiness is exactly what I think sweet potato needs.</p><p class="line">Assemble bowls: Scoop some rice/grains into each, then pile on the roasted sweet potatoes and broccoli. Coat lightly with sesame-miso dressing and finish with toasted sesame seed duo. Serve with extra dressing on the side.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sweet Potato Fries.html b/Recipes/Sweet Potato Fries.html new file mode 100644 index 0000000..70e41ef --- /dev/null +++ b/Recipes/Sweet Potato Fries.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/sweet-potato-fries-4908b8b.jpg?quality=90&resize=440,400"> + <img src="Images/AEF22028-D0F8-4ED8-A764-FC4000F795EC-21470-0000034FEF88ACF5/EAF345DC-2506-42D7-A6C8-6597423CFA77-21470-0000034FF171AAE4.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Potato Fries</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">2 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 1</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/sweet-potato-fries"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>95</strong>g sweet potato, cut into fries</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> tsp cayenne pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat oven to 200C/180C fan/ gas 6.</p><p class="line">Put 95g sweet potato, cut into fries, on a baking tray and mix with 1 tsp rapeseed oil and ¼ tsp cayenne pepper.</p><p class="line">Bake in the oven for 20 mins.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html b/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html new file mode 100644 index 0000000..f3b6121 --- /dev/null +++ b/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html @@ -0,0 +1,303 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/3986FDF0-BBDE-42F8-BF17-688078CB9BAF.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Potato Gnocchi with Creamed Spinach</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>85</strong>g cooked sweet potato flesh</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g chickpea flour, plus extra for dusting</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g baby spinach, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g low-fat cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g parmesan or hard cheese, finely grated</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Step 1<br/>Stick a medium-sized sweet potato in the microwave for 8-10 minutes until soft then split open, scoop and weigh out the flesh into a large bowl.</p><p class="line">Step 2<br/>Mix in the chickpea (or gram) flour and a good pinch of salt then work together to make a soft dough. Turn out onto a floured work surface, roll into a sausage roughly 1cm thick then cut into small pieces, around 2½cm in length.</p><p class="line">Step 3<br/>Bring a large pan of salted water to the boil, drop the gnocchi in and cook for 2 minutes. Drain then set aside.</p><p class="line">Step 4<br/>Heat a splash of water in the same pan over a high heat, add the spinach and stir until wilted. Drain thoroughly then roll up in a few sheets of kitchen paper and squeeze out as much excess water as possible. Put the spinach into a food processor with the nutmeg, cream cheese and half of the parmesan and pulse until smooth. Pour into the pan, warm gently and stir in the gnocchi.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/8BA2F4F3-7369-4F5B-AF53-B7E5243A959D.jpg', + src: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/8BA2F4F3-7369-4F5B-AF53-B7E5243A959D.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/5E6D24DD-FA10-4224-828C-34A57638E122.jpg', + src: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/5E6D24DD-FA10-4224-828C-34A57638E122.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/314AC4FD-1303-4660-8B31-DDCFA0143CBA.jpg', + src: 'Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/314AC4FD-1303-4660-8B31-DDCFA0143CBA.jpg', + w: 946.0, + h: 2048.0, + title: '3' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Sweet Potato, Ginger And Coconut Stew.html b/Recipes/Sweet Potato, Ginger And Coconut Stew.html new file mode 100644 index 0000000..cc09c1d --- /dev/null +++ b/Recipes/Sweet Potato, Ginger And Coconut Stew.html @@ -0,0 +1,191 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Potato, Ginger And Coconut Stew</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon ground allspice or 2 allspice berries</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient">spring onions (bunch) - white and green parts roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves of garlic, peeled</p><p class="line" itemprop="recipeIngredient">a thumb-sized piece of ginger, peeled and roughly chopped</p><p class="line" itemprop="recipeIngredient">a few sprigs of thyme, leaves picked</p><p class="line" itemprop="recipeIngredient">a large bunch of fresh coriander, stalks finely chopped</p><p class="line" itemprop="recipeIngredient">the juice and zest of 2 unwaxed limes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> Scotch bonnet chilli</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400ml tin coconut milk</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> butternut squash or pumpkin (about 600g), peeled and chopped into bite-sized pieces</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> sweet potatoes, peeled and chopped into bite-sized pieces</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400g tin black-eyed beans or kidney beans</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> head of greens, thick stalks removed, roughly shredded</p><br/><p class="line" itemprop="recipeIngredient"><strong>FOR THE TOPPING</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g toasted pumpkin seeds (or the toasted seeds from inside your squash)</p><p class="line" itemprop="recipeIngredient">rotis or rice (see page 193)</p><p class="line" itemprop="recipeIngredient">yoghurt of your choice</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Toast the allspice berries for a minute or so in a large heavy-based,<br/>lidded pan that you can use for your stew (skip this step if using<br/>ground), then put into a food processor with a tablespoon of the olive<br/>oil, the spring onions, garlic, ginger, thyme leaves, coriander stalks and<br/>the juice and zest of 1 lime. Season with salt and pepper and blitz to<br/>form a paste.<br/>Put the pan back over a medium heat and, once hot, add the remaining<br/>oil and fry the paste, stirring all the time, for 3-4 minutes until fragrant.</p><p class="line">Add the bay leaves, whole chilli, coconut milk and 500ml warm water to<br/>the pan. Stir to combine, bring to a simmer and cook for a few minutes,<br/>then add the squash or pumpkin and sweet potatoes. Drain and rinse<br/>the beans, then roughly mash them in a bowl, add to the pan and cook<br/>for 30-40 minutes at a gentle simmer.</p><p class="line">Make your topping. Mix the olive oil and pumpkin seeds with the zest<br/>of the second lime and season with salt.</p><p class="line">Once the squash or pumpkin and potatoes are cooked, and are just<br/>holding their shape but soft throughout, and the sauce is rich and<br/>flavourful, scoop out the bay, whole chilli and any thyme sprigs, then<br/>add the greens to the top of the stew - don't stir them in - and cover<br/>with a lid. Cook for a couple of minutes until dark, bright green. Remove<br/>the stew from the heat and squeeze over the juice of the remaining<br/>lime. Taste and add more lime, salt or pepper if needed.</p><p class="line">Use tongs to divide the greens between warm bowls before spooning<br/>over generous helpings of the stew. Scatter over the toasted pumpkin-<br/>seed topping and the reserved coriander leaves. Serve with yoghurt and<br/>rice or rotis on the table for people to help themselves.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sweet Tahini Scrolls.html b/Recipes/Sweet Tahini Scrolls.html new file mode 100644 index 0000000..cd15411 --- /dev/null +++ b/Recipes/Sweet Tahini Scrolls.html @@ -0,0 +1,177 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Tahini Scrolls</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html b/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html new file mode 100644 index 0000000..dd30f38 --- /dev/null +++ b/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://images.immediate.co.uk/production/volatile/sites/30/2020/08/sweetcorn-courgette-fritters-f474258.jpg?resize=960,872?quality=90&resize=556,505"> + <img src="Images/09225F55-09F4-4DBE-A7CD-7ED374C75125/D09064C0-C402-4326-99FE-B355486D9A28.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Sweetcorn & Courgette Fritters with Poached Eggs</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/sweetcorn-courgette-fritters"> + <span itemprop="author">bbcgoodfood.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>198</strong>g can sweetcorn, drained</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g courgette, grated</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg (batter)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> eggs for poaching (not in the recipe)</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>ml milk</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp sweet chilli sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime, juice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g mixed leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Mix the sweetcorn, spring onions, courgette, paprika, flour, beaten egg, milk and some seasoning in a large bowl and set aside.</p><p class="line">Put a large pan of water on to boil. In a bowl, mix the chilli sauce with the lime juice and set aside.</p><p class="line">Heat the oil in a large, non-stick pan and spoon in four burger-sized mounds of the fritter mixture, spaced apart (you may need to do this in two batches). When brown on the underside, turn over and cook for 3 mins more until golden.</p><p class="line">Meanwhile, poach the eggs in the simmering water for 2-3 mins until cooked and the yolks are runny. Remove with a slotted spoon. Serve the fritters topped with a poached egg, mixed leaves and a drizzle of the chilli dressing.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Tacos.html b/Recipes/Tacos.html new file mode 100644 index 0000000..9be6546 --- /dev/null +++ b/Recipes/Tacos.html @@ -0,0 +1,278 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/6A2E4733-DC2B-419B-BF67-C8990EEC6D46-4916-000000DBAF70CD78.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tacos</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>6</strong> taco shells</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> cubes bean mix</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lime</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, or pickled red onions</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup greek yoghurt</p><p class="line" itemprop="recipeIngredient">iceberg lettuce</p><p></p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/26B8D7BA-EF3F-4431-8E12-67811F258644-4916-000000DBA7ED53C3.jpg', + src: 'Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/26B8D7BA-EF3F-4431-8E12-67811F258644-4916-000000DBA7ED53C3.jpg', + w: 500.0, + h: 281.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Tahini Yogurt Sauce.html b/Recipes/Tahini Yogurt Sauce.html new file mode 100644 index 0000000..cd68f1d --- /dev/null +++ b/Recipes/Tahini Yogurt Sauce.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://foolproofliving.com/wp-content/uploads/2018/01/19-16017-post/Tahini-Yogurt-Sauce-2-1765-1000x1000.jpg"> + <img src="Images/252C678B-B06C-46BD-A5D0-BE070C46A1EA/3451D669-8187-408A-BEDD-CF6948A60F94.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tahini Yogurt Sauce</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">10 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Yields: 4 servings</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://foolproofliving.com/tahini-yogurt-sauce/"> + <span itemprop="author">foolproofliving.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> cup full-fat Greek Yogurt</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tablespoons tahini stirred well</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons lemon juice freshly squeezed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic minced</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon Kosher salt</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> teaspoon black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Place all ingredients in a bowl and whisk until combined.</p><p class="line">Taste for seasoning and add in more if you like.</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>If you prefer a thicker texture, you can line a colander (placed in a bowl) with cheesecloth, place yogurt in it, and let it drain overnight in the fridge. The consistency of the sauce made with the drained yogurt will be much thicker, making it perfect to use as a spread for burgers or as a dip to serve with fresh vegetables.</p><p>Like most yogurt based dressings, this sauce is best on the day it is made. However, if you keep in an airtight jar, it would still be good the next day. Be sure to give it a good shake before use.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories: 101kcal | Carbohydrates: 5g | Protein: 7g | Fat: 6g | Saturated Fat: 1g | Cholesterol: 3mg | Sodium: 604mg | Potassium: 122mg | Fiber: 1g | Sugar: 2g | Vitamin C: 4mg | Calcium: 74mg | Iron: 1mg</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/The Creamiest and Greenest One-Pot Pasta.html b/Recipes/The Creamiest and Greenest One-Pot Pasta.html new file mode 100644 index 0000000..8e51938 --- /dev/null +++ b/Recipes/The Creamiest and Greenest One-Pot Pasta.html @@ -0,0 +1,299 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/FD00663F-F58D-47BD-A10A-600895A06A81.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">The Creamiest and Greenest One-Pot Pasta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://greenkitchenstories.com/the-greenest-pasta/"> + <span itemprop="author">Green Kitchen Stories</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>160</strong> g pasta</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> leaves Kale or Cavolo Nero</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup (75 g) frozen peas (thawed)</p><p class="line" itemprop="recipeIngredient">A handful basil </p><p class="line" itemprop="recipeIngredient">A handful mint leaves (optional)</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> tbsp olive oil </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon </p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp Parmesan cheese (or nutritional yeast to keep it vegan) </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> broccoli </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful toasted hazelnuts / pine nuts</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><br/>1. Set a big pot of salted water on the stove and bring to a boil.</p><p class="line">2. Add pasta for two people.</p><p class="line">3. Tear the kale off the stem and add it to the pasta water along with a garlic clove.</p><p class="line">4. You only want to soften the kale slightly, so after about a minute you can use a tong to pick it up, along with the garlic and some of the pasta water.</p><p class="line">5. Add the kale, garlic, half of the peas, olive oil, basil, mint, juice from half the lemon, a good grating of parmesan (or nutritional yeast) and a little bit of the pasta water (start with 4 tablespoons) to a blender. Mix smooth, taste and adjust the flavor, adding more salt, lemon juice, parmesan or pasta water if needed. You want it entirely smooth but not too runny, in that case you can add some more peas, herbs or cheese.</p><p class="line">6. Break the florets off the broccoli and toss into the pasta water along with the remaining peas during the last few minutes of the pasta's cooking time.</p><p class="line">7. Pour it all into a colander and then back into the pot. </p><p class="line">8. Pour half of the green sauce into the pot and give it a stir until it's all creamy.</p><p class="line">9. Grab two plates and divide the remaining sauce in the middle of the plates. Use the backside of a spoon to create round puddles. Divide the pasta on top.</p><p class="line">10. Chop the toasted hazelnuts and sprinkle over the pasta, along with some fresh mint leaves, a grating of parmesan and lemon zest and freshly ground black pepper.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg', + src: 'Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg', + w: 888.0, + h: 1332.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html b/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html new file mode 100644 index 0000000..dd778a2 --- /dev/null +++ b/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Toast With Eggs, Avocado, Mushy-Peas</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> Avocado</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> Eggs</p><p class="line" itemprop="recipeIngredient">Toast</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup of frozen peas</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Toasties.html b/Recipes/Toasties.html new file mode 100644 index 0000000..065ca25 --- /dev/null +++ b/Recipes/Toasties.html @@ -0,0 +1,184 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Toasties</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient">bread</p><p class="line" itemprop="recipeIngredient">cheese</p><p class="line" itemprop="recipeIngredient">tomato</p><p class="line" itemprop="recipeIngredient">red onion</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Tofu Katsu Curry.html b/Recipes/Tofu Katsu Curry.html new file mode 100644 index 0000000..9b0c636 --- /dev/null +++ b/Recipes/Tofu Katsu Curry.html @@ -0,0 +1,291 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/A057F163-B87B-40F4-A9C0-B73E1FD1656B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tofu Katsu Curry</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">0 min</span> + + <b>Total Time: </b><span itemprop="totalTime">30 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, peeled and crushed</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g ginger, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> onion, peeled and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> small apple, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp curry powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp turmeric</p><p class="line" itemprop="recipeIngredient"><strong>115</strong>ml vegetable stock or water</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g sushi rice or short grain rice</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g vegan cream</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp white miso paste</p><p class="line" itemprop="recipeIngredient"><strong>155</strong>g firm tofu, drained</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp plain flour</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g panko or fine white breadcrumbs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful mixed salad leaves</p><p class="line" itemprop="recipeIngredient">pickled ginger, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong><br/>Heat half of the vegetable oil in a saucepan, add the garlic, ginger, onion and apple and fry gently until soft. Add the spices, fry for a minute then pour in the stock. Simmer gently for 3-4 minutes until thickened, then blend until smooth. Season with a pinch of salt. Meanwhile cook the rice according to the packet instructions.</p><p class="line"><strong>Step 2</strong><br/>Whisk the oat cream and miso paste together in a shallow bowl then coat the tofu in the flour. Dip the floured tofu in the miso mixture then coat in the breadcrumbs, making sure all of the tofu is coated.</p><p class="line"><strong>Step 3</strong><br/>Heat the remaining oil in a frying pan then fry the tofu for 3-4 minutes on each side until golden and crisp. Slice the tofu and plate up with the sauce and rice. Serve with the salad and pickled ginger.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg', + src: 'Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg', + w: 2035.0, + h: 812.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Tofu Satay Skewers with Pickled Cucumber.html b/Recipes/Tofu Satay Skewers with Pickled Cucumber.html new file mode 100644 index 0000000..33c59df --- /dev/null +++ b/Recipes/Tofu Satay Skewers with Pickled Cucumber.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/3893---Tofu-Satay-Skewers-With-Pickled-Cucumber-9365-1637058163592-x200.jpg"> + <img src="Images/22C7246A-065F-4DA7-81B1-F500A22CF97A/6606E7AE-BABF-4E92-BAE3-6B6768CE26F5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tofu Satay Skewers with Pickled Cucumber</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/tofu-satay-skewers-with-pickled-cucumber"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> midi cucumber</p><p class="line" itemprop="recipeIngredient"><strong>130</strong>g brown rice</p><p class="line" itemprop="recipeIngredient"><strong>26</strong>g smooth peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g solid creamed coconut</p><p class="line" itemprop="recipeIngredient"><strong>280</strong>g plain tofu</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp dried chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>ml rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion</p><p class="line" itemprop="recipeIngredient"><strong>8</strong>ml soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> skewers</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp curry powder</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For 2 people [double for 4]</p><p class="line">1. Boil half a kettle</p><p class="line">Soak your skewers in cold water (this prevents them from burning whilst cooking)</p><p class="line">Chop the tofu into 12 [24] large cubes by dividing the block into 3 lengthways and then cutting each slice into quarters</p><p class="line">Chop the creamed coconut roughly (if required!) and combine with 200ml [400ml] boiled water – this is your coconut stock</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 553 kJ 2889 kJ 132 kcal 692 kcal<br/>Fat 6.9 g 36.2 g<br/>of which saturates 3.6 g 18.7 g<br/>Carbohydrate 11.4 g 59.5 g<br/>of which sugars 1.1 g 5.6 g<br/>Fibre 1.9 g 9.8 g<br/>Protein 5.6 g 29.5 g<br/>Salt 0.24 g 1.24 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Tofu Schnitzel with Pickled Potato Salad and Green Beans.html b/Recipes/Tofu Schnitzel with Pickled Potato Salad and Green Beans.html new file mode 100644 index 0000000..e99dbe8 --- /dev/null +++ b/Recipes/Tofu Schnitzel with Pickled Potato Salad and Green Beans.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://production-media.gousto.co.uk/cms/mood-image/5185_Tofu-Schnitzel-with-Pickled-Potato-Salad--Green-Beans_001_0-1670403440848-x200.jpg"> + <img src="Images/6FFE6AD9-1C84-43AB-BFE0-846B0A3B71FF/57718B6E-2A68-4805-978A-91F7BE80A198.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tofu Schnitzel with Pickled Potato Salad and Green Beans</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">35 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/tofu-schnitzel-with-pickled-potato-salad-green-beans"> + <span itemprop="author">gousto.co.uk</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>400</strong>g waxy potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g fine green beans</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp cornflour</p><p class="line" itemprop="recipeIngredient"><strong>21</strong>g wholegrain mustard</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>ml light mayonnaise</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g panko breadcrumbs</p><p class="line" itemprop="recipeIngredient"><strong>280</strong>g plain tofu</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g chives</p><p class="line" itemprop="recipeIngredient"><strong>8</strong>ml soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> shallot</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">For 2 people [double for 4]</p><p class="line">1. Preheat the oven to 200°C/ 180°C (fan)/ gas 6</p><p class="line">Add the waxy potatoes to a baking tray with a drizzle of olive oil and a pinch of salt and pepper</p><p class="line">Put the tray in the oven for 25-30 min or until the potatoes are crispy and cooked through – these are your crispy potatoes</p><p class="line">2. Meanwhile, drain the tofu and pat it dry with kitchen paper, then slice the tofu into 4[8] pieces</p><p class="line">Add the sliced tofu to a bowl with the soy sauce and wholegrain mustard</p><p class="line">Give everything a good mix up, then set aside for later – this is your mustard marinated tofu</p><p class="line">3. Boil a kettle</p><p class="line">Peel and finely dice the shallot[s]</p><p class="line">Finely chop the chives</p><p class="line">Roll the lemon[s] with your hand on a hard surface (to release more juice) and cut into wedges</p><p class="line">Trim the green beans</p><p class="line">4. Add the diced shallot to a large bowl with the juice of 1/2 [1] lemon and a pinch of salt and sugar and set aside for 1-2 min</p><p class="line">After 1-2 min, add the mayo to the bowl and stir it all together – this is your quick-pickled shallot mayo</p><p class="line">5. Add the cornflour to the mustard marinated tofu with 2 tbsp [4 tbsp] cold water and a pinch of salt and mix it all together</p><p class="line">Add the panko breadcrumbs to a plate with the smoked paprika and a generous pinch of salt – these are your smoky breadcrumbs</p><p class="line">Press the tofu into the smoky breadcrumbs firmly to evenly coat all over – this is your breaded tofu</p><p class="line">6. Heat a large, wide-based pan (preferably non-stick) with a very generous drizzle of vegetable oil (enough to cover the base of the pan) over a medium-high heat</p><p class="line">Once hot, add the breaded tofu and cook for 4-5 min on each side or until browned – this is your tofu schnitzel</p><p class="line">7. While the tofu is cooking, add the green beans to a pot, cover them with boiled water (just enough to cover them) and bring to the boil over a high heat</p><p class="line">Cook for 3-4 min or until tender – these are your cooked green beans</p><p class="line">Once the potatoes are ready, add the crispy potatoes and chopped chives to the quick-pickled shallot mayo and give everything a good mix up – this is your pickled potato salad</p><p class="line">Serve the tofu schnitzel with the pickled potato salad and cooked green beans to the side</p><p class="line">Garnish with a remaining lemon wedge</p><p class="line">Enjoy!</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Typical values per 100g per serving<br/>Energy 502 kJ 2754 kJ 119 kcal 655 kcal<br/>Fat 6.3 g 34.5 g<br/>of which saturates 0.7 g 3.6 g<br/>Carbohydrate 9.9 g 54.0 g<br/>of which sugars 1.3 g 7.1 g<br/>Fibre 1.8 g 10.1 g<br/>Protein 5.9 g 32.2 g<br/>Salt 0.30 g 1.62 g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Tomato Dhal.html b/Recipes/Tomato Dhal.html new file mode 100644 index 0000000..c1ead2e --- /dev/null +++ b/Recipes/Tomato Dhal.html @@ -0,0 +1,286 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/B15D8ACB-5A03-4A09-B964-A68F651E4D88-5288-000000F9358CFF61.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tomato Dhal</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">4-6</span> + + + <!-- Source --> + + <b>Source: </b> + + + <span itemprop="author">River Cottage Much More Veg pg.197</span> + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp rapeseed oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground turmeric</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tin tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g red lentils</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/EB737870-3421-4BB1-95A0-E95CDB2C2EC0-5288-000000F932076232.jpg', + src: 'Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/EB737870-3421-4BB1-95A0-E95CDB2C2EC0-5288-000000F932076232.jpg', + w: 545.0, + h: 545.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Tomato Soup.html b/Recipes/Tomato Soup.html new file mode 100644 index 0000000..834eb19 --- /dev/null +++ b/Recipes/Tomato Soup.html @@ -0,0 +1,191 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + + <!-- Name --> + <h1 itemprop="name" class="name">Tomato Soup</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>60</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, sliced</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> kg very ripe tomatoes, seeded and roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre Vegetable Stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbps potato flour</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">freshly ground black pepper</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Melt butter and gently sauté onion in a large saucepan until softened. </p><p class="line">Add tomato to pan, then cover and cook gently until tomato is very soft, about 20 minutes. </p><p class="line">Pass through the medium disc of a food mill and return to pan. </p><p class="line">Add stock and heat to simmering point.</p><p class="line">Mix potato flour to a smooth cream with a little cold water. Stir a good ladleful of soup into potato flour mixture, then return it to pan. Stir until soup returns to a simmer.</p><p class="line">Cook for a further 15 minutes and add salt and pepper to taste. </p><p class="line">Pass through the finest disc of a food mill if there are too many fragments for your liking. For the smoothest texture of all, whizz the soup in a blender.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Vegan Chickpea Satay Curry.html b/Recipes/Vegan Chickpea Satay Curry.html new file mode 100644 index 0000000..302f289 --- /dev/null +++ b/Recipes/Vegan Chickpea Satay Curry.html @@ -0,0 +1,223 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.taste.com.au/mxW_etgS/w643-h428-cfill-q90/taste/2019/02/vegan-chickpea-satay-curry-147571-2.jpg"> + <img src="Images/5D71F3F6-339F-48F7-A17A-2C83BBE92DB5-21470-0000034DA8C86854/7A95FB57-A1D3-469C-9195-B10C7A5905A8-21470-0000034DAA9A7AA9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Vegan Chickpea Satay Curry</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">30 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.taste.com.au/recipes/vegan-chickpea-satay-curry-recipe/w66dcbf2"> + <span itemprop="author">taste.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp peanut oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown onion, cut into thin wedges</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp crushed red chilli (or sambal olek)</p><p class="line" itemprop="recipeIngredient"><strong>90</strong>g (1/3 cup) Sanitarium™ Natural Smooth Peanut Butter</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>ml (2/3 cup) coconut milk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons light soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>700</strong>g pumpkin, peeled, deseeded, cut into 2cm pieces</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>ml (2/3 cup) water</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g green beans, trimmed, halved</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can Coles Chickpeas, drained, rinsed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp fresh lime juice</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup fresh coriander leaves</p><p class="line" itemprop="recipeIngredient">Steamed brown rice, to serve</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil in a large, deep frying pan or wok over medium heat. Add the onion and cook, stirring occasionally, for 5 minutes or until soft and lightly golden. Add the garlic and chilli and cook, stirring, for 30 seconds or until aromatic.</p><p class="line">Reduce the heat to low and add the peanut butter, coconut milk and soy sauce. Stir until evenly combined. Add the pumpkin and 160ml (2/3 cup) water. Cover and bring to a simmer. Cook, stirring occasionally, for 6 minutes or until the pumpkin is just tender.</p><p class="line">Add the beans and chickpeas to the pan and cook for a further 2 minutes or until beans are tender-crisp. Stir in lime juice and top with coriander leaves. Serve with brown rice.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>2205 kj Energy 25.5g Fat Total 9g Saturated Fat 11g Fibre 17g Protein 51.5g Carbs (total)</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Vegetable Savoury Muffins.html b/Recipes/Vegetable Savoury Muffins.html new file mode 100644 index 0000000..3bc6ec6 --- /dev/null +++ b/Recipes/Vegetable Savoury Muffins.html @@ -0,0 +1,232 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.healthylittlefoodies.com/wp-content/uploads/2018/01/savoury-muffins-in-lunch-tray-200x300.jpg"> + <img src="Images/E6F7057F-6080-4E59-BD86-036DEF2FEB90/5FD13C3E-7942-4CF8-8CC6-362850705C25.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Vegetable Savoury Muffins</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">15 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">20 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves: 12 muffins</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.healthylittlefoodies.com/vegetable-savoury-muffins/"> + <span itemprop="author">healthylittlefoodies.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>250</strong>g Zucchini, grated</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g Carrot, grated</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g Frozen Peas</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g Frozen Corn</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g Cheddar Cheese, grated</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup Milk</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup Plain Greek Yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup Olive Oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> Eggs</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g Plain Wholemeal Flour</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tsp Baking Powder</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Preheat oven to 180C / 350F</p><p class="line">Place the zucchini and carrot onto a clean dish towel and wrap it around the vegetables. (see image above) Squeeze all the juice out. *SEE NOTE 2</p><p class="line">Place the zucchini and carrots into a large mixing bowl along with the peas and sweetcorn. Add the cheese, milk, yogurt, olive oil and egg and stir until combined.</p><p class="line">Mix the flour and baking powder together and then slowly add to the wet ingredients. Fold in gently, until just combined. *SEE NOTE 3</p><p class="line">Spray a 12 hole muffin tray with oil or grease with butter. Spoon the mixture, equally, between the 12 muffin sections. Bake for 20-25 mins. *SEE NOTE 4</p> + </div> + </div> + + + <!-- Notes --> + + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>I used a plain wholemeal flour, I am currently living in Australia and find their wholemeal flour whiter in colour and it appears more processed than the wholemeal flour I was used to in the UK. I can not guarantee what the results will be like with less processed wholemeal flour as I haven't tested although some people have commented that it produced a denser muffin. The recipe will also work well with plain / all purpose flour.</p><p>Don't throw away the juice. Save it and add it to smoothies or pasta sauces etc.</p><p>Don't be tempted to over stir the mixture. The mixture should be lumpy, thick and looking very messy. It should only take around 10 strokes with your wooden spoon.</p><p>Every oven is different, so while you should still follow the bake time in this recipe, use a skewer to test your muffins a couple minutes before the end of the bake time. Your skewer will come out clean if they are ready.</p> + </div> + </div> + + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Cholesterol 42.3mg<br/>Sodium 98.4mg<br/>Carbohydrates 19.1g<br/>Protein 7.9g</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Veggie Gyoza with Edamame & Egg.html b/Recipes/Veggie Gyoza with Edamame & Egg.html new file mode 100644 index 0000000..73a6c64 --- /dev/null +++ b/Recipes/Veggie Gyoza with Edamame & Egg.html @@ -0,0 +1,284 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="#"> + <img src="Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/41CD9139-9227-4EF8-A7DA-BB5569A2BB8D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Veggie Gyoza with Edamame & Egg</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">15</span> + + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>18</strong> veggie gyoza</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g edamame pods</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp rice wine vinegar</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/1BD965F3-C737-45D1-A448-06032EBED3DA.jpg', + src: 'Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/1BD965F3-C737-45D1-A448-06032EBED3DA.jpg', + w: 1536.0, + h: 2048.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> diff --git a/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html b/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html new file mode 100644 index 0000000..b1c6c4b --- /dev/null +++ b/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html @@ -0,0 +1,212 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://ohmyveggies.com/wp-content/uploads/2017/01/winter-vegetable-stir-fry-2-200x300.jpg"> + <img src="Images/6F1F43AD-12CB-406B-B8DA-0C9FE4BCE2CA-21470-0000034CC1A48F07/2A8E6C50-80B0-4ED9-86F1-B8416E7C34F1-21470-0000034CC425720D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Winter Vegetable Stir-Fry with Crispy Tofu</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Cook Time: </b><span itemprop="cookTime">15 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://ohmyveggies.com/winter-vegetable-stir-fry/"> + <span itemprop="author">ohmyveggies.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>For the sauce:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup soy sauce or tamari</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons water</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons sriracha sauce (optional, or to taste)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon cornstarch</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves, minced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon freshly grated ginger</p><p class="line" itemprop="recipeIngredient"><strong>For the stir-fry:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> (14 ounce) package extra firm tofu, drained and pressed at least 30 minutes</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup cornstarch</p><p class="line" itemprop="recipeIngredient"><strong>1/4 to 1/3</strong> cup canola oil (or another high smoke point oil), divided</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> ounces white button mushrooms, cleaned and stemmed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> scallions, chopped, white and green parts separated</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium carrots, sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium broccoli crown, broken into florets</p><p class="line" itemprop="recipeIngredient"><strong>For serving:</strong></p><p class="line" itemprop="recipeIngredient">Cooked rice</p><p class="line" itemprop="recipeIngredient">Toasted sesame seeds</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Begin by making the sauce. In a small bowl, stir together the soy sauce or tamari, rice vinegar, maple syrup, water, sriracha sauce, cornstarch, garlic and ginger. Set aside.</p><p class="line">Next, make the stir-fry. Place the cornstarch into a medium bowl. Add the tofu cubes and toss a few times, to dredge the tofu cubes in cornstarch. Set aside the bowl, leaving the tofu cubes sitting in the cornstarch.</p><p class="line">Coat the bottom of a large skillet with 2 tablespoons of canola oil and place over medium heat. When oil is hot, add mushrooms in a single layer. Cook until they begin to brown on the bottoms, about 5 minutes, then flip and cook until browned on opposite sides, about 5 minutes more. Remove the mushrooms from the skillet and transfer to a plate.</p><p class="line">Coat the skillet with another 2 tablespoons of oil and raise heat to medium-high. Remove the tofu cubes from the cornstarch mixture, gently shaking off any excess cornstarch. Add the tofu cubes to the skillet in an even layer, cooking for about 10 to 12 minutes, and flipping 2 or 3 times to achieve browning on multiple sides. You can add a bit more oil to the skillet if it becomes too dry while the tofu cooks. Once tofu has finished cooking, remove it from the skillet and transfer it to a paper-towel lined plate.</p><p class="line">If the skillet is dry at this point, add a dash or two of oil. Raise heat to high and add carrots and white parts of scallions, then stir-fry for 1 minute. Add broccoli, and continue to stir-fry until the veggies are tender-crisp and have brightened in color, about 3 minutes.</p><p class="line">Add sauce to the skillet and cook just until it thickens, 1 to 2 minutes. Add the green parts of the scallions, and return the mushrooms and tofu to to the skillet. Flip a few times to coat everything in sauce.</p><p class="line">Immediately divide onto plates and serve with rice and a sprinkling of toasted sesame seeds.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> diff --git a/Recipes/Zucchini Pea and Ricotta Slice.html b/Recipes/Zucchini Pea and Ricotta Slice.html new file mode 100644 index 0000000..7976286 --- /dev/null +++ b/Recipes/Zucchini Pea and Ricotta Slice.html @@ -0,0 +1,214 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://www.goodiegoodielunchbox.com.au/wp-content/uploads/2017/11/IMG_1367-web.jpg"> + <img src="Images/144A2F88-2503-4B11-8E9E-88ADA7759473-21470-00000350ABD7B02F/73D8097A-76AC-4BD4-AE7E-AF7C2ACB736E-21470-00000350B120F6E7.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Zucchini Pea and Ricotta Slice</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">10 minutes</span> + + <b>Cook Time: </b><span itemprop="cookTime">25 minutes</span> + + <b>Servings: </b><span itemprop="recipeYield">Yield: 8 generous slices</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.goodiegoodielunchbox.com.au/zucchini-pea-ricotta-slice/"> + <span itemprop="author">goodiegoodielunchbox.com.au</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>2</strong> medium zucchini grated (around 250 grams)</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> grams of peas</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup of ricotta</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup of grated tasty cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp finely chopped mint</p><p class="line" itemprop="recipeIngredient">Zest and juice of half a lemon</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp salt and freshly cracked pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup of self raising flour</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Pre-heat your oven to 180c and grease and line a large rectangular (around 30cm x 20cm) ovenproof dish.</p><p class="line">In a large bowl combine all of the ingredients except the flour</p><p class="line">Slowly stir through the flour until just combined</p><p class="line">Spoon in the mixture into your prepared dish</p><p class="line">Cook for around 25 minutes or until lightly golden and set</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> |
