diff options
Diffstat (limited to 'Recipes')
496 files changed, 28019 insertions, 9804 deletions
diff --git a/Recipes/15-Minute Mushroom Sauce without Cream.html b/Recipes/15-Minute Mushroom Sauce without Cream.html index f4f4594..8fa4599 100644 --- a/Recipes/15-Minute Mushroom Sauce without Cream.html +++ b/Recipes/15-Minute Mushroom Sauce without Cream.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,94 +104,68 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 mins</span> + <b>Cook Time: </b><span itemprop="">10 mins</span> + <b>Servings: </b><span itemprop="">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> + <p class="line" itemprop="recipeIngredient"><strong>½</strong> tbsp butter salted or unsalted</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tbsp 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"> @@ -202,23 +173,10 @@ </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> @@ -228,7 +186,5 @@ - - </body> </html> diff --git a/Recipes/A Winter Feast.html b/Recipes/A Winter Feast.html new file mode 100644 index 0000000..65d9ea4 --- /dev/null +++ b/Recipes/A Winter Feast.html @@ -0,0 +1,179 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://static.squarespace.com/static/522bc608e4b0673919bcf7ae/535149c1e4b0130073cda59f/53514a00e4b0130073cddc66/1356280805000/Capture0093.jpg?format=original"> + <img src="Images/1368E702-4447-4149-B63F-2FC7C49208AE/CBC0D634-62B1-4423-AE5F-37FD974C2C60.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">A Winter Feast</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://www.themarionhousebook.com/blog/a-winter-feast?fbclid=PAAaZoUwi-GYRVWQk7tvi2dNt70a9kZmOW9Ocl5unao8WrLWYOW0uM_hFGGW4"> + <span itemprop="author">themarionhousebook.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">pearl barley -- a good handful</p><p class="line" itemprop="recipeIngredient">chicken -- a large free-range one, jointed</p><p class="line" itemprop="recipeIngredient">a little fat -- dripping, butter, goose fat or olive oil</p><p class="line" itemprop="recipeIngredient">carrots -- 1 or 2, thoroughly scrubbed</p><p class="line" itemprop="recipeIngredient">parsnips -- 1 or 2, peeled</p><p class="line" itemprop="recipeIngredient">leeks -- a couple of large ones, or one of those enormous, thick winter ones</p><p class="line" itemprop="recipeIngredient">onions -- a large one, or 3 smaller ones, peeled</p><p class="line" itemprop="recipeIngredient">some herbs -- a few bay leaves, 3 or 4 sprigs of thyme and a couple of sage leaves</p><p class="line" itemprop="recipeIngredient">potatoes -- about 4 small to medium ones</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">You will also need a very large, deep pan with a lid.</p><p class="line">Simmer the barley in a pan of salted water until it is tender -- a matter of twenty minutes or so but taste it to check it -- then drain it.</p><p class="line">Lightly brown the jointed chicken in the fat in a large, deep ovenproof pan. I do this in a relay, three or four pieces at a time, over a moderately high heat. Transfer the browned chicken to a plate. While the chicken is browning you need to cut the carrot and parsnip into large chunks and the leek, thoroughly scrubbed and freed of grit (it gets between the layers) into short lengths. I think it is important to keep the vegetables in fat juicy chunks for this. Cut the onion in half and then into large segments. Once the chicken is out of the pan, add the vegetables, turn them in the fat and let them soften a little, though don't let them colour. In another pan bring enough water to boil to cover the bird. Set the oven at 180°C /Gas 4.</p><p class="line">Keeping the vegetables in their pan, drain every little bit of oil from the pan, otherwise you will only have to do it later. Now return the chicken to the pan with the pearl barley, then tuck in all the herbs except the parsley and pour over the hot water. Season with salt and some black pepper. Now slice the potatoes the thickness of pound coins -- I really think there is no need to peel them -- and lay them over the top of the chicken and vegetables. Some will inevitably sink; others will sit on top, the water just lapping at their edges.</p><p class="line">Cover with a lid and place in the oven for an hour and a half, by which time the chicken and vegetables will be meltingly tender. Remove the lid, turn up pthe heat to 200°C/Gas 6 and leave for thirty minutes for the potatoes to colour here and there. Remove very carefully from the oven -- the pan will be full and very hot -- then scrape off any floating oil from the top. Chop the parsley and sink it into the broth. Taste the broth and adjust the seasoning with a grinding of salt and pepper.</p><p class="line">Spoon the chicken, vegetables, barley and plenty of the broth into shallow bowls, scatter with flakes of sea salt and pass round the the pepper mill.</p><p class="line">As mentioned above the past way to serve this piping hot meal is directly from the steaming pot. Place it on the table and let your guests help themselves. A good wintery green salad like kale served with pomegranates would be a perfect accompaniment. The end result is something between a soup and a stew. The chicken is moist and melts in your mouth while the soft vegetables are velvety smooth having absorbed all the flavour of the chicken and herbs.</p><p class="line">And for dessert nothing beats a Pecan Pie. You can pop it in the oven right after the chicken comes out.</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/All-In-One Mushroom Ragù Spaghetti with Caprese Salad.html b/Recipes/All-In-One Mushroom Ragù Spaghetti with Caprese Salad.html new file mode 100644 index 0000000..8130953 --- /dev/null +++ b/Recipes/All-In-One Mushroom Ragù Spaghetti with Caprese Salad.html @@ -0,0 +1,194 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/3665---Mushroom-Ragu-With-Spaghetti--Caprese-Salad6625---2-1630936702990-x200.jpg"> + <img src="Images/5CD12754-0A76-4FCD-BCAC-FB234E894E02/099623F7-B9F1-4368-8B88-C8689BAF6270.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">All-In-One Mushroom Ragù Spaghetti with Caprese Salad</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>Total Time: </b><span itemprop="">60 min</span> + <b>Servings: </b><span itemprop="">2</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/all-in-one-mushroom-ragu-spaghetti-caprese-salad"> + <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>250</strong>g chestnut mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>32</strong>g tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g spaghetti</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g finely chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g grated Italian hard cheese</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g basil</p><p class="line" itemprop="recipeIngredient"><strong>650</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g mozzarella</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tomato</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>Give this Italian-style dish a once-over with grated mushrooms a tangy drizzle of balsamic vinegar. You’ll cook spaghetti in a rich tomato sauce then serve with a mozzarella salad. Buon appetito!</p> + </div> + </div> + + <!-- 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">This recipe takes around 5 min [10 min] to prep, so get your casserole dish and all your ingredients ready, then wash your fruit and veg</p><p class="line">Note: Make sure your dish is oven-proof and safe to use on the hob. Don't have one? Start cooking in a large, wide-based pan then transfer to an oven-proof dish and cover tightly with foil</p><p class="line">2. Now, let's get started!</p><p class="line">Preheat the oven to 220°C/ 200°C (fan)/ gas 7</p><p class="line">Boil a kettle</p><p class="line">Heat a large, wide-based hob-safe oven-proof casserole dish with a matching lid with a drizzle of olive oil over a high heat</p><p class="line">3. Grate the chestnut mushrooms, then peel and grate the garlic</p><p class="line">Tip: Save the remaining mushrooms for another recipe!</p><p class="line">Add the grated mushrooms, grated garlic and a knob of butter to the dish</p><p class="line">Add the tomato paste and give everything a good mix up</p><p class="line">4. Add the chopped tomatoes, vegetable stock, balsamic vinegar, dried oregano and give everything a good mix up</p><p class="line">Bring to the boil over a high heat, season generously with salt and pepper, then cover with a lid and put the dish in the oven for an initial 30 min – this is your mushroom ragù</p><p class="line">5. After 30 min, remove the mushroom ragù from the oven and give it a good stir</p><p class="line">Break the spaghetti in half and add it to the dish, giving everything a good mix up to separate the strands</p><p class="line">Return the dish to the oven and cook, covered, for a final 25 min or until the spaghetti is tender – this is your all-in-one mushroom ragù spaghetti</p><p class="line">6. Use this time to clear up, set the table, have a cup of tea or simply chill!</p><p class="line">7. Once the ragù is almost done, drain the mozzarella, then pat and squeeze as much liquid out as you can with kitchen paper</p><p class="line">Chop the tomato[es] in half and add them to a bowl</p><p class="line">Roughly tear the drained mozzarella and basil leaves over the top</p><p class="line">Drizzle with olive oil and season with salt and pepper – this is your caprese salad</p><p class="line">To serve, give the all-in-one mushroom ragù spaghetti a good mix up with a fork to separate the strands of pasta and sprinkle the grated Italian hard cheese all over</p><p class="line">Serve the caprese salad to the side</p><p class="line">Let everyone dig in!</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 540 kJ 2582 kJ 128 kcal 613 kcal<br/>Fat 3.6 g 17.1 g<br/>of which saturates 2.3 g 11.1 g<br/>Carbohydrate 17.4 g 83.0 g<br/>of which sugars 2.8 g 13.3 g<br/>Fibre 1.3 g 6.4 g<br/>Protein 6.4 g 30.7 g<br/>Salt 0.41 g 1.94 g</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 index d8716f1..b526a67 100644 --- a/Recipes/Almond and Honey Pancakes with Blueberries.html +++ b/Recipes/Almond and Honey Pancakes with Blueberries.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,31 +211,27 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '3' }, - ]; var index = 0; @@ -296,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Angela’s Bolognese Sauce.html b/Recipes/Angela’s Bolognese Sauce.html new file mode 100644 index 0000000..990ee41 --- /dev/null +++ b/Recipes/Angela’s Bolognese Sauce.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/105276798.jpg?tr=w-325,h-433"> + <img src="Images/907A92B6-25D9-4EE7-A88D-17042A36C75D/20A8FD45-3929-40FB-AE0D-4505850CDCEC.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Angela’s Bolognese Sauce</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="">1 hr</span> + <b>Servings: </b><span itemprop="">10</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jamieoliver.com/recipes/sauce-recipes/bolognese-sauce/"> + <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 quorn mince</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g leek</p><p class="line" itemprop="recipeIngredient"><strong>12</strong>g garlic</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mushrooms </p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g courgettes </p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g peppers</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>ml olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp dried mixed herbs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre passata</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> beef or veg stock cube , 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">Recipe kindly shared by the Tesco Community Cookery School with Jamie Oliver. The recipe has been written to be flexible and scalable up to 50 portions. Note: all veg weights are for trimmed, prepped vegetables.</p><p class="line">Peel (or trim) the alliums, then roughly chop. Peel and slice the garlic.<br/>Roughly chop the Mediterranean veg.<br/>Place a large pan big enough to hold all the ingredients on a medium heat with the olive oil. Add the mince, alliums and garlic. <br/>Cook for 15 to 20 minutes or until the meat juices have evaporated and the veg is golden and softened, stirring frequently.<br/>Add the chopped Mediterranean veg and the herbs, and cook for 15 minutes more, or until the vegetables are golden and softened, stirring occasionally.<br/>Use a potato masher to gently crush the veg, breaking down any bigger lumps. <br/>Add the tomato base sauce, and bring to the boil – remember to note the liquid level in the pan.Add 200ml of water and stock cube (if using) and give everything a good stir. Bring to the boil, then lower the heat and simmer for 40 minutes, or until reduced – the liquid should return to the same level as in step 8.Season to taste with sea salt and black pepper. Delicious served with pasta, in a jacket potato, or use as the base for a cottage pie or lasagne.</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 131 7%<br/>Fat 5.3g 8%<br/>Saturates 1.3g 7%<br/>Sugars 5.9g 7%<br/>Salt 0.1g 2%<br/>Protein 13.7g 27%<br/>Carbs 7.6g 3%<br/>Fibre 1.7g -</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Apple & Raspberry Breakfast Oat Slice.html b/Recipes/Apple & Raspberry Breakfast Oat Slice.html index 5e00776..d5b61f1 100644 --- a/Recipes/Apple & Raspberry Breakfast Oat Slice.html +++ b/Recipes/Apple & Raspberry Breakfast Oat Slice.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 minutes</span> + <b>Cook Time: </b><span itemprop="">15 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,36 +148,28 @@ </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> @@ -208,7 +177,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -250,7 +218,13 @@ // build items array var items = [ - + { + msrc: 'Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/489CAB2C-28D2-4EC2-8929-CE3A04A1DB57-13068-0000040EFD32065C.jpg', + src: 'Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/489CAB2C-28D2-4EC2-8929-CE3A04A1DB57-13068-0000040EFD32065C.jpg', + w: 0, + h: 0, + title: '1' + }, ]; var index = 0; @@ -286,8 +260,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Apple Tart.html b/Recipes/Apple Tart.html new file mode 100644 index 0000000..f09e2f3 --- /dev/null +++ b/Recipes/Apple Tart.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://d3lp4xedbqa8a5.cloudfront.net/s3/digital-cougar-assets/Gt/2021/04/20/14194/web_appletart.jpg?width=690&height=574&mode=crop&quality=75"> + <img src="Images/542B1F9C-C064-4B99-8047-FE4668F1DC4D/7267A236-C007-4F40-BFAA-C5B7437F3322.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Apple 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="">30 min</span> + <b>Cook Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">Serves 8</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gourmettraveller.com.au/recipes/browse-all/fine-apple-tart-14194"> + <span itemprop="author">gourmettraveller.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>375</strong> gm block puff pastry</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> gm finely chopped almonds</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> Fuji or gala apples</p><p class="line" itemprop="recipeIngredient">lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> gm butter, melted</p><p class="line" itemprop="recipeIngredient"><strong>90</strong> gm caster sugar</p><p class="line" itemprop="recipeIngredient">vanilla ice-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">Main</p><p class="line">1 Preheat oven to 240C. Roll out pastry on a lightly floured surface to 4mm thick.</p><p class="line">2 Cut out a 24cm-diameter round from the pastry using an upturned bowl as a guide.</p><p class="line">3 Place pastry on an oven tray lined with baking paper, scatter with almond and refrigerate until required.</p><p class="line">4 Working quickly, peel and core apples. Rub with lemon juice if they start to discolour.</p><p class="line">Thinly slice apples on a mandolin.</p><p class="line">6 Arrange apple slices in closely overlapping concentric rings on pastry, starting from the outside and working towards the centre.</p><p class="line">Brush evenly with melted butter.</p><p class="line">8 Scatter with 55gm sugar and bake, turning tray occasionally, and more regularly during the last 5-10 minutes of cooking to prevent pastry burning, until pastry is crisp and apples are golden (30-35 minutes).</p><p class="line">9 Heat grill to medium high, dust tart with remaining sugar and glaze, rotating tart occasionally under grill until caramelised (about 1 minute). Serve hot or warm with 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>Serving Size: Serves 8</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Arancini.html b/Recipes/Arancini.html index 2cb218e..afe4513 100644 --- a/Recipes/Arancini.html +++ b/Recipes/Arancini.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">20 min</span> + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -163,36 +144,28 @@ </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> @@ -200,7 +173,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -242,15 +214,13 @@ // 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, + w: 680, + h: 680, title: '1' }, - ]; var index = 0; @@ -286,8 +256,5 @@ </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 index 3a57559..6c80f77 100644 --- a/Recipes/Asparagus & Mushroom Risotto with Fresh Parsley & Lemon.html +++ b/Recipes/Asparagus & Mushroom Risotto with Fresh Parsley & Lemon.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">45 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Asparagus & New Potato Frittata.html b/Recipes/Asparagus & New Potato Frittata.html index 1ba3351..fe6c17d 100644 --- a/Recipes/Asparagus & New Potato Frittata.html +++ b/Recipes/Asparagus & New Potato Frittata.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">12 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,35 +148,27 @@ </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"> @@ -207,9 +176,6 @@ </div> </div> - - - </div> @@ -219,7 +185,5 @@ - - </body> </html> diff --git a/Recipes/Asparagus Quiche & Soup.html b/Recipes/Asparagus Quiche & Soup.html index ecc925b..9444316 100644 --- a/Recipes/Asparagus Quiche & Soup.html +++ b/Recipes/Asparagus Quiche & Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/BBQ.html b/Recipes/BBQ.html new file mode 100644 index 0000000..809d92a --- /dev/null +++ b/Recipes/BBQ.html @@ -0,0 +1,251 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/2E16CABF-9838-4DE6-B3AB-F9EB64A08B29.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">BBQ</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="">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>Mushroom Skewers:</strong></p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g halloumi cheese</p><br/><p class="line" itemprop="recipeIngredient"><strong><strong>Sides:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>4</strong> corn on the cob</p><br/><p class="line" itemprop="recipeIngredient"><strong><strong>Protein:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>6</strong> chicken kebabs</p><br/><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient">baguette</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/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/D08A5BCD-7A12-41D6-BED1-AFAA80BDB0AE.jpg', + src: 'Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/D08A5BCD-7A12-41D6-BED1-AFAA80BDB0AE.jpg', + w: 300, + h: 169, + 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/Baked Big Mushrooms With Dressed Puy Lentils.html b/Recipes/Baked Big Mushrooms With Dressed Puy Lentils.html new file mode 100644 index 0000000..1f6db5c --- /dev/null +++ b/Recipes/Baked Big Mushrooms With Dressed Puy Lentils.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/DB63BAA7-64F9-4640-B09C-CC50C4493763/0EF99B93-FE42-474D-A278-CAC99259D88A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Baked Big Mushrooms With Dressed Puy Lentils</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="">4</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">River Cottage Much More Veg pg. 59</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>8–12</strong> large, open cap mushrooms (i.e. 2–3 per person)</p><p class="line" itemprop="recipeIngredient">Olive oil, for brushing Sea salt and black pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong>75</strong>g Puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small garlic clove, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small shallot, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp capers, rinsed, drained and chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp chopped flat-leaf parsley, chives or chervil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp English mustard</p><p class="line" itemprop="recipeIngredient">Finely grated zest and juice of ½ lemon</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>ml extra virgin 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/DB63BAA7-64F9-4640-B09C-CC50C4493763/7A54863F-407B-4218-92B3-C18280F8FA11.jpg', + src: 'Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/7A54863F-407B-4218-92B3-C18280F8FA11.jpg', + w: 0, + h: 0, + title: '1' + }, + { + msrc: 'Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/F178E611-093E-424C-BA0B-90EB154408F5.jpg', + src: 'Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/F178E611-093E-424C-BA0B-90EB154408F5.jpg', + w: 0, + h: 0, + title: '2' + }, + { + msrc: 'Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/ADA41043-B831-45E3-B3B9-AD47750DDD7E.jpg', + src: 'Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/ADA41043-B831-45E3-B3B9-AD47750DDD7E.jpg', + w: 0, + h: 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/Baked Polenta Chips with Pesto Dip.html b/Recipes/Baked Polenta Chips with Pesto Dip.html index ca2b222..06ed163 100644 --- a/Recipes/Baked Polenta Chips with Pesto Dip.html +++ b/Recipes/Baked Polenta Chips with Pesto Dip.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">50 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Baked Potates With Bean Chilli.html b/Recipes/Baked Potates With Bean Chilli.html index d540883..5798ed7 100644 --- a/Recipes/Baked Potates With Bean Chilli.html +++ b/Recipes/Baked Potates With Bean Chilli.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,42 +104,32 @@ <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> - + <b>Servings: </b><span itemprop="">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"> @@ -150,29 +137,22 @@ </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> @@ -182,7 +162,5 @@ - - </body> </html> diff --git a/Recipes/Baked Potato With Bolognese.html b/Recipes/Baked Potato With Bolognese.html index c71177a..4348049 100644 --- a/Recipes/Baked Potato With Bolognese.html +++ b/Recipes/Baked Potato With Bolognese.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,40 +104,31 @@ <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"> @@ -148,29 +136,22 @@ </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> @@ -180,7 +161,5 @@ - - </body> </html> diff --git a/Recipes/Baked Pumpkin and Sage Risotto.html b/Recipes/Baked Pumpkin and Sage Risotto.html index d2f3fbb..0a9a811 100644 --- a/Recipes/Baked Pumpkin and Sage Risotto.html +++ b/Recipes/Baked Pumpkin and Sage Risotto.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Banana & Cinnamon Pancakes.html b/Recipes/Banana & Cinnamon Pancakes.html index 3e12e41..d7240c1 100644 --- a/Recipes/Banana & Cinnamon Pancakes.html +++ b/Recipes/Banana & Cinnamon Pancakes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,42 +104,32 @@ <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> - + <b>Servings: </b><span itemprop="">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"> @@ -150,36 +137,28 @@ </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> @@ -189,7 +168,5 @@ - - </body> </html> diff --git a/Recipes/Barszcz.html b/Recipes/Barszcz.html index 7f9c09a..10c4cc8 100644 --- a/Recipes/Barszcz.html +++ b/Recipes/Barszcz.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> + <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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Bean Chilli Burritos.html b/Recipes/Bean Chilli Burritos.html index a7a3f0f..525832e 100644 --- a/Recipes/Bean Chilli Burritos.html +++ b/Recipes/Bean Chilli Burritos.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,36 +140,28 @@ </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> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,15 +210,13 @@ // 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, + w: 450, + h: 300, title: '1' }, - ]; var index = 0; @@ -278,8 +252,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Bean Chilli Rice Bowl.html b/Recipes/Bean Chilli Rice Bowl.html index 7c8c8ac..441742d 100644 --- a/Recipes/Bean Chilli Rice Bowl.html +++ b/Recipes/Bean Chilli Rice Bowl.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,42 +104,32 @@ <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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -150,29 +137,22 @@ </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> @@ -182,7 +162,5 @@ - - </body> </html> diff --git a/Recipes/Bean Fritters With Mint Yoghurt.html b/Recipes/Bean Fritters With Mint Yoghurt.html new file mode 100644 index 0000000..ade2127 --- /dev/null +++ b/Recipes/Bean Fritters With Mint Yoghurt.html @@ -0,0 +1,271 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/BF42A9D8-8DA6-4502-952A-1117FBAD1E76.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Bean Fritters With Mint Yoghurt</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="">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>35</strong>g chickpea flour</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g protein powder, unflavoured</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch smoked paprika or chilli powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium egg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg white</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g edamame or soya beans</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g spring onions, finely chopped</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch mint, chopped</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g yoghurt, such as greek, natural, soya</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/>Put the flour, protein powder, smoked paprika or chilli powder, egg and egg white into a food processor then add the edamame beans and spring onions.<br/>Season with salt and pepper then pulse to a rough paste, leaving some small pieces for texture.</p><p class="line"><strong>Step 2</strong><br/>Heat the oil in a frying pan over a medium-high heat then drop large spoonfuls of the mixture into the pan. Fry for 2 minutes on each side until golden then transfer to a serving plate. Mix together the mint and yoghurt and serve with the fritters and 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><span uid="C0F6211C-39A8-4DFD-BE36-74D2FE8E6B8F" class="image-border image-box"><img src="Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/C0F6211C-39A8-4DFD-BE36-74D2FE8E6B8F.jpg" alt="2" class="inline-image photoswipe" /></span></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/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/3C7A155E-36C6-4862-B86F-53A0ACE94193.jpg', + src: 'Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/3C7A155E-36C6-4862-B86F-53A0ACE94193.jpg', + w: 0, + h: 0, + title: '1' + }, + { + msrc: 'Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/C0F6211C-39A8-4DFD-BE36-74D2FE8E6B8F.jpg', + src: 'Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/C0F6211C-39A8-4DFD-BE36-74D2FE8E6B8F.jpg', + w: 0, + h: 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/Bean Mix.html b/Recipes/Bean Mix.html index a9531b8..6664dfd 100644 --- a/Recipes/Bean Mix.html +++ b/Recipes/Bean Mix.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 45 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Beet Zakwas.html b/Recipes/Beet Zakwas.html new file mode 100644 index 0000000..41c4333 --- /dev/null +++ b/Recipes/Beet Zakwas.html @@ -0,0 +1,194 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2020/09/Fermented-Beet-Kvass-Borscht-1200sq-720x720.jpg"> + <img src="Images/A6C51B55-2188-4725-85DD-F1786BED1EA8/48850F04-1E92-4168-B93F-4766C68BCCAE.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Beet Zakwas</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="">5 minutes</span> + <b>Servings: </b><span itemprop="">Yield: 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.polonist.com/beet-kvass-zakwas/"> + <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"><strong>1-1.1</strong> lb (500 g) beetroots, red</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> black peppercorns</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> all-spice berries</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups (500 ml) water, spring water or boiled, then cooled</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp common salt (non-iodized!), 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">Sterilise both the jar and the lid. Use a dishwasher (on the highest setting), or alternatively - wash them in warm, soapy water, then rinse thoroughly with boiling water.</p><p class="line">Give the beets a scrub. If you’re using conventionally grown beetroots, it’s best to peel them.</p><p class="line">Slice the beets into chunks or rounds - the exact size and shape doesn’t matter. Place the pieces tightly in a jar, squeezing garlic cloves and all the spices between the beets.</p><p class="line">Finally, pour the water in, enough to cover the beets fully. If you’re using salt, add a teaspoon of it, close the jar and shake it a few times.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>You'll need a 1.2 qt / 1.2 litre glass jar (or larger) for this recipe.</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>TOTAL FAT: 1g SATURATED FAT: 0g<br/>TRANS FAT: 0g UNSATURATED FAT: 0g<br/>CHOLESTEROL: 0mg SODIUM: 586mg<br/>CARBOHYDRATES: 14g FIBER: 5g<br/>SUGAR: 7g PROTEIN: 1g</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 index da9188c..9d85592 100644 --- a/Recipes/Beets + Apples with Cloves Baby Food Puree.html +++ b/Recipes/Beets + Apples with Cloves Baby Food Puree.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,36 +144,28 @@ </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> @@ -202,7 +175,5 @@ - - </body> </html> diff --git a/Recipes/Berry Cheesecake Smoothie.html b/Recipes/Berry Cheesecake Smoothie.html new file mode 100644 index 0000000..b339a64 --- /dev/null +++ b/Recipes/Berry Cheesecake Smoothie.html @@ -0,0 +1,176 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Berry Cheesecake 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="">Easy</span> + <b>Servings: </b><span itemprop="">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>95</strong>ml semi-skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>45</strong>g cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g protein powder, vanilla, strawberry or unflavoured</p><p class="line" itemprop="recipeIngredient"><strong>70</strong>g strawberries or raspberries, or a mix of both</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> lemon, juice</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g pumpkin seeds</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/Best Veggie Stir-Fry.html b/Recipes/Best Veggie Stir-Fry.html index 768bada..6fc10cd 100644 --- a/Recipes/Best Veggie Stir-Fry.html +++ b/Recipes/Best Veggie Stir-Fry.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Blackberry Crumble Smoothie.html b/Recipes/Blackberry Crumble Smoothie.html index c795041..f4d3d58 100644 --- a/Recipes/Blackberry Crumble Smoothie.html +++ b/Recipes/Blackberry Crumble Smoothie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,50 +104,36 @@ <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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -158,36 +141,28 @@ </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> @@ -197,7 +172,5 @@ - - </body> </html> diff --git a/Recipes/Blueberry And Lemon Pancakes.html b/Recipes/Blueberry And Lemon Pancakes.html index 2299be1..de35851 100644 --- a/Recipes/Blueberry And Lemon Pancakes.html +++ b/Recipes/Blueberry And Lemon Pancakes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,7 +211,13 @@ // build items array var items = [ - + { + msrc: 'Images/8A694C8B-467F-46F9-B186-91A127A85745/3470EE24-F66F-4292-98D2-34AEA4F16032.jpg', + src: 'Images/8A694C8B-467F-46F9-B186-91A127A85745/3470EE24-F66F-4292-98D2-34AEA4F16032.jpg', + w: 0, + h: 0, + title: '1' + }, ]; var index = 0; @@ -272,8 +253,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Blueberry French Toast.html b/Recipes/Blueberry French Toast.html index 637e373..060be13 100644 --- a/Recipes/Blueberry French Toast.html +++ b/Recipes/Blueberry French Toast.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,31 +211,27 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '3' }, - ]; var index = 0; @@ -296,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Bolognese Sauce.html b/Recipes/Bolognese Sauce.html index f2b9ea7..decbb35 100644 --- a/Recipes/Bolognese Sauce.html +++ b/Recipes/Bolognese Sauce.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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"> @@ -157,29 +141,22 @@ </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> @@ -187,7 +164,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -229,15 +205,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -273,8 +247,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Breakfast Hash Pie.html b/Recipes/Breakfast Hash Pie.html new file mode 100644 index 0000000..6305d69 --- /dev/null +++ b/Recipes/Breakfast Hash Pie.html @@ -0,0 +1,183 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://wellnourished.com.au/wp-content/uploads/2017/06/Breakfast-hash-pie-web-1-of-1-217x300.jpg"> + <img src="Images/50AA3DEC-0A9D-4B55-AFEE-1905B56D15C3-21470-000003518C94223F/AE4E00E1-6A88-414E-921E-E7998033C1F8-21470-0000035192D36F71.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Breakfast Hash Pie</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>Prep Time: </b><span itemprop="">10 minutes</span> + <b>Cook Time: </b><span itemprop="">30 minutes</span> + <b>Servings: </b><span itemprop="">Serves: 6</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://wellnourished.com.au/breakfast-hash-pie/?fbclid=IwAR1JQQ8xQ0CmlinfKsA8Sw4oMt5YzrBTAjke7KxQ-32ZACrEtUqjH3s3exc"> + <span itemprop="author">wellnourished.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>3</strong> potato/s (large) or sweet potatoes, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp butter or olive oil -for greasing dish</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion/s (small) finely diced</p><p class="line" itemprop="recipeIngredient"><strong>10</strong> free-range or organic egg/s</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp sea salt - or to taste</p><p class="line" itemprop="recipeIngredient">Ground black pepper -to taste</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> rasher/s bacon -short cut</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> g baby spinach -approx. (1 cup) or English spinach</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> g mature cheddar cheese (1 cup) 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">Preheat your oven to 180ºC /350ºF (fan-forced).</p><p class="line">Grate the potato and wring it in a clean cloth to remove the moisture.</p><p class="line">Grease a baking dish (26 x 18cm approx.) with butter or olive oil and place the grated potato and red onion in it, tossing to roughly combine.</p><p class="line">In a jug or blender beat the eggs and seasoning.</p><p class="line">Pour over the potato onion mix to cover.</p><p class="line">Place the bacon on top, followed by the baby spinach and cheese.</p><p class="line">Bake in the oven for 30 minutes or until the egg is set.</p><p class="line">Slice and serve.</p><p class="line">Thermomix</p><p class="line">Preheat your oven to 180ºC /350ºF.</p><p class="line">Grease your baking dish.</p><p class="line">Grate the cheese, 20 seconds, speed 6. Set aside.</p><p class="line">Now roughly chop and then grate the potato, taking care not to over process it. 3 seconds, speed 8. Check the consistency and wring well (you can use the steamer basket for this).</p><p class="line">Chop the onion, 3 seconds, speed 6.</p><p class="line">Add the potato and onion to the baking dish and toss to mix.</p><p class="line">Blend the eggs and seasoning 20 second, speed 4.</p><p class="line">Assemble from point 5 in the regular method.</p><p class="line">Serve</p><p class="line">Serve with a leafy green salad and a nice tomato chutney.</p><p class="line">Make-ahead</p><p class="line">Re-heat in a low oven until just hot.</p><p class="line">Store</p><p class="line">Store leftovers in an airtight container in the fridge. Can also be frozen.</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/Breakfast Loaf with Banana, Sultanas and Honey.html b/Recipes/Breakfast Loaf with Banana, Sultanas and Honey.html new file mode 100644 index 0000000..d9c2e2f --- /dev/null +++ b/Recipes/Breakfast Loaf with Banana, Sultanas and Honey.html @@ -0,0 +1,189 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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-BreakfastLoaf-f1faf570-5fe5-41f0-af49-2f4f3a0fd234-0-1400x919.jpg"> + <img src="Images/8FE39C10-545B-48AC-8AC9-215778E606E7/8912A476-659D-4BEA-82C1-5DBD566B841F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Breakfast Loaf with Banana, Sultanas and Honey</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="">10 min</span> + <b>Cook Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">Serves 6</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://realfood.tesco.com/recipes/breakfast-loaf-with-banana-sultanas-and-honey.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>½</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g carrots</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g sweet potatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> ripe bananas (200g)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g sultanas</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp cottage cheese</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tbsp clear honey, plus extra for drizzling</p><p class="line" itemprop="recipeIngredient">pinch of ground cinnamon (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">Preheat the oven to gas 4, 180°C, fan 160°C. Tear off a rectangle of baking paper, slightly bigger than a 1ltr/1lb loaf tin. Scrunch it up and wet it a little under a cold tap, then shake off the excess water and use it to line the tin. Rub the inside with ½ tsp oil.</p><p class="line">Scrub the carrots and sweet potatoes, then coarsely grate them into a large bowl. Peel and slice the banana. Keep a few slices aside for later to decorate the top; add the rest to the bowl and mash with a fork.</p><p class="line">Crack the eggs into the bowl, then add the sultanas, flour, cottage cheese, honey and cinnamon (if using), and stir until nicely combined.</p><p class="line">Pour the mixture evenly into the loaf tin. Decorate the top with the reserved banana slices and add an extra drizzle of honey.</p><p class="line">Bake for 35-40 mins or until golden and cooked through.</p><p class="line">Allow to cool before slicing. Will keep happily in the fridge for a couple of days. Delicious served with natural yogurt and a drizzle of honey.</p><p class="line">Jamie's tip: Grill on full whack for a final 5 mons to get it extra crispy, 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 class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Energy 855kj 202kcal 10%<br/>Fat 4g 6%<br/>Saturates 1g 6%<br/>Sugars 16g 18%<br/>Salt 0.4g 7%<br/>Carbohydrate 37.1g Protein 7.1g Fibre 2.4g</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Broccoli & Goats’ Cheese Fritatta.html b/Recipes/Broccoli & Goats’ Cheese Fritatta.html new file mode 100644 index 0000000..f8efa37 --- /dev/null +++ b/Recipes/Broccoli & Goats’ Cheese Fritatta.html @@ -0,0 +1,275 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Fritatta</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="">25 min</span> + <b>Servings: </b><span itemprop="">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, + h: 2048, + 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, + h: 2048, + 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 index 1ad80f6..f8b4341 100644 --- a/Recipes/Broccoli Pesto Pasta.html +++ b/Recipes/Broccoli Pesto Pasta.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 mins</span> + <b>Cook Time: </b><span itemprop="">15 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,35 +148,27 @@ </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"> @@ -207,9 +176,6 @@ </div> </div> - - - </div> @@ -219,7 +185,5 @@ - - </body> </html> diff --git a/Recipes/Brown Sugar Sponge.html b/Recipes/Brown Sugar Sponge.html index 2abcf75..6e7f803 100644 --- a/Recipes/Brown Sugar Sponge.html +++ b/Recipes/Brown Sugar Sponge.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">45 min</span> + <b>Cook Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Carrot Cake Smoothie.html b/Recipes/Carrot Cake Smoothie.html new file mode 100644 index 0000000..12bd2b9 --- /dev/null +++ b/Recipes/Carrot Cake Smoothie.html @@ -0,0 +1,176 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Carrot Cake 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="">Easy</span> + <b>Servings: </b><span itemprop="">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>1</strong> medium banana, peeled (100g)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>ml almond milk, unsweetened</p><p class="line" itemprop="recipeIngredient"><strong>70</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>20</strong>g ground flaxseed</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>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/Chachouka.html b/Recipes/Chachouka.html new file mode 100644 index 0000000..fd77de1 --- /dev/null +++ b/Recipes/Chachouka.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/19C63F94-8FD4-47B5-A10D-B0C7221E035D/008EDFBE-897F-4F1B-B298-B8B5BD590D00.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Chachouka</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="">15 min</span> + <b>Cook Time: </b><span itemprop="">55 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">River Cortage Veg Everyday. Pg. 20</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> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp cumin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, halved and finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red pepper, cored, deseeded and finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> yellow pepper, cored, deseeded and finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon smoked paprika</p><p class="line" itemprop="recipeIngredient">A pinch of saffron strands</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g tin plum tomatoes, roughly chopped, any stalky ends and skin removed</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> eggs</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 --> + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>This spicy North African pepper and tomato stew with eggs baked on top makes a lovely, lazy supper.</p><p>The classic Italian peperonata (see below) is prepared in the same way but without eggs or spices - it is equally good.</p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the olive oil in a large, preferably ovenproof, frying pan over a medium heat. Add the cumin seeds and let them fry gently for a couple of minutes. Add the onion and cook gently for 8-10 minutes, or until soft and golden.</p><p class="line">Add the garlic and peppers and continue to cook over a low heat for at least 20 minutes, stirring often, until the peppers are soft and wilted.</p><p class="line">Add the paprika, crumble in the saffron, then add the tomatoes with their juice and some salt and pepper. Cook gently, stirring from time to time, for 10-15 minutes.</p><p class="line">Preheat the oven to 180°C/Gas Mark 4.</p><p class="line">Taste the mixture and adjust the seasoning if necessary. If your frying pan isn't ovenproof, transfer the mixture to a baking dish.</p><p class="line">Make 4 hollows in the surface and carefully break an egg into each one. Sprinkle with salt and pepper.</p><p class="line">Bake for 10-12 minutes, until the egg white is set and the yolk still runny.</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/19C63F94-8FD4-47B5-A10D-B0C7221E035D/D1A10E59-854D-48AD-89DE-B729FD220401.jpg', + src: 'Images/19C63F94-8FD4-47B5-A10D-B0C7221E035D/D1A10E59-854D-48AD-89DE-B729FD220401.jpg', + w: 0, + h: 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/Cheat’s Pizza.html b/Recipes/Cheat’s Pizza.html index d3349ab..61ce10a 100644 --- a/Recipes/Cheat’s Pizza.html +++ b/Recipes/Cheat’s Pizza.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">4</span> <!-- Source --> - <b>Source: </b> - <a itemprop="url" href="https://www.instagram.com/p/COxK79PD-yc/"> - <span itemprop="author">instagram.com</span> + <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"> @@ -165,29 +145,22 @@ </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> @@ -195,7 +168,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -237,15 +209,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -281,8 +251,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Cheese & Potato Yoghurt Flatbread.html b/Recipes/Cheese & Potato Yoghurt Flatbread.html index ed0cf2d..311d49c 100644 --- a/Recipes/Cheese & Potato Yoghurt Flatbread.html +++ b/Recipes/Cheese & Potato Yoghurt Flatbread.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,44 +104,33 @@ <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> - + <b>Cook Time: </b><span itemprop="">10</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -152,36 +138,28 @@ </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> @@ -191,7 +169,5 @@ - - </body> </html> diff --git a/Recipes/Cheese & Vegemite Scrolls.html b/Recipes/Cheese & Vegemite Scrolls.html new file mode 100644 index 0000000..de90e09 --- /dev/null +++ b/Recipes/Cheese & Vegemite Scrolls.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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.notquitenigella.com/images/vegemite-scroll/__cheese-vegemite-scroll-5.jpg"> + <img src="Images/178AC9E5-EB3B-4CB4-9AAB-170FCC001854-13068-0000041E98DE644B/87BBA78E-A9BB-427F-99C7-1DEF07300E31-13068-0000041F99E55533.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Cheese & Vegemite Scrolls</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="">30 minutes</span> + <b>Cook Time: </b><span itemprop="">25 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.notquitenigella.com/2014/01/21/cheese-vegemite-scroll/"> + <span itemprop="author">notquitenigella.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">Magic Bread Dough</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp Vegemite</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg yolk</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 Vegemite and 60g butter together, weigh the cheese out and spray a 24cm/9.6inch pie tin with oil spray.</p><p class="line">Punch down the dough and then knead in the salt for about 1 minute. Roll out to a long rectangle as thin as the dough will allow. Mine was about 50cmsx30cms. Spread with the Vegemite and butter mix and then top with the grated cheese.</p><p class="line">Using a knife slice the dough once inch apart into strips. Roll the first piece up into a scroll and then join it to the next strip and continue rolling it up against the other strips continuing on where the last piece of dough left off until you've used up all the dough.</p><p class="line">Rolling to make a gigantic scroll</p><p class="line">It's fairly easy until you get to the last quarter of dough - in that case I press the cheese against the dough and lift up the strips and pat them against the large coil of dough. Place on the greased tin and allow to rise in a warm place for 60 minutes.</p><p class="line">Preheat oven to 180C/350F. Whisk the egg yolk and add a teaspoon of water if it is too thick. Brush the top of the risen scroll with the egg wash and then bake in the oven for 20 minutes. If it is getting too brown, cover with foil sprayed with oil so that it doesn't stick to the scroll. You don't want it burning or getting too brown as the cheese gets dry and crunchy. Bake for another 10 minutes and then remove from oven. Serve warm.</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 index 8a050e0..92388d3 100644 --- a/Recipes/Cheese And Potatoe Pierogi.html +++ b/Recipes/Cheese And Potatoe Pierogi.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Cheese Vegemite Crackers with Tomato & Olive Skewers.html b/Recipes/Cheese Vegemite Crackers with Tomato & Olive Skewers.html new file mode 100644 index 0000000..9fb98d1 --- /dev/null +++ b/Recipes/Cheese Vegemite Crackers with Tomato & Olive Skewers.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Vegemite Crackers with Tomato & Olive Skewers</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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> cheddar cheese slice</p><p class="line" itemprop="recipeIngredient">vegemite</p><p class="line" itemprop="recipeIngredient">butter</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> Vita Weat crackers</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> sicilian olives</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> biscuits</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> + + + + </body> +</html> diff --git a/Recipes/Cheese Vegemite Sandwich.html b/Recipes/Cheese Vegemite Sandwich.html new file mode 100644 index 0000000..d2ed0be --- /dev/null +++ b/Recipes/Cheese Vegemite Sandwich.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Vegemite Sandwich</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-2</strong> cheddar cheese slices</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tsp Vegemite spread</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> whole-grain bread slices</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> carrot sticks</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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> + + + + </body> +</html> diff --git a/Recipes/Chewy Mint Chocolate Granola Bars.html b/Recipes/Chewy Mint Chocolate Granola Bars.html index 5276f90..93461ff 100644 --- a/Recipes/Chewy Mint Chocolate Granola Bars.html +++ b/Recipes/Chewy Mint Chocolate Granola Bars.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,30 +144,24 @@ </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"> @@ -194,13 +169,9 @@ </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"> @@ -208,9 +179,6 @@ </div> </div> - - - </div> @@ -220,7 +188,5 @@ - - </body> </html> diff --git a/Recipes/Chicken & New Potato Traybake.html b/Recipes/Chicken & New Potato Traybake.html new file mode 100644 index 0000000..6f15b75 --- /dev/null +++ b/Recipes/Chicken & New Potato Traybake.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/chicken-new-potato-traybake-025d900.jpg?quality=90&resize=440,400"> + <img src="Images/87C926F6-70C1-4D42-ABDC-8AE40D089E5B-21470-0000034D317C5AF2/4E0EB708-29BC-40FC-B500-452D17BC66A7-21470-0000034D3D1AD179.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Chicken & New Potato Traybake</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="">15 mins</span> + <b>Cook Time: </b><span itemprop="">1 hr and 15 mins</span> + <b>Servings: </b><span itemprop="">Serves 2 - 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/chicken-new-potato-traybake"> + <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>3</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g new potatoes</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>g large pitted green olives</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon, quartered</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> fresh bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> garlic cloves, unpeeled</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large chicken thighs</p><p class="line" itemprop="recipeIngredient">bag watercress or salad 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 oven to 200C/180C fan/gas 6. Pour the olive oil into a large roasting tin and add the potatoes, olives, lemon quarters, bay leaves and garlic. Toss everything together so it’s coated in oil and evenly distributed. Add the chicken thighs, skin-side up, and season.</p><p class="line">Put the roasting tin in the oven and roast for 1 hr, basting with the pan juices halfway through cooking. After 1 hr, check that the potatoes are soft and the chicken is cooked through, then return to the oven for a final 15 mins to crisp the chicken skin.</p><p class="line">Remove the roasting tin from the oven. Press down on the roasted garlic cloves with the back of a spoon, discard the skins, and mix the mashed garlic with the meat juices. Serve with watercress or your favourite salad leaves 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/Chicken Cream Cheese Wrap.html b/Recipes/Chicken Cream Cheese Wrap.html new file mode 100644 index 0000000..f33f0da --- /dev/null +++ b/Recipes/Chicken Cream Cheese Wrap.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Chicken Cream Cheese Wrap</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</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-3</strong> chicken strips</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole-grain wrap</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> mini cucumbers</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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/Chicken Meatballs with Quinoa & Curried Cauliflower.html b/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html index 5b2d3a0..4f14bd7 100644 --- a/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html +++ b/Recipes/Chicken Meatballs with Quinoa & Curried Cauliflower.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">25 mins</span> + <b>Cook Time: </b><span itemprop="">30 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,35 +148,27 @@ </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"> @@ -207,9 +176,6 @@ </div> </div> - - - </div> @@ -219,7 +185,5 @@ - - </body> </html> diff --git a/Recipes/Chicken Ragu Bianco.html b/Recipes/Chicken Ragu Bianco.html new file mode 100644 index 0000000..cb9e44b --- /dev/null +++ b/Recipes/Chicken Ragu Bianco.html @@ -0,0 +1,162 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Chicken Ragu Bianco</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://youtu.be/PTT5R0ZMaas"> + <span itemprop="author">Youtu.be</span> + </a> + + </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/Chickpea, Fregola & Fennel Soup.html b/Recipes/Chickpea, Fregola & Fennel Soup.html new file mode 100644 index 0000000..aeb2700 --- /dev/null +++ b/Recipes/Chickpea, Fregola & Fennel Soup.html @@ -0,0 +1,269 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/0FBF17EF-2471-4996-93BF-9A70E3199F52.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Chickpea, Fregola & Fennel Soup</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">Soup</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">4-6</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">Alimentari pg. 99</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> ml olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> fennel bulbs, bulbs finely diced and fronds trimmed and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> celery stalks, finely diced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> bay leaves</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g drained tinned chickpeas</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> g fregola or pearl cous cous or risoni</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tomatoes, sliced in half and grated</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> litres vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups baby spinach leaves</p><p class="line" itemprop="recipeIngredient">extra-virgin olive oil, for drizzling</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 based on a traditional Sardinian recipe. You can use chicken, fish, vegetable stock or water, though chicken stock is what we prefer.</p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil in a heavy-based saucepan over medium-low heat. Add the onion, diced fennel, carrot, celery, garlic and bay leaves. Sweat, stirring often, for about 5 minutes until the vegetables are translucent (but don't allow them to colour). Add the chickpeas, fregola, grated tomato and the stock or water. Simmer for 30 minutes or until the fregola is al dente.</p><p class="line">Season with salt and pepper and stir in the spinach leaves and the fennel fronds (reserve a few for garnishing).</p><p class="line">Serve the soup in bowls, garnished with fennel fronds and a 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> + + <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/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/5405EF2E-4905-47C9-9C7B-7EDDAB5CDA03.jpg', + src: 'Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/5405EF2E-4905-47C9-9C7B-7EDDAB5CDA03.jpg', + w: 0, + h: 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/Choc Ripple Cake.html b/Recipes/Choc Ripple Cake.html index d3793cc..b211a7a 100644 --- a/Recipes/Choc Ripple Cake.html +++ b/Recipes/Choc Ripple Cake.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">6 hr 30 min</span> + <b>Total Time: </b><span itemprop="">6 hr 30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/Chocolate Self-saucing Pudding.html b/Recipes/Chocolate Self-saucing Pudding.html index af1d237..2d5dd38 100644 --- a/Recipes/Chocolate Self-saucing Pudding.html +++ b/Recipes/Chocolate Self-saucing Pudding.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,42 +104,32 @@ <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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -150,36 +137,28 @@ </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> @@ -189,7 +168,5 @@ - - </body> </html> diff --git a/Recipes/Chunky Chickpea & Herb Dumpling Soup.html b/Recipes/Chunky Chickpea & Herb Dumpling Soup.html index 2ebb16a..dff5154 100644 --- a/Recipes/Chunky Chickpea & Herb Dumpling Soup.html +++ b/Recipes/Chunky Chickpea & Herb Dumpling Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">30 min</span> + <b>Cook Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -161,35 +143,27 @@ </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"> @@ -197,9 +171,6 @@ </div> </div> - - - </div> @@ -207,7 +178,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -249,39 +219,34 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '4' }, - ]; var index = 0; @@ -317,8 +282,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Classic Crumpets.html b/Recipes/Classic Crumpets.html index c22bcc9..709b45b 100644 --- a/Recipes/Classic Crumpets.html +++ b/Recipes/Classic Crumpets.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">50 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,13 +171,9 @@ </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"> @@ -212,9 +181,6 @@ </div> </div> - - - </div> @@ -224,7 +190,5 @@ - - </body> </html> diff --git a/Recipes/Classic Tomato Spaghetti.html b/Recipes/Classic Tomato Spaghetti.html new file mode 100644 index 0000000..cf1fcdc --- /dev/null +++ b/Recipes/Classic Tomato Spaghetti.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/1065_2_1393856705.jpg?tr=w-800,h-1066"> + <img src="Images/DC39FDFE-FBA4-477E-B7B8-9B005C6EB09D-21470-00000351C024B9F4/667FE145-C84B-4C95-9494-60CA1449BA43-21470-00000351C914A0A9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Classic Tomato Spaghetti</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="">1 hr 15 min</span> + <b>Servings: </b><span itemprop="">8 1 hour 15 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jamieoliver.com/recipes/pasta-recipes/classic-tomato-spaghetti/"> + <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> bunch of fresh basil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium onion</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> kg ripe tomatoes , or 2 x 400g tins of quality chopped tomatoes</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon red wine or balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>480</strong> g dried wholewheat spaghetti</p><p class="line" itemprop="recipeIngredient"><strong>15</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">Pick the basil leaves onto a chopping board (reserving a few baby leaves to garnish), then roughly chop the remaining leaves and finely chop the stalks.Peel and finely slice the onion and garlic. If using fresh, cut the tomatoes in half, then roughly chop them or carefully open the tins of tomatoes.Put a saucepan on a medium heat and add 1 tablespoon of olive oil and the onion, then cook for around 7 minutes, or until soft and lightly golden.Stir in the garlic and basil stalks for a few minutes, then add the fresh or tinned tomatoes and the vinegar.Season with a tiny pinch of salt and pepper, then continue cooking for around 15 minutes, stirring occasionally.Stir in the chopped basil leaves, then reduce to low and leave to tick away. Meanwhile…Carefully fill a large pot three-quarters of the way up with boiling water, add a tiny pinch of salt and bring back to the boil.Add the spaghetti and cook according to packet instructions – you want to cook your pasta until it is al dente. This translates as ‘to the tooth’ and means that it should be soft enough to eat, but still have a bit of a bite and firmness to it. Use the timings on the packet instructions as a guide, but try some just before the time is up to make sure it’s perfectly cooked.Once the pasta is done, ladle out and reserve a cup of the cooking water and keep it to one side, then drain in a colander over the sink and tip the spaghetti back into the pot.Stir the spaghetti into the sauce, adding a splash of the pasta water to loosen, if needed.Serve with the reserved basil leaves sprinkled over the top and use a microplane to finely grate the Parmesan cheese, then sprinkle over.PRINT THIS RECIPE (UK)PRINT THIS RECIPE (USA)</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 316 16%<br/>Fat 3.3g 5%<br/>Saturates 0.9g 5%<br/>Sugars 10.1g 11%<br/>Salt 0.2g 3%<br/>Protein 13.1g 26%<br/>Carbs 62.7g 24%<br/>Fibre 11.1g -</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Classic Zucchini Slice.html b/Recipes/Classic Zucchini Slice.html new file mode 100644 index 0000000..15c215f --- /dev/null +++ b/Recipes/Classic Zucchini Slice.html @@ -0,0 +1,269 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/8C4F8A5B-A13A-437E-923B-260DE1F90211-13068-0000040F558A46C8.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Classic Zucchini 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="">10 min</span> + <b>Cook Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">6</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/classic-zucchini-slice-recipe/fql8v1fc"> + <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> large zucchini, coarsely grated</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> spring onions, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g pkt Coles Australian Baby Spinach, finely shredded</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbs coarsely chopped dill</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup (150g) self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup (60g) coarsely grated cheddar</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g fetta, crumbled</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cups (180g) frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> Coles Australian Free Range Eggs, lightly whisked</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup (60ml) milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbs 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">Preheat oven to 180°C. Grease a 20cm x 30cm lamington pan and line with baking paper, allowing the sides to overhang.</p><p class="line">Combine the zucchini, spring onion, spinach, dill, flour, cheddar, half the fetta and 1 cup (120g) of the peas in a bowl.</p><p class="line">Whisk the egg, milk and oil in a small bowl. Add to the zucchini mixture and stir to combine. Season. Spoon into prepared pan and smooth the surface. Sprinkle with remaining peas and fetta.</p><p class="line">Bake for 40 mins or until the slice is firm to the touch. Serve warm or 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 class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>1277 kj Energy 15g Fat Total 6g Saturated Fat 4g Fibre 17g Protein 522mg Sodium 4g Carbs (sugar)<br/>24g Carbs (total)</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/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/59BFE9ED-1F69-4013-A8BC-B1B194997A62-13068-0000040F51343838.jpg', + src: 'Images/BFE2DD31-792E-4868-976B-5C7B33383319-21470-0000034A35754F69/59BFE9ED-1F69-4013-A8BC-B1B194997A62-13068-0000040F51343838.jpg', + w: 0, + h: 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/Coconut & Squash Dhansak.html b/Recipes/Coconut & Squash Dhansak.html index a0438d9..dfa7ec4 100644 --- a/Recipes/Coconut & Squash Dhansak.html +++ b/Recipes/Coconut & Squash Dhansak.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 mins</span> + <b>Cook Time: </b><span itemprop="">15 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/Coconut Bread.html b/Recipes/Coconut Bread.html index 88ffc2f..17ef75e 100644 --- a/Recipes/Coconut Bread.html +++ b/Recipes/Coconut Bread.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">55 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Courgette & Cheese Breakfast Muffins.html b/Recipes/Courgette & Cheese Breakfast Muffins.html new file mode 100644 index 0000000..d72b971 --- /dev/null +++ b/Recipes/Courgette & Cheese Breakfast Muffins.html @@ -0,0 +1,271 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/5C196F79-E2CB-4029-AC28-703423BD3424/8221C24E-07F1-4DBC-B1A9-D6FD40F63584.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Courgette & Cheese Breakfast Muffins</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="">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>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 = [ + { + msrc: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/66E9D07D-5935-4574-A656-45E53F4587C8.jpg', + src: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/66E9D07D-5935-4574-A656-45E53F4587C8.jpg', + w: 0, + h: 0, + title: '1' + }, + { + msrc: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/ABFBD84F-E6AE-4505-8B11-DAE406E71BA7.jpg', + src: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/ABFBD84F-E6AE-4505-8B11-DAE406E71BA7.jpg', + w: 0, + h: 0, + title: '2' + }, + { + msrc: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/D5D92018-207A-42E8-BD61-E9F02A0D3A7F.jpg', + src: 'Images/5C196F79-E2CB-4029-AC28-703423BD3424/D5D92018-207A-42E8-BD61-E9F02A0D3A7F.jpg', + w: 0, + h: 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/Courgette and Cheese Breakfast Muffins.html b/Recipes/Courgette and Cheese Breakfast Muffins.html index 4ae44f8..2b9da03 100644 --- a/Recipes/Courgette and Cheese Breakfast Muffins.html +++ b/Recipes/Courgette and Cheese Breakfast Muffins.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,7 +211,13 @@ // build items array var items = [ - + { + msrc: 'Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/26FCD1BB-7E45-4878-ACB8-7926BBB1CE71.jpg', + src: 'Images/7608ECD9-8AF9-4EF5-8428-8292801110FC/26FCD1BB-7E45-4878-ACB8-7926BBB1CE71.jpg', + w: 0, + h: 0, + title: '1' + }, ]; var index = 0; @@ -272,8 +253,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Courgette and Rice Filo Pie.html b/Recipes/Courgette and Rice Filo Pie.html new file mode 100644 index 0000000..513063d --- /dev/null +++ b/Recipes/Courgette and Rice Filo Pie.html @@ -0,0 +1,254 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/6C7F1B46-9131-4A0A-9A09-721245372CFE/1C8D4186-D1DC-49A8-B0AE-D313001A0B47.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Courgette and Rice Filo Pie</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="">4</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">River Cottage 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>500</strong>g courgettes</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g long-grain white rice</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> medium red onion</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g hard goat’s cheese or mature Cheddar, grated</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons olive oil</p><p class="line" itemprop="recipeIngredient">dill, chopped</p><p class="line" itemprop="recipeIngredient">flat-leaf parsley, chopped</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g filo pastry</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g unsalted butter</p><p class="line" itemprop="recipeIngredient">Sea salt and 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/6C7F1B46-9131-4A0A-9A09-721245372CFE/83854D33-08E0-457C-BB68-8412521AB9AD.jpg', + src: 'Images/6C7F1B46-9131-4A0A-9A09-721245372CFE/83854D33-08E0-457C-BB68-8412521AB9AD.jpg', + w: 0, + h: 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/Courgette, Corn & Cannelini Bean Stew.html b/Recipes/Courgette, Corn & Cannelini Bean Stew.html new file mode 100644 index 0000000..c980c22 --- /dev/null +++ b/Recipes/Courgette, Corn & Cannelini Bean Stew.html @@ -0,0 +1,251 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/8ECA470C-A0B3-442E-A39C-FC21F817C57A.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Courgette, Corn & Cannelini Bean Stew</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + <p itemprop="recipeCategory" class="categories">Full of Veg, Soup</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>4</strong> large, flavourful, ripe tomatoes (300–350g in total)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large garlic clove, finely grated or crushed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cobs of corn, kernels sliced off</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g chard, cut into thin ribbons (stalks and leaves)</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g tin cannellini beans, drained and rinsed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium courgette, or 4–5 baby courgettes</p><p class="line" itemprop="recipeIngredient">Sea salt</p><p class="line" itemprop="recipeIngredient">black pepper</p><p class="line" itemprop="recipeIngredient">Flat-leaf parsley, roughly chopped</p><p class="line" itemprop="recipeIngredient">Extra virgin olive oil, to trickle</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/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/33499CF4-0B6C-4E69-AA42-9344A356B4FB.jpg', + src: 'Images/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/33499CF4-0B6C-4E69-AA42-9344A356B4FB.jpg', + w: 0, + h: 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/Cream Cheese Jam Sandwich.html b/Recipes/Cream Cheese Jam Sandwich.html new file mode 100644 index 0000000..2a742af --- /dev/null +++ b/Recipes/Cream Cheese Jam Sandwich.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Cream Cheese Jam Sandwich</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-2</strong> tbsp cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tsp fruit jam</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> whole-grain bread slices</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> baby cucumbers</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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> + + + + </body> +</html> diff --git a/Recipes/Creamy Green Pea Soup.html b/Recipes/Creamy Green Pea Soup.html new file mode 100644 index 0000000..0f90db4 --- /dev/null +++ b/Recipes/Creamy Green Pea Soup.html @@ -0,0 +1,273 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/F5EF59CA-3F48-4698-A550-CCA14355807D/57AA00EF-3CC9-437A-9A77-795877A826DB.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Creamy Green Pea Soup</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + <p itemprop="recipeCategory" class="categories">Quick & Easy, Soup</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">20 min</span> + <b>Servings: </b><span itemprop="">3-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> tsp (1-2 cloves) minced garlic</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil or butter</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cups frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup water</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g cream cheese (low fat or regular)</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp herb-flavoured salt or stock powder</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> cups milk</p><p class="line" itemprop="recipeIngredient">seasonings to taste</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>With peas from the freezer and a carton of cream cheese, you can make a bright green, tasty, substantial and filling soup.</p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the garlic in the oil or butter until bubbling but not brown, then add the frozen peas and water, cover and cook for 4-5 minutes until peas are tender but still bright green.</p><p class="line">Purée in a food processor with the herb-flavoured salt or stock powder and (previously stirred) cream cheese. Thin with 1-2 cups of milk to reach the thickness you like.</p><p class="line">Adjust seasoning, adding salt, pepper and Tabasco to taste.</p><p class="line">Sieve part or all of the soup if you want it smoother, or eat without sieving.</p><p class="line">Refrigerate for up to 2 days, thinning with water or milk as necessary.</p><p class="line">Serve with warmed, crusty, crunchy bread. </p><p class="line">Top each serving with spoonfuls of sour cream and basil pesto, or with tiny croutons, sour cream and tomato salsa.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p><strong>EXTRA OPTIONS</strong>: If you have them, cook several chopped lettuce leaves and/or spring onions, and a dozen or so fresh mint leaves with the peas.</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/F5EF59CA-3F48-4698-A550-CCA14355807D/6F99C71B-1745-40C6-8A6D-DF74B8293FA3.jpg', + src: 'Images/F5EF59CA-3F48-4698-A550-CCA14355807D/6F99C71B-1745-40C6-8A6D-DF74B8293FA3.jpg', + w: 0, + h: 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/Creamy Mushroom Pasta.html b/Recipes/Creamy Mushroom Pasta.html index 6c6137a..1eed63f 100644 --- a/Recipes/Creamy Mushroom Pasta.html +++ b/Recipes/Creamy Mushroom Pasta.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">16 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Creamy One-Pot Pasta with Tuscan Kale, Almonds and Lemon.html b/Recipes/Creamy One-Pot Pasta with Tuscan Kale, Almonds and Lemon.html new file mode 100644 index 0000000..4ffc40c --- /dev/null +++ b/Recipes/Creamy One-Pot Pasta with Tuscan Kale, Almonds and Lemon.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/260fd70e08423e1adbf564f77a7409f3?impolicy=wcms_crop_resize&cropH=1126&cropW=2000&xPos=0&yPos=182&width=862&height=485"> + <img src="Images/AB467EAE-7BEC-4CD1-98C6-F33CAE926071-21109-000003467E943F2A/7BCDB8E7-CEA8-4BB0-8D9A-690758726EC2-21109-000003468368DCD3.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Creamy One-Pot Pasta with Tuscan Kale, Almonds and Lemon</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="">0:15</span> + <b>Cook Time: </b><span itemprop="">0:15</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.abc.net.au/everyday/one-pot-pasta-with-kale-cream-lemon-and-almonds-recipe/11241756"> + <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>320</strong>g maccheroni al ferretto, orecchiette or any pasta of your choice</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>ml pure cream</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, finely chopped</p><p class="line" itemprop="recipeIngredient">Juice and zest of a lemon</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>ml (1/4 cup) extra virgin olive oil, plus extra to serve</p><p class="line" itemprop="recipeIngredient">Pinch of dried chilli flakes</p><p class="line" itemprop="recipeIngredient">Large pinch of sea salt</p><p class="line" itemprop="recipeIngredient"><strong>600</strong>ml boiling water, use your kettle to save time</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g or half a bunch of cavolo nero leaves (also know as Tuscan kale), roughly torn into small pieces</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g (1/3 cup) toasted almonds, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>70</strong>g parmesan cheese, grated, 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">1. In a large deep-sided pan, place all of the ingredients except for the almonds and parmesan and stir to combine. Place over a high heat and cover with a lid. Bring to a boil then reduce heat to medium and cook for around 8 minutes or until the pasta is just under al dente. If you are using a different pasta shape, begin checking at the 7 minute mark. The best way to test is to simply try some of the pasta. It should be chewy with a little resistance, but not chalky.</p><p class="line">2. Remove the lid and stir through the almonds and parmesan and continue to cook until pasta is al dente and the sauce is thick and creamy (1-2 minutes). If the sauce has dried up too much, add in a little extra water. The pasta continues to soak up liquid even once off the heat, so it's better to have a little extra water on hand to add if necessary. Serve the pasta with extra parmesan and a drizzle 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> + + + + </body> +</html> diff --git a/Recipes/Crispy Mushroom Dal with Coriander Chutney.html b/Recipes/Crispy Mushroom Dal with Coriander Chutney.html new file mode 100644 index 0000000..a772887 --- /dev/null +++ b/Recipes/Crispy Mushroom Dal with Coriander Chutney.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/592---Crispy-Mushroom-Dal-Coriander-Chutney.1jpg-x200.jpg"> + <img src="Images/1C00FB75-DD88-4704-B5EE-6E3A8900E571/410451B8-431F-4774-A2F6-A67452E59474.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Crispy Mushroom Dal with Coriander Chutney</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="">25 min</span> + <b>Servings: </b><span itemprop="">2 or 4 servings</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegan-recipes/crispy-mushroom-dal-with-coriander-chutney"> + <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">For 2 people [double for 4]</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g red lentils</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g fresh root ginger</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g canned green lentils</p><p class="line" itemprop="recipeIngredient"><strong>11</strong>g vegetable stock mix</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g solid creamed coconut</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g portobello mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp dried chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g coriander</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> brown onions</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">Preheat your grill to a medium-high heat</p><p class="line">Peel and finely slice the brown onions</p><p class="line">Place the creamed coconut (in its packaging!) in a mug and cover with boiled water (this softens the naturally hard 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>Typical values per 100g per serving<br/>Energy 526 kJ 2043 kJ 125 kcal 487 kcal<br/>Fat 4.9 g 19.1 g<br/>of which saturates 4.2 g 16.4 g<br/>Carbohydrate 11.3 g 43.8 g<br/>of which sugars 2.7 g 10.5 g<br/>Fibre 5.8 g 22.7 g<br/>Protein 5.8 g 22.6 g<br/>Salt 0.51 g 1.97 g</p> + </div> +</div> + + + </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 index 7c87666..31538cd 100644 --- a/Recipes/Crispy Potato, Polenta & Cheese Pancake.html +++ b/Recipes/Crispy Potato, Polenta & Cheese Pancake.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,43 +144,34 @@ </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> @@ -207,7 +179,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -249,15 +220,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -293,8 +262,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Crêpes.html b/Recipes/Crêpes.html new file mode 100644 index 0000000..fcb024c --- /dev/null +++ b/Recipes/Crêpes.html @@ -0,0 +1,174 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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="">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/Cucumber Sandwiches.html b/Recipes/Cucumber Sandwiches.html new file mode 100644 index 0000000..219725b --- /dev/null +++ b/Recipes/Cucumber Sandwiches.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/473DC1F8-6AA4-4EBD-9B1D-51FB10E7B4B8-5288-000000FFAA5CF219.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Cucumber Sandwiches</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">cucumber</p><p class="line" itemprop="recipeIngredient">white bread</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/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/91901D19-CC65-42DE-82D1-7DE3CC5D3DAC-5288-000000FF4197840B.jpg', + src: 'Images/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/91901D19-CC65-42DE-82D1-7DE3CC5D3DAC-5288-000000FF4197840B.jpg', + w: 0, + h: 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/Curried Squash, Lentil & Coconut Soup.html b/Recipes/Curried Squash, Lentil & Coconut Soup.html new file mode 100644 index 0000000..f486c4d --- /dev/null +++ b/Recipes/Curried Squash, Lentil & Coconut Soup.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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-910467_11-5ab0424.jpg?quality=90&resize=440,400"> + <img src="Images/DF9D0D7B-CA95-42F5-AFB3-A99FFF01E999-21109-00000349261986F9/AE8AFEF4-BBA8-46B9-A5F0-1FE3782288E3-21109-00000349283B7073.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Curried Squash, Lentil & Coconut 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="">10 mins</span> + <b>Cook Time: </b><span itemprop="">25 mins</span> + <b>Servings: </b><span itemprop="">Serves 6</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/curried-squash-lentil-coconut-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>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> butternut squash, peeled, deseeded and diced</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g carrot, diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp curry powder containing turmeric</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g red lentil</p><p class="line" itemprop="recipeIngredient"><strong>700</strong>ml low-sodium vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can reduced-fat coconut milk</p><p class="line" itemprop="recipeIngredient">coriander and naan bread, 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 saucepan, add the squash and carrots, sizzle for 1 min, then stir in the curry powder and cook for 1 min more. Tip in the lentils, the vegetable stock and coconut milk and give everything a good stir. Bring to the boil, then turn the heat down and simmer for 15-18 mins until everything is tender.</p><p class="line">Using a hand blender or in a food processor, blitz until as smooth as you like. Season and serve scattered with roughly chopped coriander and some naan bread alongside.</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/Dark Chocolate & Ginger Fudge.html b/Recipes/Dark Chocolate & Ginger Fudge.html index 47ad5ca..6361ee8 100644 --- a/Recipes/Dark Chocolate & Ginger Fudge.html +++ b/Recipes/Dark Chocolate & Ginger Fudge.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">5 min</span> + <b>Total Time: </b><span itemprop="">4 hrs</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,30 +148,24 @@ </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"> @@ -202,14 +173,10 @@ </div> </div> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -217,7 +184,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -259,15 +225,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -303,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Dill Pickle Soup.html b/Recipes/Dill Pickle Soup.html new file mode 100644 index 0000000..91a20c8 --- /dev/null +++ b/Recipes/Dill Pickle Soup.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Dill Pickle 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">dill pickles</p><p class="line" itemprop="recipeIngredient">carrot</p><p class="line" itemprop="recipeIngredient">potatoes</p><p class="line" itemprop="recipeIngredient">dill</p><p class="line" itemprop="recipeIngredient">soured creme</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre stock</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/Dip with Crackers Platter.html b/Recipes/Dip with Crackers Platter.html new file mode 100644 index 0000000..3857b97 --- /dev/null +++ b/Recipes/Dip with Crackers Platter.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Dip with Crackers Platter</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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>5-6</strong> assorted crackers</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> pieces dried pears</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> sugar-snap peas</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> biscuits</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> + + + + </body> +</html> diff --git a/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html b/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html index a420739..b81c671 100644 --- a/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html +++ b/Recipes/Easy 3-Ingredient Chia Seed Strawberry Jam.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,35 +144,27 @@ </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"> @@ -199,9 +172,6 @@ </div> </div> - - - </div> @@ -211,7 +181,5 @@ - - </body> </html> diff --git a/Recipes/Easy Baked Chicken Nuggets.html b/Recipes/Easy Baked Chicken Nuggets.html index 50a4d95..5ffdb01 100644 --- a/Recipes/Easy Baked Chicken Nuggets.html +++ b/Recipes/Easy Baked Chicken Nuggets.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">0:40</span> + <b>Cook Time: </b><span itemprop="">0:30</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,36 +147,28 @@ </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> @@ -208,7 +178,5 @@ - - </body> </html> diff --git a/Recipes/Easy Rustic Gnocchi.html b/Recipes/Easy Rustic Gnocchi.html index 1cf5dd6..440a608 100644 --- a/Recipes/Easy Rustic Gnocchi.html +++ b/Recipes/Easy Rustic Gnocchi.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Easy Spinach and Ricotta Pies.html b/Recipes/Easy Spinach and Ricotta Pies.html index 5d54740..c66ec21 100644 --- a/Recipes/Easy Spinach and Ricotta Pies.html +++ b/Recipes/Easy Spinach and Ricotta Pies.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Easy Veggie Noodles.html b/Recipes/Easy Veggie Noodles.html index 8ec951f..509ca31 100644 --- a/Recipes/Easy Veggie Noodles.html +++ b/Recipes/Easy Veggie Noodles.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Easy mushroom risotto with baked Greek Cheese.html b/Recipes/Easy mushroom risotto with baked Greek Cheese.html index 43390ed..efb34a9 100644 --- a/Recipes/Easy mushroom risotto with baked Greek Cheese.html +++ b/Recipes/Easy mushroom risotto with baked Greek Cheese.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -165,43 +145,34 @@ </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> @@ -209,7 +180,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -251,15 +221,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -295,8 +263,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Egg Custard.html b/Recipes/Egg Custard.html index 9fe069e..23035b1 100644 --- a/Recipes/Egg Custard.html +++ b/Recipes/Egg Custard.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,46 +104,34 @@ <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> - + <b>Servings: </b><span itemprop="">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"> @@ -154,43 +139,34 @@ </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> @@ -200,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Egg Tartare.html b/Recipes/Egg Tartare.html new file mode 100644 index 0000000..678489d --- /dev/null +++ b/Recipes/Egg Tartare.html @@ -0,0 +1,254 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/594154CE-41C2-4C86-8276-1B4AC559D5D6.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Egg Tartare</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 --> + <b>Source: </b> + + <span itemprop="author">River cottage every day. Pg. 118</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>6</strong> medium eggs, at room temperature</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> spring onions or 2 small shallots</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> gherkins (about 30g), finely diced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon capers, rinsed </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons finely chopped parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon finely chopped dill (optional)</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> tablespoons mayonnaise (page 282)</p><p class="line" itemprop="recipeIngredient">A dab of Dijon mustard</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> dashes of Tabasco sauce (optional)</p><p class="line" itemprop="recipeIngredient">Sea salt and freshly ground black pepper</p><p class="line" itemprop="recipeIngredient">Slices of wholemeal, sourdough, rye or your favourite bread, 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> + +<!-- 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/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/B4A7334F-2D50-4441-B2B6-BCF98FF9F87D.jpg', + src: 'Images/6F1DBE9D-CB05-42D6-81AD-37CEB4C2FB12/B4A7334F-2D50-4441-B2B6-BCF98FF9F87D.jpg', + w: 0, + h: 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 and Lettuce Rolls.html b/Recipes/Egg and Lettuce Rolls.html index 9e8827b..e8ac38e 100644 --- a/Recipes/Egg and Lettuce Rolls.html +++ b/Recipes/Egg and Lettuce Rolls.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Eggs With Mayonnaise.html b/Recipes/Eggs With Mayonnaise.html index e3a1fc5..1ff2b6e 100644 --- a/Recipes/Eggs With Mayonnaise.html +++ b/Recipes/Eggs With Mayonnaise.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,40 +104,31 @@ <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"> @@ -148,29 +136,22 @@ </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> @@ -180,7 +161,5 @@ - - </body> </html> diff --git a/Recipes/English Garden Mocktail.html b/Recipes/English Garden Mocktail.html index 5dcd445..6c9a6ae 100644 --- a/Recipes/English Garden Mocktail.html +++ b/Recipes/English Garden Mocktail.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Falafel Burgers.html b/Recipes/Falafel Burgers.html new file mode 100644 index 0000000..818d0be --- /dev/null +++ b/Recipes/Falafel Burgers.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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-326597_11-b7385b9.jpg?quality=90&resize=440,400"> + <img src="Images/4A0475D6-C138-49D8-903A-9E6B1BEC5FFA/D3DC9C6B-932C-429B-923F-729DC73DEFB3.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Falafel Burgers</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="">10 mins</span> + <b>Cook Time: </b><span itemprop="">6 mins</span> + <b>Servings: </b><span itemprop="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/falafel-burgers-0"> + <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> can chickpeas (400g), rinsed and drained</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small red onion, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, chopped</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</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 harissa paste or chilli powder</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp plain flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp sunflower oil</p><p class="line" itemprop="recipeIngredient">pitta bread</p><p class="line" itemprop="recipeIngredient"><strong>135</strong>g cherry tomatoes</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 --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Drain the chickpeas and pat dry with kitchen paper. Tip into a food processor along with the onion, garlic, parsley, cumin, coriander, harissa paste, flour and a little salt. Blend until fairly smooth, then shape into four patties with your hands.</p><p class="line">Heat the sunflower oil in a non-stick frying pan, and fry the burgers for 3 mins on each side until lightly golden. Serve with the toasted pitta bread, tomato salsa and 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 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/Falafels with Dip.html b/Recipes/Falafels with Dip.html new file mode 100644 index 0000000..201661a --- /dev/null +++ b/Recipes/Falafels with Dip.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Falafels with Dip</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-3</strong> small pieces falafel mix or pre-made falafels</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp dip (hummus or yogurt-based)</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> baby cucumbers</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> sugar-snap peas</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> chocolate rice cakes (side)</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/Flatbread for Gözleme.html b/Recipes/Flatbread for Gözleme.html new file mode 100644 index 0000000..826ea68 --- /dev/null +++ b/Recipes/Flatbread for Gözleme.html @@ -0,0 +1,263 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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="">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, + h: 1165, + 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 index 31a5df8..827d2cb 100644 --- a/Recipes/Fluffy Meringue Frosting.html +++ b/Recipes/Fluffy Meringue Frosting.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">1:19</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,36 +148,28 @@ </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> @@ -210,7 +179,5 @@ - - </body> </html> diff --git a/Recipes/Fool-Proof Corn Fritters.html b/Recipes/Fool-Proof Corn Fritters.html index cb0d930..04d4269 100644 --- a/Recipes/Fool-Proof Corn Fritters.html +++ b/Recipes/Fool-Proof Corn Fritters.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,36 +140,28 @@ </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> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,23 +210,20 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '2' }, - ]; var index = 0; @@ -286,8 +259,5 @@ </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 index ccf8496..8da5437 100644 --- a/Recipes/French Beans and Mangetout with Hazelnut and Orange.html +++ b/Recipes/French Beans and Mangetout with Hazelnut and Orange.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,36 +144,28 @@ </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> @@ -202,7 +175,5 @@ - - </body> </html> diff --git a/Recipes/French Toast with Spiced Plums.html b/Recipes/French Toast with Spiced Plums.html new file mode 100644 index 0000000..d0681d7 --- /dev/null +++ b/Recipes/French Toast with Spiced Plums.html @@ -0,0 +1,271 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/94A0F503-B683-43B8-A516-50847BF84104/CE2DCBE2-8201-4212-8EF4-6F79AB5CFE3F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">French Toast with Spiced Plums</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="">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>350</strong>g plums</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp honey</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp mixed spice</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g flaked almonds</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/94A0F503-B683-43B8-A516-50847BF84104/C65629EE-2A2C-4FF8-BB3A-F5BB7E10F4BB.jpg', + src: 'Images/94A0F503-B683-43B8-A516-50847BF84104/C65629EE-2A2C-4FF8-BB3A-F5BB7E10F4BB.jpg', + w: 0, + h: 0, + title: '1' + }, + { + msrc: 'Images/94A0F503-B683-43B8-A516-50847BF84104/8E4246F2-C37E-4918-AA24-593BFDC42997.jpg', + src: 'Images/94A0F503-B683-43B8-A516-50847BF84104/8E4246F2-C37E-4918-AA24-593BFDC42997.jpg', + w: 0, + h: 0, + title: '2' + }, + { + msrc: 'Images/94A0F503-B683-43B8-A516-50847BF84104/C8B5CF4E-16F6-4A23-A960-BAEF91577D9A.jpg', + src: 'Images/94A0F503-B683-43B8-A516-50847BF84104/C8B5CF4E-16F6-4A23-A960-BAEF91577D9A.jpg', + w: 0, + h: 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/Fudgy Chocolate Pudding Cake.html b/Recipes/Fudgy Chocolate Pudding Cake.html new file mode 100644 index 0000000..0fe47b1 --- /dev/null +++ b/Recipes/Fudgy Chocolate Pudding Cake.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://celebratingsweets.com/wp-content/uploads/2020/01/Chocolate-Pudding-Cake-2-198x300.jpg"> + <img src="Images/396E2809-556C-4A97-8E75-C1B5A982DEC6/7E06D4C5-39D3-40DD-B79E-56E4ACBA9F22.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Fudgy Chocolate Pudding 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="">20 min</span> + <b>Cook Time: </b><span itemprop="">25 min</span> + <b>Servings: </b><span itemprop="">8</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://celebratingsweets.com/chocolate-pudding-cake/"> + <span itemprop="author">celebratingsweets.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>Cake:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup all purpose flour</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> cup light brown sugar*, packed</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup unsweetened cocoa powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon espresso powder</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> teaspoons baking powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon salt</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> cup milk, preferably whole or 2%</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> teaspoons pure vanilla extract</p><p class="line" itemprop="recipeIngredient">generous ½ cup semisweet or bittersweet chocolate chips</p><p class="line" itemprop="recipeIngredient"><strong>Topping:</strong></p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup unsweetened cocoa powder</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup light brown sugar*</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> cups boiling water</p><p class="line" itemprop="recipeIngredient">Recommended: vanilla ice cream or whipped cream, for serving</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>Cake:</strong></p><p class="line">Preheat oven to 350°F. Lightly grease a 9-inch** square baking pan and set aside.</p><p class="line">In a large bowl, whisk flour, brown sugar, cocoa, espresso powder, baking powder, and salt. Add milk, oil and vanilla and whisk until well combined and smooth. Using a rubber spatula, stir in chocolate chips.</p><p class="line">Transfer the batter to the prepared pan and spread into an even layer. Proceed with the topping.</p><p class="line"><strong>Topping:</strong></p><p class="line">In a bowl, combine cocoa powder and brown sugar, mixing until well combined (I use a fork). Sprinkle this mixture in an even layer over the top of the cake batter.</p><p class="line">Slowly and carefully pour the boiling water evenly over the top. TIP: I pour the water over the back of a large spoon and slowly move it around the pan while pouring. Do not stir or disturb the cake batter underneath.</p><p class="line">Transfer to the oven and bake for 25-30 minutes, until the cake layer (on top) is cooked through. The pudding sauce should be bubbling gently around the sides of the pan. Place on a wire rack to cool for about 10 minutes. Serve warm, scooping the cake into bowls and spooning the sauce over the top. Recommended garnishes: vanilla ice cream or whipped cream.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>*Your brown sugar should be moist and soft. If it is dry or lumpy, swap the brown sugar for granulated sugar.</p><p>**Pan size: You need at least 2-inch high sides on your 9-inch square pan. I do not recommend baking in an 8-inch square pan, but a 7×11 should work.</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: 341kcal | Carbohydrates: 62g | Protein: 4g | Fat: 11g | Saturated Fat: 8g | Cholesterol: 2mg | Sodium: 197mg | Potassium: 240mg | Fiber: 3g | Sugar: 45g | Vitamin A: 25IU | Calcium: 116mg | Iron: 2mg</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Garlic Bread.html b/Recipes/Garlic Bread.html new file mode 100644 index 0000000..8be918d --- /dev/null +++ b/Recipes/Garlic Bread.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Garlic 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">ciabatta bread</p><p class="line" itemprop="recipeIngredient">butter</p><p class="line" itemprop="recipeIngredient">garlic</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/Gennaro’s Winter Barley And Cavolo Nero Soup.html b/Recipes/Gennaro’s Winter Barley And Cavolo Nero Soup.html new file mode 100644 index 0000000..c78bb66 --- /dev/null +++ b/Recipes/Gennaro’s Winter Barley And Cavolo Nero Soup.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Gennaro’s Winter Barley And Cavolo Nero 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">barley</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large potatoe</p><p class="line" itemprop="recipeIngredient">cavolo nero</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> + + + + </body> +</html> diff --git a/Recipes/Giant Berry Pancake.html b/Recipes/Giant Berry Pancake.html new file mode 100644 index 0000000..e99e75d --- /dev/null +++ b/Recipes/Giant Berry Pancake.html @@ -0,0 +1,260 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/C959EA91-C34D-44B3-941D-47D579E69B04/B03BFC7C-57D2-47FE-8796-7D66F644BD25.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Giant Berry Pancake</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">Lunch, Pancakes, Refuel Meal</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Total Time: </b><span itemprop="">25 minutes</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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 self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> egg whites</p><p class="line" itemprop="recipeIngredient"><strong>65</strong>g fat-free yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g berries</p><p class="line" itemprop="recipeIngredient"><strong>25</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/>Preheat the grill to a medium heat.<br/>Combine the flour, baking powder and salt in a large bowl and make a well in the centre.<br/>Add the eggs, egg whites, yoghurt and vanilla extract and whisk until smooth.</p><p class="line"><strong>Step 2</strong><br/>Melt the oil in a small non-stick frying pan over medium heat, then pour in all of the batter.<br/>When bubbles appear on the batter's surface, scatter the fruit over the top.<br/>Cook for another 2 minutes, then slide under the grill and cook for 3-4 minutes until golden on top.<br/>To check that the pancake is cooked, insert the tip of a knife into the centre; if it comes out clean, it's ready.</p><p class="line"><strong>Step 3</strong><br/>Slide the pancake onto a plate, drizzle over the maple syrup 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/C959EA91-C34D-44B3-941D-47D579E69B04/5EC3FC42-828A-476D-951E-D3BFB97AF641.jpg', + src: 'Images/C959EA91-C34D-44B3-941D-47D579E69B04/5EC3FC42-828A-476D-951E-D3BFB97AF641.jpg', + w: 1125, + h: 1220, + 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/Gluten Free Lemon Curd Cookies.html b/Recipes/Gluten Free Lemon Curd Cookies.html index c8c6fec..bc44c73 100644 --- a/Recipes/Gluten Free Lemon Curd Cookies.html +++ b/Recipes/Gluten Free Lemon Curd Cookies.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">1 hr</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,14 +171,10 @@ </div> </div> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -215,7 +184,5 @@ - - </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 index 4919475..73cee0c 100644 --- a/Recipes/Gnocchi Broccoli Tray Bake with Lemon and Cheese.html +++ b/Recipes/Gnocchi Broccoli Tray Bake with Lemon and Cheese.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,98 +104,71 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">0:10</span> + <b>Cook Time: </b><span itemprop="">0:20</span> + <b>Servings: </b><span itemprop="">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> + <p class="line" itemprop="recipeIngredient"><strong>350</strong>g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>250</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> + <p class="line"><strong>Step 1</strong> <br/>- <strong>Preheat the oven</strong> to <strong>220°C/200°C (fan)</strong>.</p><p class="line"><strong>Step 2</strong> <br/>- Cut the <strong>broccoli</strong> into florets. Trim the woody exterior off the stalk and cut into chunks similar in size to the florets. <br/>- Open the packet of <strong>gnocchi</strong> and separate well (they tend to stick together). <br/>- Combine the <strong>broccoli</strong> in a large bowl with the <strong>gnocchi</strong>, <strong>fennel seeds</strong>, sliced <strong>lemon</strong>, and <strong>garlic</strong>. <br/>- Drizzle everything generously with <strong>olive oil</strong>, season well with <strong>sea salt</strong> and <strong>black pepper</strong>, and toss to coat evenly.</p><p class="line"><strong>Step 3</strong> <br/>- Spread the <strong>gnocchi</strong> and <strong>broccoli</strong> onto <strong>2 large baking trays</strong>, ensuring they are in a single layer. <br/>- Roast for <strong>15-20 minutes</strong> until the <strong>gnocchi</strong> turns golden, and the <strong>broccoli</strong> and <strong>lemon</strong> caramelize. <br/>- Remove from the oven and toss everything together, allowing the charred <strong>lemon</strong> flavor to coat the <strong>gnocchi</strong> and <strong>broccoli</strong>.</p><p class="line"><strong>Step 4</strong> <br/>- For serving, place the trays in the center of the table. <br/>- Drizzle with additional <strong>olive oil</strong>, sprinkle with <strong>pecorino</strong> and <strong>1-2 teaspoons</strong> (or to taste) of <strong>black pepper</strong>. <br/>- Garnish with <strong>parsley</strong> and a squeeze of fresh <strong>lemon juice</strong>.<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> @@ -208,7 +178,5 @@ - - </body> </html> diff --git a/Recipes/Gnocchi with Mushrooms & Blue Cheese.html b/Recipes/Gnocchi with Mushrooms & Blue Cheese.html index 7c32947..af90052 100644 --- a/Recipes/Gnocchi with Mushrooms & Blue Cheese.html +++ b/Recipes/Gnocchi with Mushrooms & Blue Cheese.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">10 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Goats' Cheese & Spinach Florentine Tart.html b/Recipes/Goats' Cheese & Spinach Florentine Tart.html index 252590a..fd460b1 100644 --- a/Recipes/Goats' Cheese & Spinach Florentine Tart.html +++ b/Recipes/Goats' Cheese & Spinach Florentine Tart.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </div> <!-- Name --> - <h1 itemprop="name" class="name">Goats' Cheese & Spinach Florentine Tart</h1> + <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> - + <b>Total Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,13 +171,9 @@ </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"> @@ -212,9 +181,6 @@ </div> </div> - - - </div> @@ -224,7 +190,5 @@ - - </body> </html> diff --git a/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html b/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html index 33653b4..4a835ab 100644 --- a/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html +++ b/Recipes/Goats' Cheese, Leek & Spinach Pasta Bake.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </div> <!-- Name --> - <h1 itemprop="name" class="name">Goats' Cheese, Leek & Spinach Pasta Bake</h1> + <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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,13 +171,9 @@ </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"> @@ -212,9 +181,6 @@ </div> </div> - - - </div> @@ -224,7 +190,5 @@ - - </body> </html> diff --git a/Recipes/Golden-Syrup Dumplings with Ginger and Spice.html b/Recipes/Golden-Syrup Dumplings with Ginger and Spice.html new file mode 100644 index 0000000..5aa0a93 --- /dev/null +++ b/Recipes/Golden-Syrup Dumplings with Ginger and Spice.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://d3lp4xedbqa8a5.cloudfront.net/s3/digital-cougar-assets/Gt/2020/06/30/17411/web_goldensyrupdumplings.jpg?width=690&height=574&mode=crop&quality=75"> + <img src="Images/D22C7CA7-C0AA-4238-975B-88EE8EE3FC06/CD4E9B3E-A89F-4FB0-B142-4A61F8F66336.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Golden-Syrup Dumplings with Ginger and Spice</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="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gourmettraveller.com.au/recipes/fast-recipes/golden-syrup-dumplings-17411"> + <span itemprop="author">gourmettraveller.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>350</strong> gm (1 cup) golden syrup</p><p class="line" itemprop="recipeIngredient"><strong>225</strong> gm (1½ cups) self-raising flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground ginger</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp mixed spice</p><p class="line" itemprop="recipeIngredient"><strong>80</strong> gm chilled butter, chopped</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> eggs</p><p class="line" itemprop="recipeIngredient">Vanilla bean ice-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">Bring syrup and 290ml water to a simmer in a large saucepan over medium-high heat, stirring to dissolve.</p><p class="line">Meanwhile, sift flour into a bowl, add spices and a pinch of salt, stir to combine, then rub in butter with your fingertips until it resembles coarse breadcrumbs. Make a well in the centre.</p><p class="line">Whisk milk and eggs in a jug to combine, then add to well and mix to form a wet dough. With damp hands, roll tablespoons of dough into balls and add to syrup in pan. Turn occasionally, until dumplings are golden and puffed (5-6 minutes).</p><p class="line">Serve hot drizzled with syrup and topped with vanilla bean 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>Serving Size: Serves 4</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 index 102b80e..943f973 100644 --- a/Recipes/Great Glen Vegetarian Lasagne.html +++ b/Recipes/Great Glen Vegetarian Lasagne.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,36 +144,28 @@ </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> @@ -202,7 +175,5 @@ - - </body> </html> diff --git a/Recipes/Green Dream Noodles.html b/Recipes/Green Dream Noodles.html index 70ebde7..9e9b21a 100644 --- a/Recipes/Green Dream Noodles.html +++ b/Recipes/Green Dream Noodles.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html b/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html new file mode 100644 index 0000000..d5eeb0e --- /dev/null +++ b/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Green Goodness Bowl with Boiled Eggs and Sweet Potato</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="">30 min</span> + <b>Servings: </b><span itemprop="">2 or 4 servings</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/green-goodness-bowl-with-egg-sweet-potato"> + <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>2</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g pumpkin seeds</p><p class="line" itemprop="recipeIngredient"><strong>10.5</strong>g wholegrain mustard</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g sweet potato</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp tamari soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g shredded kale</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"><strong>Step 1</strong></p><p class="line">Preheat the oven to 220°C/ 200°C (fan)/ gas 7<br/>Boil a full kettle<br/>Peel and chop the <strong>sweet potatoes</strong> into wedges</p><p class="line">Add the <strong>sweet potato wedges</strong> to a tray with 1/2 tbsp [1 tbsp] olive oil and a pinch of salt</p><p class="line">Put the tray in the oven and cook for an initial 15 min</p><p class="line"><strong>Step 2</strong></p><p class="line">While the <strong>sweet potato wedges</strong> are cooking, cut the <strong>lemon</strong>[s] in half</p><p class="line">Combine the juice of 1/2 [1] <strong>lemon</strong> with half [all] the <strong>wholegrain mustard</strong>, 1 tbsp [2 tbsp] <strong>olive oil</strong> and a pinch of <strong>salt</strong> and <strong>pepper</strong> in a small bowl - this is your mustard dressing</p><p class="line">Tip: Cooking for 2? Save the remaining wholegrain mustard for another recipe!</p><p class="line">Cut the remaining <strong>lemon</strong> into wedges</p><p class="line"><strong>Step 3</strong><br/>Add the <strong>eggs</strong> to a pot of boiled water with a pinch of <strong>salt</strong> over a high heat (salt prevents the eggs from cracking)</p><p class="line">Once boiling, boil for exactly 8 min for perfect, mid-boiled eggs</p><p class="line">Once done, drain, then refill the bowl with ice-cold water and set them aside to cool</p><p class="line">Tip: Use the Gousto ice packs to chill the water!</p><p class="line"><strong>Step 4</strong></p><p class="line">Heat a large, wide-based pan (preferably non- stick with a matching lid) with 1/2 tbsp [1 tbsp] <strong>olive oil</strong> over a medium heat</p><p class="line">Wash the <strong>shredded kale</strong>, then pat it dry with kitchen paper</p><p class="line">Once hot, remove the pan from the heat, add the <strong>shredded kale</strong> with a pinch of <strong>salt</strong>, then return the pan to the heat and cook for 3-5 min or until starting to soften</p><p class="line">Tip: Cover the pan with a lid to help the kale wilt</p><p class="line"><strong>Step 5</strong><br/>Peel and finely chop (or grate) the <strong>garlic</strong></p><p class="line">Wash the <strong>spinach</strong>, then pat it dry with kitchen paper</p><p class="line">Once the <strong>kale</strong> is starting to soften, add the <strong>spinach</strong> with the <strong>chopped garlic</strong> and cook for a further 3-4 min or until the <strong>kale</strong> is tender and the <strong>spinach</strong> is starting to wilt - these are your stir-fried greens</p><p class="line"><strong>Step 6</strong></p><p class="line">Once the <strong>sweet potato wedges</strong> have had 15 min, remove them from the oven and push them to one side of the tray</p><p class="line">Add the <strong>pumpkin seeds</strong> to the other side of<br/>the tray and drizzle over the <strong>tamari soy sauce</strong></p><p class="line">Return the tray to the oven for 5-7 min until the <strong>sweet potato</strong> is cooked through and golden and the seeds are toasted - these are your tamari-roasted seeds</p><p class="line">Tip: Watch them like a hawk to make sure they<br/>don't burn!</p><p class="line"><strong>Step 7</strong></p><p class="line">Peel the <strong>cooled boiled eggs</strong> and cut them in half</p><p class="line">Cut the <strong>avocado</strong>(s] in half lengthways, around the stonels]</p><p class="line">Remove the stone(s] using a teaspoon</p><p class="line">Scoop the <strong>avocado</strong> out of the skin[s] using a spoon and slice thinly</p><p class="line"><strong>Step 8</strong></p><p class="line">Serve the sweet potato wedges with the stir-fried greens, sliced avocado, halved boiled eggs and lemon wedge to the side</p><p class="line">Drizzle over the mustard dressing and sprinkle with the tamari-roasted seeds</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><span uid="EA5E29E7-607C-42C6-8F6C-8BC816ADD129" class="image-border image-box"><img src="Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg" alt="1" class="inline-image photoswipe" /></span></p><p><strong>Amount per serving</strong><br/>Calories 787</p><p><em>% Daily Value*</em><br/>Total Fat 36.6g 47%<br/>Saturated Fat 8.3g 42%<br/>Cholesterol 327mg 109%<br/>Sodium 761mg 33%<br/>Total Carbohydrate 96.6g 35%<br/>Dietary Fiber 21.6g 77%<br/>Total Sugars 3.8g <br/><strong>Protein 26.8g</strong><br/>Vitamin D 31mcg 154%<br/>Calcium 300mg 23%<br/>Iron 10mg 53%<br/>Potassium 3646mg 78%</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/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg', + src: 'Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg', + w: 828, + h: 1300, + 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/Green Pea, Millet & Mint Fritters.html b/Recipes/Green Pea, Millet & Mint Fritters.html index 706d8b9..06401ee 100644 --- a/Recipes/Green Pea, Millet & Mint Fritters.html +++ b/Recipes/Green Pea, Millet & Mint Fritters.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,36 +145,28 @@ </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> @@ -204,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Green beans, new potatoes and olives with Eggs.html b/Recipes/Green beans, new potatoes and olives with Eggs.html new file mode 100644 index 0000000..cb707e6 --- /dev/null +++ b/Recipes/Green beans, new potatoes and olives with Eggs.html @@ -0,0 +1,273 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/989BF497-9F52-4A75-AD10-7F05D68D08A2.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Green beans, new potatoes and olives with 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="">3</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">River Cottage Veg Everyday pg. 222</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 small new potatoes</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g green beans</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g stoned black olives</p><p class="line" itemprop="recipeIngredient">basil</p><p class="line" itemprop="recipeIngredient">lemon</p><p class="line" itemprop="recipeIngredient">Sea salt and freshly ground</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 --> + <div class="descriptionbox"> + <h3 class="subhead">Description</h3> + <div itemprop="description" class="description text"> + <p>Straightforward it may be, but this is one of my favourite recipes in this<br/>chapter.</p><p>It's such a simple combination: just two vegetables mixed with a few aromatic ingredients, which form a sort of deconstructed tapenade. </p><p>It's very easy to throw together, looks glossy and gorgeous, and always seems to hit the spot: a perfect summer supper.</p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"><strong>Step 1</strong> <br/>- Cut the <strong>potatoes</strong> into 2 or 3 pieces each. Place them in a saucepan, cover with water, add <strong>salt</strong>, and bring to a boil. <br/>- Reduce the heat and simmer for approximately <strong>8 minutes</strong>, until tender. <br/>- Add the <strong>beans</strong> for the last <strong>2 or 3 minutes</strong> of simmering. <br/>- Drain well and return to the hot pan.</p><p class="line"><strong>Step 2</strong> <br/>- Meanwhile, heat <strong>olive oil</strong> in a small pan over low heat. <br/>- Add the <strong>garlic</strong> and cook gently for a couple of minutes, ensuring it doesn't color. <br/>- Add the chopped <strong>olives</strong> and cook for an additional minute. <br/>- Remove from heat.</p><p class="line"><strong>Step 3</strong> <br/>- Pour the <strong>oil, garlic, and olives</strong> into the pan with the <strong>potatoes and beans</strong>.</p><p class="line"><strong>Step 4</strong> <br/>- Add the <strong>basil</strong>, a generous squeeze or two of <strong>lemon juice</strong>, and season with <strong>salt</strong> and <strong>pepper</strong>. <br/>- Toss everything together and serve warm.<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> + +<!-- 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/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/55C5D7EA-4AA7-4DB5-9580-72C9C2D4BFC3.jpg', + src: 'Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/55C5D7EA-4AA7-4DB5-9580-72C9C2D4BFC3.jpg', + w: 828, + h: 906, + title: '1' + }, + { + msrc: 'Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/051DDA38-10A0-4E45-8745-896041A304EE.jpg', + src: 'Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/051DDA38-10A0-4E45-8745-896041A304EE.jpg', + w: 1536, + h: 2048, + 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/Halloumi & Cashew Curry with Brown Rice.html b/Recipes/Halloumi & Cashew Curry with Brown Rice.html index 5e8d293..b6cd290 100644 --- a/Recipes/Halloumi & Cashew Curry with Brown Rice.html +++ b/Recipes/Halloumi & Cashew Curry with Brown Rice.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Halloumi Burger with Chilli and Mint.html b/Recipes/Halloumi Burger with Chilli and Mint.html index c3a7a95..8d635d4 100644 --- a/Recipes/Halloumi Burger with Chilli and Mint.html +++ b/Recipes/Halloumi Burger with Chilli and Mint.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,44 +104,33 @@ <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> - + <b>Total Time: </b><span itemprop="">15</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -152,36 +138,28 @@ </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> @@ -191,7 +169,5 @@ - - </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 index 7c06eff..2cef63a 100644 --- a/Recipes/Halloumi Curry with Cashew Nut Sauce and Broccoli.html +++ b/Recipes/Halloumi Curry with Cashew Nut Sauce and Broccoli.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,35 +144,27 @@ </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"> @@ -199,9 +172,6 @@ </div> </div> - - - </div> @@ -211,7 +181,5 @@ - - </body> </html> diff --git a/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html b/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html index c601f1c..c8bdf27 100644 --- a/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html +++ b/Recipes/Halloumi, Chip & Tzatziki Pitta with Salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Ham, Mushroom & Spinach Frittata.html b/Recipes/Ham, Mushroom & Spinach Frittata.html new file mode 100644 index 0000000..0f751f1 --- /dev/null +++ b/Recipes/Ham, Mushroom & Spinach Frittata.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/ham-mushroom-spinach-frittata-e246673.jpg?quality=90&resize=440,400"> + <img src="Images/D65C3674-771F-43EA-A38B-5A0D617FC97D-21109-0000034877ED69AE/CAA8803A-AC54-410D-9253-536AC7F14402-21109-0000034879FEACD1.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Ham, Mushroom & Spinach Frittata</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="">4 mins</span> + <b>Cook Time: </b><span itemprop="">9 mins</span> + <b>Servings: </b><span itemprop="">Serves 2</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/ham-mushroom-spinach-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>1</strong> tsp oil</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g chestnut mushrooms , sliced</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g ham , diced</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g bag spinach</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> medium eggs , beaten</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp grated cheddar</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 its highest setting. Heat the oil in an ovenproof frying pan over a medium-high heat. Tip in the mushrooms and fry for 2 mins until mostly softened. Stir in the ham and spinach, and cook for 1 min more until the spinach has wilted. Season well with black pepper and a pinch of salt.</p><p class="line">Reduce the heat and pour over the eggs. Cook undisturbed for 3 mins until the eggs are mostly set. Sprinkle over the cheese and put under the grill for 2 mins. Serve hot 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 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/Herby Barbequed Chicken.html b/Recipes/Herby Barbequed Chicken.html index 3cbebd2..c8860fe 100644 --- a/Recipes/Herby Barbequed Chicken.html +++ b/Recipes/Herby Barbequed Chicken.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">4 hrs</span> + <b>Cook Time: </b><span itemprop="">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"> @@ -165,29 +145,22 @@ </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> @@ -195,7 +168,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -237,15 +209,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -281,8 +251,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Herby Spelt & Lentils.html b/Recipes/Herby Spelt & Lentils.html index 238e820..2e3a090 100644 --- a/Recipes/Herby Spelt & Lentils.html +++ b/Recipes/Herby Spelt & Lentils.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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"> @@ -157,29 +141,22 @@ </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> @@ -187,7 +164,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -229,15 +205,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -273,8 +247,5 @@ </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 index 89053a7..d7c2bdc 100644 --- a/Recipes/Herby polenta with asparagus and a poached egg.html +++ b/Recipes/Herby polenta with asparagus and a poached egg.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 min</span> + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Total Time: </b><span itemprop="">0 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,43 +148,34 @@ </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> @@ -215,7 +183,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -257,15 +224,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -301,8 +266,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Home-Style Chicken Curry.html b/Recipes/Home-Style Chicken Curry.html index d19dd52..f3ce23d 100644 --- a/Recipes/Home-Style Chicken Curry.html +++ b/Recipes/Home-Style Chicken Curry.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 mins</span> + <b>Cook Time: </b><span itemprop="">30 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Homemade Baked Beans.html b/Recipes/Homemade Baked Beans.html index 70c8fa3..3a7da92 100644 --- a/Recipes/Homemade Baked Beans.html +++ b/Recipes/Homemade Baked Beans.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 minutes</span> + <b>Cook Time: </b><span itemprop="">35 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Homemade Pizza.html b/Recipes/Homemade Pizza.html index 7563348..722515f 100644 --- a/Recipes/Homemade Pizza.html +++ b/Recipes/Homemade Pizza.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Honey Cloud Pancakes.html b/Recipes/Honey Cloud Pancakes.html index 3215811..1dec90f 100644 --- a/Recipes/Honey Cloud Pancakes.html +++ b/Recipes/Honey Cloud Pancakes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Honey Joys.html b/Recipes/Honey Joys.html new file mode 100644 index 0000000..e5ba17a --- /dev/null +++ b/Recipes/Honey Joys.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/k_0-Vxw0/w643-h428-cfill-q90/taste/2016/11/honey-joys-98827-1.jpeg"> + <img src="Images/6AFED36B-DE89-49C5-9D0F-FB143E46E142/0E9805DD-A4F3-4F2B-A1ED-8D31125DA222.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Honey Joys</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="">10 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">12</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/honey-joys/3bcb3ed2-bacb-4c4b-afcf-17542a790952"> + <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> cups cornflakes</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g Unsalted Butter, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> tbsp honey</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup caster sugar</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">Allergens: Recipe may contain milk and lactose.</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: 8.5 grams fat<br/>Calories: 65.23 calories<br/>Saturated Fat: 5.2 grams saturated fat<br/>Sodium: 269 milligrams sodium<br/>Cholesterol: 21.5 milligrams cholesterol<br/>Carbohydrate: 50.1 grams carbohydrates<br/>Sugar: 12.4 grams sugar<br/>Protein: 2.9 grams protein</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Hot Cross Bun and Butter Pudding.html b/Recipes/Hot Cross Bun and Butter Pudding.html new file mode 100644 index 0000000..950052a --- /dev/null +++ b/Recipes/Hot Cross Bun and Butter Pudding.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://144f2a3a2f948f23fc61-ca525f0a2beaec3e91ca498facd51f15.ssl.cf3.rackcdn.com/uploads/food_portal_data/recipes/recipe/hero_article_image/2209/1f8efac4f90742795af6/letterbox_HotCrossBunPudding_2593.jpg"> + <img src="Images/FABD4B5A-8CE5-46EA-96A0-049D9F667349/F0EFBDA1-59C1-423D-824E-D3BD1FF13E9E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Hot Cross Bun and Butter Pudding</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="">5 minutes</span> + <b>Cook Time: </b><span itemprop="">50 minutes</span> + <b>Servings: </b><span itemprop="">8</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://recipes.sainsburys.co.uk/recipes/hot-cross-bun-and-butter-pudding"> + <span itemprop="author">recipes.sainsburys.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>500</strong>ml semi-skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>ml double cream</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> medium free-range eggs</p><p class="line" itemprop="recipeIngredient"><strong>75</strong>g golden caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> orange, zested</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> fruity hot cross buns, sliced in half</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g lighter spread</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp icing sugar</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 class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Energy 1269kj 303kcal 15%<br/>Fat 12.0g 17%<br/>Saturates 5.6g 28%<br/>Sugars 25.0g 28%<br/>Salt 0.44g 7%</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Huevos Rancheros.html b/Recipes/Huevos Rancheros.html index 84be4ec..9a6ee81 100644 --- a/Recipes/Huevos Rancheros.html +++ b/Recipes/Huevos Rancheros.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,40 +104,31 @@ <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> - + <b>Servings: </b><span itemprop="">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"> @@ -148,29 +136,22 @@ </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> @@ -180,7 +161,5 @@ - - </body> </html> diff --git a/Recipes/Images/021CD34A-B07D-47F8-BA8E-DE501A4E36DC-21470-00000351F45A842F/D6D1DC1A-34F6-4BCC-918E-32EC27878604-21470-00000351F67665DE.jpg b/Recipes/Images/021CD34A-B07D-47F8-BA8E-DE501A4E36DC-21470-00000351F45A842F/D6D1DC1A-34F6-4BCC-918E-32EC27878604-21470-00000351F67665DE.jpg Binary files differnew file mode 100644 index 0000000..51b8d64 --- /dev/null +++ b/Recipes/Images/021CD34A-B07D-47F8-BA8E-DE501A4E36DC-21470-00000351F45A842F/D6D1DC1A-34F6-4BCC-918E-32EC27878604-21470-00000351F67665DE.jpg diff --git a/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/48E5497C-90E2-4A49-8D9B-CD657F816B20.jpg b/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/48E5497C-90E2-4A49-8D9B-CD657F816B20.jpg Binary files differnew file mode 100644 index 0000000..5c43905 --- /dev/null +++ b/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/48E5497C-90E2-4A49-8D9B-CD657F816B20.jpg diff --git a/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/E9FCDB05-8999-4EC2-BCC9-0A0BE600B506.jpg b/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/E9FCDB05-8999-4EC2-BCC9-0A0BE600B506.jpg Binary files differnew file mode 100644 index 0000000..4ffae64 --- /dev/null +++ b/Recipes/Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/E9FCDB05-8999-4EC2-BCC9-0A0BE600B506.jpg diff --git a/Recipes/Images/060530AC-31C6-47DC-9AEB-DD8DBB3D851F-21470-0000034F31A8E92F/2C8362F9-7A79-4795-8BB0-0855A1D7FBD4-21470-0000034F33E34F54.jpg b/Recipes/Images/060530AC-31C6-47DC-9AEB-DD8DBB3D851F-21470-0000034F31A8E92F/2C8362F9-7A79-4795-8BB0-0855A1D7FBD4-21470-0000034F33E34F54.jpg Binary files differnew file mode 100644 index 0000000..a5a70ee --- /dev/null +++ b/Recipes/Images/060530AC-31C6-47DC-9AEB-DD8DBB3D851F-21470-0000034F31A8E92F/2C8362F9-7A79-4795-8BB0-0855A1D7FBD4-21470-0000034F33E34F54.jpg diff --git a/Recipes/Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/A0D5AE5B-A487-45E2-B4DF-891254819A22.jpg b/Recipes/Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/A0D5AE5B-A487-45E2-B4DF-891254819A22.jpg Binary files differnew file mode 100644 index 0000000..9780bc5 --- /dev/null +++ b/Recipes/Images/0898FB70-629A-4EDC-AE98-CEDC90E787BD/A0D5AE5B-A487-45E2-B4DF-891254819A22.jpg diff --git a/Recipes/Images/09225F55-09F4-4DBE-A7CD-7ED374C75125/D09064C0-C402-4326-99FE-B355486D9A28.jpg b/Recipes/Images/09225F55-09F4-4DBE-A7CD-7ED374C75125/D09064C0-C402-4326-99FE-B355486D9A28.jpg Binary files differnew file mode 100644 index 0000000..61af977 --- /dev/null +++ b/Recipes/Images/09225F55-09F4-4DBE-A7CD-7ED374C75125/D09064C0-C402-4326-99FE-B355486D9A28.jpg diff --git a/Recipes/Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/59B276B1-8836-46E3-9C0B-25AC9F434119.jpg b/Recipes/Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/59B276B1-8836-46E3-9C0B-25AC9F434119.jpg Binary files differnew file mode 100644 index 0000000..8ddf7fa --- /dev/null +++ b/Recipes/Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/59B276B1-8836-46E3-9C0B-25AC9F434119.jpg diff --git a/Recipes/Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/F08EF0CD-059E-4288-8A9E-3B35DD55E265.jpg b/Recipes/Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/F08EF0CD-059E-4288-8A9E-3B35DD55E265.jpg Binary files differnew file mode 100644 index 0000000..86d9222 --- /dev/null +++ b/Recipes/Images/0C03BBA8-FA64-4590-AC0C-F952B6FB021E/F08EF0CD-059E-4288-8A9E-3B35DD55E265.jpg diff --git a/Recipes/Images/0E8581C3-69DC-4277-A364-36560B99316E-21470-0000035338BA7358/126843FA-4B14-4EBF-8CD0-7F090DADD9AE-21470-000003533D8AD75A.jpg b/Recipes/Images/0E8581C3-69DC-4277-A364-36560B99316E-21470-0000035338BA7358/126843FA-4B14-4EBF-8CD0-7F090DADD9AE-21470-000003533D8AD75A.jpg Binary files differnew file mode 100644 index 0000000..fb63bd7 --- /dev/null +++ b/Recipes/Images/0E8581C3-69DC-4277-A364-36560B99316E-21470-0000035338BA7358/126843FA-4B14-4EBF-8CD0-7F090DADD9AE-21470-000003533D8AD75A.jpg diff --git a/Recipes/Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/B652D798-6DA4-483B-9DBC-361C57EE8A41-60771-000007866ACEB484.jpg b/Recipes/Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/B652D798-6DA4-483B-9DBC-361C57EE8A41-60771-000007866ACEB484.jpg Binary files differnew file mode 100644 index 0000000..e02574e --- /dev/null +++ b/Recipes/Images/0EDDA4A6-CEE0-4D02-A2D5-EA032252B043-60771-00000784E1B04C59/B652D798-6DA4-483B-9DBC-361C57EE8A41-60771-000007866ACEB484.jpg diff --git a/Recipes/Images/10A068FE-8693-4967-8A48-DC9EDFECE9EC-21109-000003452F06F23D/281744D8-BA0F-4FEF-8063-874F06225955-21109-0000034534642563.jpg b/Recipes/Images/10A068FE-8693-4967-8A48-DC9EDFECE9EC-21109-000003452F06F23D/281744D8-BA0F-4FEF-8063-874F06225955-21109-0000034534642563.jpg Binary files differnew file mode 100644 index 0000000..6574b1d --- /dev/null +++ b/Recipes/Images/10A068FE-8693-4967-8A48-DC9EDFECE9EC-21109-000003452F06F23D/281744D8-BA0F-4FEF-8063-874F06225955-21109-0000034534642563.jpg diff --git a/Recipes/Images/1368E702-4447-4149-B63F-2FC7C49208AE/CBC0D634-62B1-4423-AE5F-37FD974C2C60.jpg b/Recipes/Images/1368E702-4447-4149-B63F-2FC7C49208AE/CBC0D634-62B1-4423-AE5F-37FD974C2C60.jpg Binary files differnew file mode 100644 index 0000000..90499b1 --- /dev/null +++ b/Recipes/Images/1368E702-4447-4149-B63F-2FC7C49208AE/CBC0D634-62B1-4423-AE5F-37FD974C2C60.jpg diff --git a/Recipes/Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg b/Recipes/Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg Binary files differnew file mode 100644 index 0000000..51fd488 --- /dev/null +++ b/Recipes/Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg diff --git a/Recipes/Images/144A2F88-2503-4B11-8E9E-88ADA7759473-21470-00000350ABD7B02F/73D8097A-76AC-4BD4-AE7E-AF7C2ACB736E-21470-00000350B120F6E7.jpg b/Recipes/Images/144A2F88-2503-4B11-8E9E-88ADA7759473-21470-00000350ABD7B02F/73D8097A-76AC-4BD4-AE7E-AF7C2ACB736E-21470-00000350B120F6E7.jpg Binary files differnew file mode 100644 index 0000000..661070a --- /dev/null +++ b/Recipes/Images/144A2F88-2503-4B11-8E9E-88ADA7759473-21470-00000350ABD7B02F/73D8097A-76AC-4BD4-AE7E-AF7C2ACB736E-21470-00000350B120F6E7.jpg diff --git a/Recipes/Images/15D1ECDF-FD1E-4283-8D0F-0AAEFE7B81FB/49C1BF17-AD56-4C7A-A296-3E65EC12FB02.jpg b/Recipes/Images/15D1ECDF-FD1E-4283-8D0F-0AAEFE7B81FB/49C1BF17-AD56-4C7A-A296-3E65EC12FB02.jpg Binary files differnew file mode 100644 index 0000000..bfef9b8 --- /dev/null +++ b/Recipes/Images/15D1ECDF-FD1E-4283-8D0F-0AAEFE7B81FB/49C1BF17-AD56-4C7A-A296-3E65EC12FB02.jpg diff --git a/Recipes/Images/160408C8-96D2-4733-9AC8-3FE73A581E5C-21470-000003552CC8C189/14299BED-20F5-4922-9977-4A897FFD9811-21470-000003553175AB1A.jpg b/Recipes/Images/160408C8-96D2-4733-9AC8-3FE73A581E5C-21470-000003552CC8C189/14299BED-20F5-4922-9977-4A897FFD9811-21470-000003553175AB1A.jpg Binary files differnew file mode 100644 index 0000000..84f9149 --- /dev/null +++ b/Recipes/Images/160408C8-96D2-4733-9AC8-3FE73A581E5C-21470-000003552CC8C189/14299BED-20F5-4922-9977-4A897FFD9811-21470-000003553175AB1A.jpg diff --git a/Recipes/Images/178AC9E5-EB3B-4CB4-9AAB-170FCC001854-13068-0000041E98DE644B/87BBA78E-A9BB-427F-99C7-1DEF07300E31-13068-0000041F99E55533.jpg b/Recipes/Images/178AC9E5-EB3B-4CB4-9AAB-170FCC001854-13068-0000041E98DE644B/87BBA78E-A9BB-427F-99C7-1DEF07300E31-13068-0000041F99E55533.jpg Binary files differnew file mode 100644 index 0000000..9bac6d5 --- /dev/null +++ b/Recipes/Images/178AC9E5-EB3B-4CB4-9AAB-170FCC001854-13068-0000041E98DE644B/87BBA78E-A9BB-427F-99C7-1DEF07300E31-13068-0000041F99E55533.jpg diff --git a/Recipes/Images/19C63F94-8FD4-47B5-A10D-B0C7221E035D/008EDFBE-897F-4F1B-B298-B8B5BD590D00.jpg b/Recipes/Images/19C63F94-8FD4-47B5-A10D-B0C7221E035D/008EDFBE-897F-4F1B-B298-B8B5BD590D00.jpg Binary files differnew file mode 100644 index 0000000..0499f42 --- /dev/null +++ b/Recipes/Images/19C63F94-8FD4-47B5-A10D-B0C7221E035D/008EDFBE-897F-4F1B-B298-B8B5BD590D00.jpg diff --git a/Recipes/Images/1A3428B8-9FC6-4807-BCB9-100D192DC9B1/F28CECA1-FADE-46F7-A36C-27ADB244F9DB.jpg b/Recipes/Images/1A3428B8-9FC6-4807-BCB9-100D192DC9B1/F28CECA1-FADE-46F7-A36C-27ADB244F9DB.jpg Binary files differnew file mode 100644 index 0000000..68b330e --- /dev/null +++ b/Recipes/Images/1A3428B8-9FC6-4807-BCB9-100D192DC9B1/F28CECA1-FADE-46F7-A36C-27ADB244F9DB.jpg diff --git a/Recipes/Images/1C00FB75-DD88-4704-B5EE-6E3A8900E571/410451B8-431F-4774-A2F6-A67452E59474.jpg b/Recipes/Images/1C00FB75-DD88-4704-B5EE-6E3A8900E571/410451B8-431F-4774-A2F6-A67452E59474.jpg Binary files differnew file mode 100644 index 0000000..505acc9 --- /dev/null +++ b/Recipes/Images/1C00FB75-DD88-4704-B5EE-6E3A8900E571/410451B8-431F-4774-A2F6-A67452E59474.jpg diff --git a/Recipes/Images/1C360799-84F8-45A9-A1A5-E1A1FF2C3D3B-21109-00000347A1518A47/8D4A1C79-9937-4048-BE11-93232AFA86B9-21109-00000347A39B63EC.jpg b/Recipes/Images/1C360799-84F8-45A9-A1A5-E1A1FF2C3D3B-21109-00000347A1518A47/8D4A1C79-9937-4048-BE11-93232AFA86B9-21109-00000347A39B63EC.jpg Binary files differnew file mode 100644 index 0000000..eb97a9d --- /dev/null +++ b/Recipes/Images/1C360799-84F8-45A9-A1A5-E1A1FF2C3D3B-21109-00000347A1518A47/8D4A1C79-9937-4048-BE11-93232AFA86B9-21109-00000347A39B63EC.jpg diff --git a/Recipes/Images/1EE60E90-FF37-405F-B90F-144FD7DBFEBA-21109-000003469A6C9F76/AE5EFD9D-C1FD-4E98-963F-069CE17F88C5-21109-00000346A083359B.jpg b/Recipes/Images/1EE60E90-FF37-405F-B90F-144FD7DBFEBA-21109-000003469A6C9F76/AE5EFD9D-C1FD-4E98-963F-069CE17F88C5-21109-00000346A083359B.jpg Binary files differnew file mode 100644 index 0000000..b9873aa --- /dev/null +++ b/Recipes/Images/1EE60E90-FF37-405F-B90F-144FD7DBFEBA-21109-000003469A6C9F76/AE5EFD9D-C1FD-4E98-963F-069CE17F88C5-21109-00000346A083359B.jpg diff --git a/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/2E16CABF-9838-4DE6-B3AB-F9EB64A08B29.jpg b/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/2E16CABF-9838-4DE6-B3AB-F9EB64A08B29.jpg Binary files differnew file mode 100644 index 0000000..9774b49 --- /dev/null +++ b/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/2E16CABF-9838-4DE6-B3AB-F9EB64A08B29.jpg diff --git a/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/D08A5BCD-7A12-41D6-BED1-AFAA80BDB0AE.jpg b/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/D08A5BCD-7A12-41D6-BED1-AFAA80BDB0AE.jpg Binary files differnew file mode 100644 index 0000000..3afda0c --- /dev/null +++ b/Recipes/Images/224B866E-8031-4CD0-9CAF-26E3CAAB6A4A/D08A5BCD-7A12-41D6-BED1-AFAA80BDB0AE.jpg diff --git a/Recipes/Images/229DD102-1AF6-4AAC-8D80-0882E9834832-21470-000003524338CF8E/BDC1331A-84CF-40B8-88FB-DB785C100406-21470-0000035244EF795D.jpg b/Recipes/Images/229DD102-1AF6-4AAC-8D80-0882E9834832-21470-000003524338CF8E/BDC1331A-84CF-40B8-88FB-DB785C100406-21470-0000035244EF795D.jpg Binary files differnew file mode 100644 index 0000000..25f4653 --- /dev/null +++ b/Recipes/Images/229DD102-1AF6-4AAC-8D80-0882E9834832-21470-000003524338CF8E/BDC1331A-84CF-40B8-88FB-DB785C100406-21470-0000035244EF795D.jpg diff --git a/Recipes/Images/22C7246A-065F-4DA7-81B1-F500A22CF97A/6606E7AE-BABF-4E92-BAE3-6B6768CE26F5.jpg b/Recipes/Images/22C7246A-065F-4DA7-81B1-F500A22CF97A/6606E7AE-BABF-4E92-BAE3-6B6768CE26F5.jpg Binary files differnew file mode 100644 index 0000000..ff79667 --- /dev/null +++ b/Recipes/Images/22C7246A-065F-4DA7-81B1-F500A22CF97A/6606E7AE-BABF-4E92-BAE3-6B6768CE26F5.jpg diff --git a/Recipes/Images/22F94A3F-248E-4721-90A3-B00E38976396/3EE70769-E100-4767-B7A7-2B2DC51B1450.jpg b/Recipes/Images/22F94A3F-248E-4721-90A3-B00E38976396/3EE70769-E100-4767-B7A7-2B2DC51B1450.jpg Binary files differnew file mode 100644 index 0000000..3f98319 --- /dev/null +++ b/Recipes/Images/22F94A3F-248E-4721-90A3-B00E38976396/3EE70769-E100-4767-B7A7-2B2DC51B1450.jpg diff --git a/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/47D1A4CB-0DC4-4536-8BA7-16A76EC4706E.jpg b/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/47D1A4CB-0DC4-4536-8BA7-16A76EC4706E.jpg Binary files differnew file mode 100644 index 0000000..76560c0 --- /dev/null +++ b/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/47D1A4CB-0DC4-4536-8BA7-16A76EC4706E.jpg diff --git a/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/D56C7AEE-3D58-4A8E-903C-EC892AB1A8DC.jpg b/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/D56C7AEE-3D58-4A8E-903C-EC892AB1A8DC.jpg Binary files differnew file mode 100644 index 0000000..8929213 --- /dev/null +++ b/Recipes/Images/249FAE3D-EAC6-455A-B1AA-5D8195C77261/D56C7AEE-3D58-4A8E-903C-EC892AB1A8DC.jpg diff --git a/Recipes/Images/252C678B-B06C-46BD-A5D0-BE070C46A1EA/3451D669-8187-408A-BEDD-CF6948A60F94.jpg b/Recipes/Images/252C678B-B06C-46BD-A5D0-BE070C46A1EA/3451D669-8187-408A-BEDD-CF6948A60F94.jpg Binary files differnew file mode 100644 index 0000000..7695ed8 --- /dev/null +++ b/Recipes/Images/252C678B-B06C-46BD-A5D0-BE070C46A1EA/3451D669-8187-408A-BEDD-CF6948A60F94.jpg diff --git a/Recipes/Images/264E44EB-F2BD-4B08-AE16-97942C740D0B-21470-00000349F48EAD0D/E4661DEC-6A60-442E-983B-837B39F32453-21470-00000349F78F3C2C.jpg b/Recipes/Images/264E44EB-F2BD-4B08-AE16-97942C740D0B-21470-00000349F48EAD0D/E4661DEC-6A60-442E-983B-837B39F32453-21470-00000349F78F3C2C.jpg Binary files differnew file mode 100644 index 0000000..c513a24 --- /dev/null +++ b/Recipes/Images/264E44EB-F2BD-4B08-AE16-97942C740D0B-21470-00000349F48EAD0D/E4661DEC-6A60-442E-983B-837B39F32453-21470-00000349F78F3C2C.jpg diff --git a/Recipes/Images/272F477F-7FC3-46BE-A429-A9D507FAFC33-21470-0000034D8173C4BD/3D817473-17CB-4095-A1EA-5F04A654DE55-21470-0000034D845ECDC6.jpg b/Recipes/Images/272F477F-7FC3-46BE-A429-A9D507FAFC33-21470-0000034D8173C4BD/3D817473-17CB-4095-A1EA-5F04A654DE55-21470-0000034D845ECDC6.jpg Binary files differnew file mode 100644 index 0000000..aa08218 --- /dev/null +++ b/Recipes/Images/272F477F-7FC3-46BE-A429-A9D507FAFC33-21470-0000034D8173C4BD/3D817473-17CB-4095-A1EA-5F04A654DE55-21470-0000034D845ECDC6.jpg diff --git a/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/6E2A4212-0789-4D39-BC5B-26C4AE6ECAF6-22499-0000036577B22031.jpg b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/6E2A4212-0789-4D39-BC5B-26C4AE6ECAF6-22499-0000036577B22031.jpg Binary files differnew file mode 100644 index 0000000..2f4afaf --- /dev/null +++ b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/6E2A4212-0789-4D39-BC5B-26C4AE6ECAF6-22499-0000036577B22031.jpg diff --git a/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg Binary files differnew file mode 100644 index 0000000..f7667b8 --- /dev/null +++ b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/CC4A2F75-CDC0-48FA-9183-F69613F0F039.jpg diff --git a/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/D4091CAD-4277-4D7B-9F18-0DA6918F4680-22499-000003656DE47B28.jpg b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/D4091CAD-4277-4D7B-9F18-0DA6918F4680-22499-000003656DE47B28.jpg Binary files differnew file mode 100644 index 0000000..91fd715 --- /dev/null +++ b/Recipes/Images/27420DD4-459E-4C42-85C6-3F13899BE097-21109-00000346BD24D01D/D4091CAD-4277-4D7B-9F18-0DA6918F4680-22499-000003656DE47B28.jpg diff --git a/Recipes/Images/284A94AF-79DD-4CBC-AA09-7BC01CD5FB0D-21109-00000347809F02F5/46F9008C-0F9A-4B44-8884-691B67706BFA-21109-00000347848DFC5F.jpg b/Recipes/Images/284A94AF-79DD-4CBC-AA09-7BC01CD5FB0D-21109-00000347809F02F5/46F9008C-0F9A-4B44-8884-691B67706BFA-21109-00000347848DFC5F.jpg Binary files differnew file mode 100644 index 0000000..f597a16 --- /dev/null +++ b/Recipes/Images/284A94AF-79DD-4CBC-AA09-7BC01CD5FB0D-21109-00000347809F02F5/46F9008C-0F9A-4B44-8884-691B67706BFA-21109-00000347848DFC5F.jpg diff --git a/Recipes/Images/2AD0B7FE-4F0C-46B6-816E-601576BF03EB/BC77D126-3D05-47D7-B86A-F7BEFB6CBB8D.jpg b/Recipes/Images/2AD0B7FE-4F0C-46B6-816E-601576BF03EB/BC77D126-3D05-47D7-B86A-F7BEFB6CBB8D.jpg Binary files differnew file mode 100644 index 0000000..685a35e --- /dev/null +++ b/Recipes/Images/2AD0B7FE-4F0C-46B6-816E-601576BF03EB/BC77D126-3D05-47D7-B86A-F7BEFB6CBB8D.jpg diff --git a/Recipes/Images/2CDE29AB-0242-498E-A4BC-2D26F26B2214/894C2989-0E63-48C3-8AE0-6958F845CFF5.jpg b/Recipes/Images/2CDE29AB-0242-498E-A4BC-2D26F26B2214/894C2989-0E63-48C3-8AE0-6958F845CFF5.jpg Binary files differnew file mode 100644 index 0000000..f1e8e6a --- /dev/null +++ b/Recipes/Images/2CDE29AB-0242-498E-A4BC-2D26F26B2214/894C2989-0E63-48C3-8AE0-6958F845CFF5.jpg diff --git a/Recipes/Images/2D62B9C2-9E78-4411-B6CB-49938CE420F4-21109-0000034606B5A053/FC1C9CAB-6D50-461E-BC37-AD80BB617043-21109-000003461931F8C7.jpg b/Recipes/Images/2D62B9C2-9E78-4411-B6CB-49938CE420F4-21109-0000034606B5A053/FC1C9CAB-6D50-461E-BC37-AD80BB617043-21109-000003461931F8C7.jpg Binary files differnew file mode 100644 index 0000000..257f801 --- /dev/null +++ b/Recipes/Images/2D62B9C2-9E78-4411-B6CB-49938CE420F4-21109-0000034606B5A053/FC1C9CAB-6D50-461E-BC37-AD80BB617043-21109-000003461931F8C7.jpg diff --git a/Recipes/Images/33029938-569E-4BDF-AB7A-6127832AFD94-58438-00000772C3A03C76/52BB2F76-73EE-4302-997A-BC9A55C6F4FB-58438-00000772E28D6740.jpg b/Recipes/Images/33029938-569E-4BDF-AB7A-6127832AFD94-58438-00000772C3A03C76/52BB2F76-73EE-4302-997A-BC9A55C6F4FB-58438-00000772E28D6740.jpg Binary files differnew file mode 100644 index 0000000..73451c4 --- /dev/null +++ b/Recipes/Images/33029938-569E-4BDF-AB7A-6127832AFD94-58438-00000772C3A03C76/52BB2F76-73EE-4302-997A-BC9A55C6F4FB-58438-00000772E28D6740.jpg diff --git a/Recipes/Images/335D1F20-6B73-466A-9A38-18047BEA1B3A/84738990-CB85-4A71-9759-AD0A412700BC.jpg b/Recipes/Images/335D1F20-6B73-466A-9A38-18047BEA1B3A/84738990-CB85-4A71-9759-AD0A412700BC.jpg Binary files differnew file mode 100644 index 0000000..0f18a5c --- /dev/null +++ b/Recipes/Images/335D1F20-6B73-466A-9A38-18047BEA1B3A/84738990-CB85-4A71-9759-AD0A412700BC.jpg diff --git a/Recipes/Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/1FC04E46-FEE7-4747-842A-3C9F9E8FB459.jpg b/Recipes/Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/1FC04E46-FEE7-4747-842A-3C9F9E8FB459.jpg Binary files differnew file mode 100644 index 0000000..d2b989b --- /dev/null +++ b/Recipes/Images/352D1B63-78DC-4B49-8D59-156E49DE9AD8/1FC04E46-FEE7-4747-842A-3C9F9E8FB459.jpg diff --git a/Recipes/Images/36BC5812-51F1-452E-8DEF-E47B5AD10FFA/63FEE9EB-0211-4116-8333-95B709D78C56.jpg b/Recipes/Images/36BC5812-51F1-452E-8DEF-E47B5AD10FFA/63FEE9EB-0211-4116-8333-95B709D78C56.jpg Binary files differnew file mode 100644 index 0000000..48060a6 --- /dev/null +++ b/Recipes/Images/36BC5812-51F1-452E-8DEF-E47B5AD10FFA/63FEE9EB-0211-4116-8333-95B709D78C56.jpg diff --git a/Recipes/Images/396E2809-556C-4A97-8E75-C1B5A982DEC6/7E06D4C5-39D3-40DD-B79E-56E4ACBA9F22.jpg b/Recipes/Images/396E2809-556C-4A97-8E75-C1B5A982DEC6/7E06D4C5-39D3-40DD-B79E-56E4ACBA9F22.jpg Binary files differnew file mode 100644 index 0000000..31a8a24 --- /dev/null +++ b/Recipes/Images/396E2809-556C-4A97-8E75-C1B5A982DEC6/7E06D4C5-39D3-40DD-B79E-56E4ACBA9F22.jpg diff --git a/Recipes/Images/39C68770-5FD0-4D5C-8A40-DF7B952F7EEA-21109-000003489517BA52/CA6DB8A1-192E-47F2-9AB2-86FCD13F994C-21109-0000034897E0F115.jpg b/Recipes/Images/39C68770-5FD0-4D5C-8A40-DF7B952F7EEA-21109-000003489517BA52/CA6DB8A1-192E-47F2-9AB2-86FCD13F994C-21109-0000034897E0F115.jpg Binary files differnew file mode 100644 index 0000000..a261637 --- /dev/null +++ b/Recipes/Images/39C68770-5FD0-4D5C-8A40-DF7B952F7EEA-21109-000003489517BA52/CA6DB8A1-192E-47F2-9AB2-86FCD13F994C-21109-0000034897E0F115.jpg diff --git a/Recipes/Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/1F8B32C6-DAFE-49CB-8874-C9CA164C2E49.jpg b/Recipes/Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/1F8B32C6-DAFE-49CB-8874-C9CA164C2E49.jpg Binary files differnew file mode 100644 index 0000000..6b39251 --- /dev/null +++ b/Recipes/Images/3B03D378-928C-4DE2-A9E0-FD7DD8A8B492/1F8B32C6-DAFE-49CB-8874-C9CA164C2E49.jpg diff --git a/Recipes/Images/41A6FB96-909D-4190-811D-4126C3FD9EA7/49981C66-6E01-49FF-BB28-509FC924E1A9.jpg b/Recipes/Images/41A6FB96-909D-4190-811D-4126C3FD9EA7/49981C66-6E01-49FF-BB28-509FC924E1A9.jpg Binary files differnew file mode 100644 index 0000000..44c4a8f --- /dev/null +++ b/Recipes/Images/41A6FB96-909D-4190-811D-4126C3FD9EA7/49981C66-6E01-49FF-BB28-509FC924E1A9.jpg diff --git a/Recipes/Images/424B1437-DE6F-4CAC-A84F-54AEEABC90B0/9DCF68DF-0A90-4CCA-B2C6-4BDE777D3C3E.jpg b/Recipes/Images/424B1437-DE6F-4CAC-A84F-54AEEABC90B0/9DCF68DF-0A90-4CCA-B2C6-4BDE777D3C3E.jpg Binary files differnew file mode 100644 index 0000000..2db2ec4 --- /dev/null +++ b/Recipes/Images/424B1437-DE6F-4CAC-A84F-54AEEABC90B0/9DCF68DF-0A90-4CCA-B2C6-4BDE777D3C3E.jpg diff --git a/Recipes/Images/44C626B6-9B7D-4F65-AC15-2AAE4FBE2145/072F304B-3734-4E7D-AE48-2EBAD52FF667.jpg b/Recipes/Images/44C626B6-9B7D-4F65-AC15-2AAE4FBE2145/072F304B-3734-4E7D-AE48-2EBAD52FF667.jpg Binary files differnew file mode 100644 index 0000000..04eb19e --- /dev/null +++ b/Recipes/Images/44C626B6-9B7D-4F65-AC15-2AAE4FBE2145/072F304B-3734-4E7D-AE48-2EBAD52FF667.jpg diff --git a/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/07F74978-FB14-4ADA-A5E1-ED7DA94F9C48.jpg b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/07F74978-FB14-4ADA-A5E1-ED7DA94F9C48.jpg Binary files differnew file mode 100644 index 0000000..5081e6d --- /dev/null +++ b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/07F74978-FB14-4ADA-A5E1-ED7DA94F9C48.jpg diff --git a/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/403F3197-428C-439E-818F-BFCBAF85209C.jpg b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/403F3197-428C-439E-818F-BFCBAF85209C.jpg Binary files differnew file mode 100644 index 0000000..0991b00 --- /dev/null +++ b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/403F3197-428C-439E-818F-BFCBAF85209C.jpg diff --git a/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/8CD31FE9-476A-4F15-988C-7DE3A2878343.jpg b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/8CD31FE9-476A-4F15-988C-7DE3A2878343.jpg Binary files differnew file mode 100644 index 0000000..d036630 --- /dev/null +++ b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/8CD31FE9-476A-4F15-988C-7DE3A2878343.jpg diff --git a/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/F0F2EEF3-0AA9-4FD7-9ADE-BA1B28AD71C9.jpg b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/F0F2EEF3-0AA9-4FD7-9ADE-BA1B28AD71C9.jpg Binary files differnew file mode 100644 index 0000000..c4aa3bb --- /dev/null +++ b/Recipes/Images/462CA999-5A1C-4628-A841-B5EF1F5225EC/F0F2EEF3-0AA9-4FD7-9ADE-BA1B28AD71C9.jpg diff --git a/Recipes/Images/4762D410-3AAD-44E3-AD3D-A9464E9B4286-21109-000003462A85779F/EE1D6F33-C7E4-4246-8F2B-47F01E1FF144-21109-000003462D4E808F.jpg b/Recipes/Images/4762D410-3AAD-44E3-AD3D-A9464E9B4286-21109-000003462A85779F/EE1D6F33-C7E4-4246-8F2B-47F01E1FF144-21109-000003462D4E808F.jpg Binary files differnew file mode 100644 index 0000000..ba50729 --- /dev/null +++ b/Recipes/Images/4762D410-3AAD-44E3-AD3D-A9464E9B4286-21109-000003462A85779F/EE1D6F33-C7E4-4246-8F2B-47F01E1FF144-21109-000003462D4E808F.jpg diff --git a/Recipes/Images/47AB784F-1312-4807-8F88-85119A008CE1/C526CB7E-7021-43A4-82A3-3E937F3E3D18.jpg b/Recipes/Images/47AB784F-1312-4807-8F88-85119A008CE1/C526CB7E-7021-43A4-82A3-3E937F3E3D18.jpg Binary files differnew file mode 100644 index 0000000..3ebcaff --- /dev/null +++ b/Recipes/Images/47AB784F-1312-4807-8F88-85119A008CE1/C526CB7E-7021-43A4-82A3-3E937F3E3D18.jpg diff --git a/Recipes/Images/4C349C53-5D69-4B43-B599-2F76775FB721-21109-00000346455327C6/FDFBE00D-D78D-432F-855F-CBE1BF74EA2B-21109-00000346481CB39B.jpg b/Recipes/Images/4C349C53-5D69-4B43-B599-2F76775FB721-21109-00000346455327C6/FDFBE00D-D78D-432F-855F-CBE1BF74EA2B-21109-00000346481CB39B.jpg Binary files differnew file mode 100644 index 0000000..08c678d --- /dev/null +++ b/Recipes/Images/4C349C53-5D69-4B43-B599-2F76775FB721-21109-00000346455327C6/FDFBE00D-D78D-432F-855F-CBE1BF74EA2B-21109-00000346481CB39B.jpg diff --git a/Recipes/Images/4CEAB2D2-A961-4CA1-85F3-044AD1BEB0D5-21470-0000034FA2A215E3/881BCB38-89FE-4D72-BC8C-1C7436765C39-21470-0000034FA5527B50.jpg b/Recipes/Images/4CEAB2D2-A961-4CA1-85F3-044AD1BEB0D5-21470-0000034FA2A215E3/881BCB38-89FE-4D72-BC8C-1C7436765C39-21470-0000034FA5527B50.jpg Binary files differnew file mode 100644 index 0000000..20800ce --- /dev/null +++ b/Recipes/Images/4CEAB2D2-A961-4CA1-85F3-044AD1BEB0D5-21470-0000034FA2A215E3/881BCB38-89FE-4D72-BC8C-1C7436765C39-21470-0000034FA5527B50.jpg diff --git a/Recipes/Images/4D631491-C759-4738-9661-27E596BA4BC7-21109-00000348FE2AFA34/76D70867-2A55-42C6-907B-C4EE1FF6C7AA-21109-000003490324F99E.jpg b/Recipes/Images/4D631491-C759-4738-9661-27E596BA4BC7-21109-00000348FE2AFA34/76D70867-2A55-42C6-907B-C4EE1FF6C7AA-21109-000003490324F99E.jpg Binary files differnew file mode 100644 index 0000000..4d0c837 --- /dev/null +++ b/Recipes/Images/4D631491-C759-4738-9661-27E596BA4BC7-21109-00000348FE2AFA34/76D70867-2A55-42C6-907B-C4EE1FF6C7AA-21109-000003490324F99E.jpg diff --git a/Recipes/Images/50AA3DEC-0A9D-4B55-AFEE-1905B56D15C3-21470-000003518C94223F/AE4E00E1-6A88-414E-921E-E7998033C1F8-21470-0000035192D36F71.jpg b/Recipes/Images/50AA3DEC-0A9D-4B55-AFEE-1905B56D15C3-21470-000003518C94223F/AE4E00E1-6A88-414E-921E-E7998033C1F8-21470-0000035192D36F71.jpg Binary files differnew file mode 100644 index 0000000..5db49b8 --- /dev/null +++ b/Recipes/Images/50AA3DEC-0A9D-4B55-AFEE-1905B56D15C3-21470-000003518C94223F/AE4E00E1-6A88-414E-921E-E7998033C1F8-21470-0000035192D36F71.jpg diff --git a/Recipes/Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/559DD1E3-D90C-4CB3-AD00-C660BF6405B0.jpg b/Recipes/Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/559DD1E3-D90C-4CB3-AD00-C660BF6405B0.jpg Binary files differnew file mode 100644 index 0000000..504780a --- /dev/null +++ b/Recipes/Images/518A4E06-852D-41E7-B2FD-842F8C1DF73B/559DD1E3-D90C-4CB3-AD00-C660BF6405B0.jpg diff --git a/Recipes/Images/538C4338-95E9-4BF2-8576-48736CB7A228-21470-0000034FC3B9DF84/B528FA76-AD78-413F-8A36-26A9C50A75AD-21470-0000034FC94A832D.jpg b/Recipes/Images/538C4338-95E9-4BF2-8576-48736CB7A228-21470-0000034FC3B9DF84/B528FA76-AD78-413F-8A36-26A9C50A75AD-21470-0000034FC94A832D.jpg Binary files differnew file mode 100644 index 0000000..1667de6 --- /dev/null +++ b/Recipes/Images/538C4338-95E9-4BF2-8576-48736CB7A228-21470-0000034FC3B9DF84/B528FA76-AD78-413F-8A36-26A9C50A75AD-21470-0000034FC94A832D.jpg diff --git a/Recipes/Images/542B1F9C-C064-4B99-8047-FE4668F1DC4D/7267A236-C007-4F40-BFAA-C5B7437F3322.jpg b/Recipes/Images/542B1F9C-C064-4B99-8047-FE4668F1DC4D/7267A236-C007-4F40-BFAA-C5B7437F3322.jpg Binary files differnew file mode 100644 index 0000000..83edb8a --- /dev/null +++ b/Recipes/Images/542B1F9C-C064-4B99-8047-FE4668F1DC4D/7267A236-C007-4F40-BFAA-C5B7437F3322.jpg diff --git a/Recipes/Images/54D56DF9-47DE-4F93-BA79-7EAF82F43399/6136A0ED-3B85-4F44-AEE6-84FEADF1CDEB.jpg b/Recipes/Images/54D56DF9-47DE-4F93-BA79-7EAF82F43399/6136A0ED-3B85-4F44-AEE6-84FEADF1CDEB.jpg Binary files differnew file mode 100644 index 0000000..56cc503 --- /dev/null +++ b/Recipes/Images/54D56DF9-47DE-4F93-BA79-7EAF82F43399/6136A0ED-3B85-4F44-AEE6-84FEADF1CDEB.jpg diff --git a/Recipes/Images/54D94266-5706-4AE3-A7C4-B0D2134A1935/85615654-6443-4272-8620-6CCC84F1811A.jpg b/Recipes/Images/54D94266-5706-4AE3-A7C4-B0D2134A1935/85615654-6443-4272-8620-6CCC84F1811A.jpg Binary files differnew file mode 100644 index 0000000..7dded20 --- /dev/null +++ b/Recipes/Images/54D94266-5706-4AE3-A7C4-B0D2134A1935/85615654-6443-4272-8620-6CCC84F1811A.jpg diff --git a/Recipes/Images/58A40608-02E0-4192-95BE-A319F66CD41B/8B501B9D-0702-4A97-9E46-0321D1717E0A.jpg b/Recipes/Images/58A40608-02E0-4192-95BE-A319F66CD41B/8B501B9D-0702-4A97-9E46-0321D1717E0A.jpg Binary files differnew file mode 100644 index 0000000..a04a21a --- /dev/null +++ b/Recipes/Images/58A40608-02E0-4192-95BE-A319F66CD41B/8B501B9D-0702-4A97-9E46-0321D1717E0A.jpg diff --git a/Recipes/Images/5A5D5B32-FF4D-47ED-B248-714942EC2722-21470-00000353605DC756/4C92D2C5-BD92-4C68-B9DE-0E43D549F9A3-21470-000003536866A0D5.jpg b/Recipes/Images/5A5D5B32-FF4D-47ED-B248-714942EC2722-21470-00000353605DC756/4C92D2C5-BD92-4C68-B9DE-0E43D549F9A3-21470-000003536866A0D5.jpg Binary files differnew file mode 100644 index 0000000..8177c60 --- /dev/null +++ b/Recipes/Images/5A5D5B32-FF4D-47ED-B248-714942EC2722-21470-00000353605DC756/4C92D2C5-BD92-4C68-B9DE-0E43D549F9A3-21470-000003536866A0D5.jpg diff --git a/Recipes/Images/5DA016BD-634F-43FC-B352-8FBD9352732E/76FCF19A-EDC7-4368-87CF-24F539F33D59.jpg b/Recipes/Images/5DA016BD-634F-43FC-B352-8FBD9352732E/76FCF19A-EDC7-4368-87CF-24F539F33D59.jpg Binary files differnew file mode 100644 index 0000000..80290b1 --- /dev/null +++ b/Recipes/Images/5DA016BD-634F-43FC-B352-8FBD9352732E/76FCF19A-EDC7-4368-87CF-24F539F33D59.jpg diff --git a/Recipes/Images/5F6E084D-72DB-4991-A953-953DD0B0270C-21470-0000034F7A356D81/F341FDC0-DF21-4400-A9F2-E414DB6238D4-21470-0000034F7C6AD7C5.jpg b/Recipes/Images/5F6E084D-72DB-4991-A953-953DD0B0270C-21470-0000034F7A356D81/F341FDC0-DF21-4400-A9F2-E414DB6238D4-21470-0000034F7C6AD7C5.jpg Binary files differnew file mode 100644 index 0000000..24e3b3a --- /dev/null +++ b/Recipes/Images/5F6E084D-72DB-4991-A953-953DD0B0270C-21470-0000034F7A356D81/F341FDC0-DF21-4400-A9F2-E414DB6238D4-21470-0000034F7C6AD7C5.jpg diff --git a/Recipes/Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg b/Recipes/Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg Binary files differnew file mode 100644 index 0000000..3be99a6 --- /dev/null +++ b/Recipes/Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg diff --git a/Recipes/Images/653CF3B5-68C7-4F3D-914A-E321B4E18B90-21470-00000354E1BC4941/FADEC2E2-5C63-4F23-958D-00D31714D97C-21470-00000354EFD8C09F.jpg b/Recipes/Images/653CF3B5-68C7-4F3D-914A-E321B4E18B90-21470-00000354E1BC4941/FADEC2E2-5C63-4F23-958D-00D31714D97C-21470-00000354EFD8C09F.jpg Binary files differnew file mode 100644 index 0000000..5e656bc --- /dev/null +++ b/Recipes/Images/653CF3B5-68C7-4F3D-914A-E321B4E18B90-21470-00000354E1BC4941/FADEC2E2-5C63-4F23-958D-00D31714D97C-21470-00000354EFD8C09F.jpg diff --git a/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/66E23B3C-B3E0-4225-B047-FB4A96874430.jpg b/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/66E23B3C-B3E0-4225-B047-FB4A96874430.jpg Binary files differnew file mode 100644 index 0000000..c0c87d6 --- /dev/null +++ b/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/66E23B3C-B3E0-4225-B047-FB4A96874430.jpg diff --git a/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/C3B58615-8947-4947-B0DB-D75C5CE10E4E.jpg b/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/C3B58615-8947-4947-B0DB-D75C5CE10E4E.jpg Binary files differnew file mode 100644 index 0000000..7644802 --- /dev/null +++ b/Recipes/Images/65D9AC4B-00F8-4F5D-9C52-8F2F95F6ED35/C3B58615-8947-4947-B0DB-D75C5CE10E4E.jpg diff --git a/Recipes/Images/6776AF09-0149-40F8-86C3-115D5C449859/CD510C86-C88E-4E40-B1EE-7DDD1AC98E9D.jpg b/Recipes/Images/6776AF09-0149-40F8-86C3-115D5C449859/CD510C86-C88E-4E40-B1EE-7DDD1AC98E9D.jpg Binary files differnew file mode 100644 index 0000000..dc0b2c7 --- /dev/null +++ b/Recipes/Images/6776AF09-0149-40F8-86C3-115D5C449859/CD510C86-C88E-4E40-B1EE-7DDD1AC98E9D.jpg diff --git a/Recipes/Images/68F8E987-81CC-45B5-81D6-447303E8CA99/AF770FFF-EDF7-4228-B92F-76C2206EF1F0.jpg b/Recipes/Images/68F8E987-81CC-45B5-81D6-447303E8CA99/AF770FFF-EDF7-4228-B92F-76C2206EF1F0.jpg Binary files differnew file mode 100644 index 0000000..3585689 --- /dev/null +++ b/Recipes/Images/68F8E987-81CC-45B5-81D6-447303E8CA99/AF770FFF-EDF7-4228-B92F-76C2206EF1F0.jpg diff --git a/Recipes/Images/6AFED36B-DE89-49C5-9D0F-FB143E46E142/0E9805DD-A4F3-4F2B-A1ED-8D31125DA222.jpg b/Recipes/Images/6AFED36B-DE89-49C5-9D0F-FB143E46E142/0E9805DD-A4F3-4F2B-A1ED-8D31125DA222.jpg Binary files differnew file mode 100644 index 0000000..1bff56c --- /dev/null +++ b/Recipes/Images/6AFED36B-DE89-49C5-9D0F-FB143E46E142/0E9805DD-A4F3-4F2B-A1ED-8D31125DA222.jpg diff --git a/Recipes/Images/6F1F43AD-12CB-406B-B8DA-0C9FE4BCE2CA-21470-0000034CC1A48F07/2A8E6C50-80B0-4ED9-86F1-B8416E7C34F1-21470-0000034CC425720D.jpg b/Recipes/Images/6F1F43AD-12CB-406B-B8DA-0C9FE4BCE2CA-21470-0000034CC1A48F07/2A8E6C50-80B0-4ED9-86F1-B8416E7C34F1-21470-0000034CC425720D.jpg Binary files differnew file mode 100644 index 0000000..d355ed3 --- /dev/null +++ b/Recipes/Images/6F1F43AD-12CB-406B-B8DA-0C9FE4BCE2CA-21470-0000034CC1A48F07/2A8E6C50-80B0-4ED9-86F1-B8416E7C34F1-21470-0000034CC425720D.jpg diff --git a/Recipes/Images/6FB87206-6E84-4355-A915-18136677A065/52C483D1-4B5F-4B40-A350-7712B29FEC45.jpg b/Recipes/Images/6FB87206-6E84-4355-A915-18136677A065/52C483D1-4B5F-4B40-A350-7712B29FEC45.jpg Binary files differnew file mode 100644 index 0000000..21c1d6a --- /dev/null +++ b/Recipes/Images/6FB87206-6E84-4355-A915-18136677A065/52C483D1-4B5F-4B40-A350-7712B29FEC45.jpg diff --git a/Recipes/Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/21ACEAE7-F420-4020-9DE4-0486DAD92592.jpg b/Recipes/Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/21ACEAE7-F420-4020-9DE4-0486DAD92592.jpg Binary files differnew file mode 100644 index 0000000..70a436b --- /dev/null +++ b/Recipes/Images/73FFACDE-5E76-4329-82D1-4F8BF61B142B/21ACEAE7-F420-4020-9DE4-0486DAD92592.jpg diff --git a/Recipes/Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/7825DD89-7652-4D00-9CDF-F7D7DE63642A-60771-00000780FDF227F4.jpg b/Recipes/Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/7825DD89-7652-4D00-9CDF-F7D7DE63642A-60771-00000780FDF227F4.jpg Binary files differnew file mode 100644 index 0000000..ffe61b5 --- /dev/null +++ b/Recipes/Images/747E47FF-2B05-4EB7-A160-FA843311C069-60771-0000077FA89BBE10/7825DD89-7652-4D00-9CDF-F7D7DE63642A-60771-00000780FDF227F4.jpg diff --git a/Recipes/Images/7D30874E-3FE7-40FD-929B-AE11FB17224D/F369AE55-2161-47C6-ABBC-077CB6795427.jpg b/Recipes/Images/7D30874E-3FE7-40FD-929B-AE11FB17224D/F369AE55-2161-47C6-ABBC-077CB6795427.jpg Binary files differnew file mode 100644 index 0000000..3c126c1 --- /dev/null +++ b/Recipes/Images/7D30874E-3FE7-40FD-929B-AE11FB17224D/F369AE55-2161-47C6-ABBC-077CB6795427.jpg diff --git a/Recipes/Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/0FBF17EF-2471-4996-93BF-9A70E3199F52.jpg b/Recipes/Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/0FBF17EF-2471-4996-93BF-9A70E3199F52.jpg Binary files differnew file mode 100644 index 0000000..147d4ca --- /dev/null +++ b/Recipes/Images/7F6512C5-8AC2-4CFE-AE0E-CED263F63F53/0FBF17EF-2471-4996-93BF-9A70E3199F52.jpg diff --git a/Recipes/Images/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/934BF13D-1579-401F-BD20-EE835FD8B7AC.jpg b/Recipes/Images/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/934BF13D-1579-401F-BD20-EE835FD8B7AC.jpg Binary files differnew file mode 100644 index 0000000..757b2a9 --- /dev/null +++ b/Recipes/Images/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/934BF13D-1579-401F-BD20-EE835FD8B7AC.jpg diff --git a/Recipes/Images/7F7DE4DF-2C5A-43A5-9CD2-A5CCC880F0A1-21470-00000349C406CEBC/FC7AAA0B-02F2-478A-9041-60EDDA9B2260-21470-00000349C6361F41.jpg b/Recipes/Images/7F7DE4DF-2C5A-43A5-9CD2-A5CCC880F0A1-21470-00000349C406CEBC/FC7AAA0B-02F2-478A-9041-60EDDA9B2260-21470-00000349C6361F41.jpg Binary files differnew file mode 100644 index 0000000..c4a46db --- /dev/null +++ b/Recipes/Images/7F7DE4DF-2C5A-43A5-9CD2-A5CCC880F0A1-21470-00000349C406CEBC/FC7AAA0B-02F2-478A-9041-60EDDA9B2260-21470-00000349C6361F41.jpg diff --git a/Recipes/Images/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/9795FB60-CB74-4E04-BB66-21029EFA5ED3.jpg b/Recipes/Images/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/9795FB60-CB74-4E04-BB66-21029EFA5ED3.jpg Binary files differnew file mode 100644 index 0000000..44c4a8f --- /dev/null +++ b/Recipes/Images/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/9795FB60-CB74-4E04-BB66-21029EFA5ED3.jpg diff --git a/Recipes/Images/8236B6D5-AB30-42C9-84CC-B1268BA4EDE9/6B2C5CFA-D061-4274-9A31-216FD0787524.jpg b/Recipes/Images/8236B6D5-AB30-42C9-84CC-B1268BA4EDE9/6B2C5CFA-D061-4274-9A31-216FD0787524.jpg Binary files differnew file mode 100644 index 0000000..8a155d7 --- /dev/null +++ b/Recipes/Images/8236B6D5-AB30-42C9-84CC-B1268BA4EDE9/6B2C5CFA-D061-4274-9A31-216FD0787524.jpg diff --git a/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg b/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg Binary files differnew file mode 100644 index 0000000..931f418 --- /dev/null +++ b/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg diff --git a/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg b/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg Binary files differnew file mode 100644 index 0000000..3ce77d4 --- /dev/null +++ b/Recipes/Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg diff --git a/Recipes/Images/86664B91-FD54-4DC1-8FF9-90BD6FBB1370-21470-00000352A4889B01/412E3E73-2423-4555-ADE4-E16303ED0CD5-21470-00000352BF82C794.jpg b/Recipes/Images/86664B91-FD54-4DC1-8FF9-90BD6FBB1370-21470-00000352A4889B01/412E3E73-2423-4555-ADE4-E16303ED0CD5-21470-00000352BF82C794.jpg Binary files differnew file mode 100644 index 0000000..476ba9f --- /dev/null +++ b/Recipes/Images/86664B91-FD54-4DC1-8FF9-90BD6FBB1370-21470-00000352A4889B01/412E3E73-2423-4555-ADE4-E16303ED0CD5-21470-00000352BF82C794.jpg diff --git a/Recipes/Images/879D1E7A-ACA1-4520-9CF6-192A0E6A4F56/1F255D0C-1DEA-4CDB-855B-A45C07FE8C5E.jpg b/Recipes/Images/879D1E7A-ACA1-4520-9CF6-192A0E6A4F56/1F255D0C-1DEA-4CDB-855B-A45C07FE8C5E.jpg Binary files differnew file mode 100644 index 0000000..5283780 --- /dev/null +++ b/Recipes/Images/879D1E7A-ACA1-4520-9CF6-192A0E6A4F56/1F255D0C-1DEA-4CDB-855B-A45C07FE8C5E.jpg diff --git a/Recipes/Images/87C926F6-70C1-4D42-ABDC-8AE40D089E5B-21470-0000034D317C5AF2/4E0EB708-29BC-40FC-B500-452D17BC66A7-21470-0000034D3D1AD179.jpg b/Recipes/Images/87C926F6-70C1-4D42-ABDC-8AE40D089E5B-21470-0000034D317C5AF2/4E0EB708-29BC-40FC-B500-452D17BC66A7-21470-0000034D3D1AD179.jpg Binary files differnew file mode 100644 index 0000000..c69006a --- /dev/null +++ b/Recipes/Images/87C926F6-70C1-4D42-ABDC-8AE40D089E5B-21470-0000034D317C5AF2/4E0EB708-29BC-40FC-B500-452D17BC66A7-21470-0000034D3D1AD179.jpg diff --git a/Recipes/Images/88C0426A-E3DE-4624-B8E4-3694E1DFAD54-21470-000003520F36F90D/D8A39C7A-BC52-4F85-B0E4-3DC5AAA621E8-21470-0000035211E3E1C7.jpg b/Recipes/Images/88C0426A-E3DE-4624-B8E4-3694E1DFAD54-21470-000003520F36F90D/D8A39C7A-BC52-4F85-B0E4-3DC5AAA621E8-21470-0000035211E3E1C7.jpg Binary files differnew file mode 100644 index 0000000..2e6854c --- /dev/null +++ b/Recipes/Images/88C0426A-E3DE-4624-B8E4-3694E1DFAD54-21470-000003520F36F90D/D8A39C7A-BC52-4F85-B0E4-3DC5AAA621E8-21470-0000035211E3E1C7.jpg diff --git a/Recipes/Images/8925FE28-BAA5-481A-A24E-4A21F0D4BB4F/CB9547DC-91CB-4F32-8E91-621A571D2EC1.jpg b/Recipes/Images/8925FE28-BAA5-481A-A24E-4A21F0D4BB4F/CB9547DC-91CB-4F32-8E91-621A571D2EC1.jpg Binary files differnew file mode 100644 index 0000000..f42e157 --- /dev/null +++ b/Recipes/Images/8925FE28-BAA5-481A-A24E-4A21F0D4BB4F/CB9547DC-91CB-4F32-8E91-621A571D2EC1.jpg diff --git a/Recipes/Images/8A694C8B-467F-46F9-B186-91A127A85745/D7F7DA4B-312D-453C-BCDC-F7341C869638.jpg b/Recipes/Images/8A694C8B-467F-46F9-B186-91A127A85745/D7F7DA4B-312D-453C-BCDC-F7341C869638.jpg Binary files differnew file mode 100644 index 0000000..ff40600 --- /dev/null +++ b/Recipes/Images/8A694C8B-467F-46F9-B186-91A127A85745/D7F7DA4B-312D-453C-BCDC-F7341C869638.jpg diff --git a/Recipes/Images/8AC03595-8F4C-413C-917E-3181A8763339/8D3798AD-3147-4311-A8C7-0A9B2C4D1555.jpg b/Recipes/Images/8AC03595-8F4C-413C-917E-3181A8763339/8D3798AD-3147-4311-A8C7-0A9B2C4D1555.jpg Binary files differnew file mode 100644 index 0000000..26076ed --- /dev/null +++ b/Recipes/Images/8AC03595-8F4C-413C-917E-3181A8763339/8D3798AD-3147-4311-A8C7-0A9B2C4D1555.jpg diff --git a/Recipes/Images/8CAB0A4D-2E77-42F4-8F28-51243B1D7DA6/9E3B5EB2-086A-47E8-8125-03CFB2F7064F.jpg b/Recipes/Images/8CAB0A4D-2E77-42F4-8F28-51243B1D7DA6/9E3B5EB2-086A-47E8-8125-03CFB2F7064F.jpg Binary files differnew file mode 100644 index 0000000..513f85f --- /dev/null +++ b/Recipes/Images/8CAB0A4D-2E77-42F4-8F28-51243B1D7DA6/9E3B5EB2-086A-47E8-8125-03CFB2F7064F.jpg diff --git a/Recipes/Images/8DF5F96F-9773-4BFD-B6FF-CE4BA3D420A4/A59B3FCC-EE0D-4045-8F18-6D85202E686E.jpg b/Recipes/Images/8DF5F96F-9773-4BFD-B6FF-CE4BA3D420A4/A59B3FCC-EE0D-4045-8F18-6D85202E686E.jpg Binary files differnew file mode 100644 index 0000000..e17b732 --- /dev/null +++ b/Recipes/Images/8DF5F96F-9773-4BFD-B6FF-CE4BA3D420A4/A59B3FCC-EE0D-4045-8F18-6D85202E686E.jpg diff --git a/Recipes/Images/8FE39C10-545B-48AC-8AC9-215778E606E7/8912A476-659D-4BEA-82C1-5DBD566B841F.jpg b/Recipes/Images/8FE39C10-545B-48AC-8AC9-215778E606E7/8912A476-659D-4BEA-82C1-5DBD566B841F.jpg Binary files differnew file mode 100644 index 0000000..0c24be5 --- /dev/null +++ b/Recipes/Images/8FE39C10-545B-48AC-8AC9-215778E606E7/8912A476-659D-4BEA-82C1-5DBD566B841F.jpg diff --git a/Recipes/Images/907A92B6-25D9-4EE7-A88D-17042A36C75D/20A8FD45-3929-40FB-AE0D-4505850CDCEC.jpg b/Recipes/Images/907A92B6-25D9-4EE7-A88D-17042A36C75D/20A8FD45-3929-40FB-AE0D-4505850CDCEC.jpg Binary files differnew file mode 100644 index 0000000..35f6acd --- /dev/null +++ b/Recipes/Images/907A92B6-25D9-4EE7-A88D-17042A36C75D/20A8FD45-3929-40FB-AE0D-4505850CDCEC.jpg diff --git a/Recipes/Images/94A0F503-B683-43B8-A516-50847BF84104/CE2DCBE2-8201-4212-8EF4-6F79AB5CFE3F.jpg b/Recipes/Images/94A0F503-B683-43B8-A516-50847BF84104/CE2DCBE2-8201-4212-8EF4-6F79AB5CFE3F.jpg Binary files differnew file mode 100644 index 0000000..dc0b2c7 --- /dev/null +++ b/Recipes/Images/94A0F503-B683-43B8-A516-50847BF84104/CE2DCBE2-8201-4212-8EF4-6F79AB5CFE3F.jpg diff --git a/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/24E38FD4-8B5D-4E18-95AB-C930938F8197.jpg b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/24E38FD4-8B5D-4E18-95AB-C930938F8197.jpg Binary files differnew file mode 100644 index 0000000..e76740a --- /dev/null +++ b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/24E38FD4-8B5D-4E18-95AB-C930938F8197.jpg diff --git a/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/5B9E7DBA-C7CB-4F93-890B-D6B838629B34.jpg b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/5B9E7DBA-C7CB-4F93-890B-D6B838629B34.jpg Binary files differnew file mode 100644 index 0000000..732d388 --- /dev/null +++ b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/5B9E7DBA-C7CB-4F93-890B-D6B838629B34.jpg diff --git a/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/82FF38F0-72D3-4FE1-ACDF-715A3635DA34.jpg b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/82FF38F0-72D3-4FE1-ACDF-715A3635DA34.jpg Binary files differnew file mode 100644 index 0000000..a024cf0 --- /dev/null +++ b/Recipes/Images/94B5663A-81E1-4027-AA24-87918ABED75E/82FF38F0-72D3-4FE1-ACDF-715A3635DA34.jpg diff --git a/Recipes/Images/951D33CE-D7C2-4E15-B6E6-63870EFA3A33-21470-0000035165A9CF5E/CBFF6E75-A89C-42FA-9D5C-8B16E3B841C7-21470-000003516832E3D4.jpg b/Recipes/Images/951D33CE-D7C2-4E15-B6E6-63870EFA3A33-21470-0000035165A9CF5E/CBFF6E75-A89C-42FA-9D5C-8B16E3B841C7-21470-000003516832E3D4.jpg Binary files differnew file mode 100644 index 0000000..bda6d24 --- /dev/null +++ b/Recipes/Images/951D33CE-D7C2-4E15-B6E6-63870EFA3A33-21470-0000035165A9CF5E/CBFF6E75-A89C-42FA-9D5C-8B16E3B841C7-21470-000003516832E3D4.jpg diff --git a/Recipes/Images/98B4C5E0-07D3-4395-A212-474408F9EC2F/26926874-EDC0-4DDC-B184-7A3E610EEE12.jpg b/Recipes/Images/98B4C5E0-07D3-4395-A212-474408F9EC2F/26926874-EDC0-4DDC-B184-7A3E610EEE12.jpg Binary files differnew file mode 100644 index 0000000..80df40f --- /dev/null +++ b/Recipes/Images/98B4C5E0-07D3-4395-A212-474408F9EC2F/26926874-EDC0-4DDC-B184-7A3E610EEE12.jpg diff --git a/Recipes/Images/9A64DBE6-AA2D-4D34-93E3-FC00AC5C66CB-21109-00000347E1E3E914/C579A723-603D-49DA-B562-3026201036D2-21109-00000347E838008F.jpg b/Recipes/Images/9A64DBE6-AA2D-4D34-93E3-FC00AC5C66CB-21109-00000347E1E3E914/C579A723-603D-49DA-B562-3026201036D2-21109-00000347E838008F.jpg Binary files differnew file mode 100644 index 0000000..a22e0dd --- /dev/null +++ b/Recipes/Images/9A64DBE6-AA2D-4D34-93E3-FC00AC5C66CB-21109-00000347E1E3E914/C579A723-603D-49DA-B562-3026201036D2-21109-00000347E838008F.jpg diff --git a/Recipes/Images/9AC4751F-9B1F-49C0-90C2-0E606721AEFA/1B847FEB-FA5C-430C-A94B-64D9AF0E7B77.jpg b/Recipes/Images/9AC4751F-9B1F-49C0-90C2-0E606721AEFA/1B847FEB-FA5C-430C-A94B-64D9AF0E7B77.jpg Binary files differnew file mode 100644 index 0000000..fbb25dd --- /dev/null +++ b/Recipes/Images/9AC4751F-9B1F-49C0-90C2-0E606721AEFA/1B847FEB-FA5C-430C-A94B-64D9AF0E7B77.jpg diff --git a/Recipes/Images/9B87C886-00D6-4A45-98DE-B4E945B13C99-21470-000003527A17C2E5/480F6385-74AC-48DB-8A4D-2B84F1B26FD1-21470-0000035286F95529.jpg b/Recipes/Images/9B87C886-00D6-4A45-98DE-B4E945B13C99-21470-000003527A17C2E5/480F6385-74AC-48DB-8A4D-2B84F1B26FD1-21470-0000035286F95529.jpg Binary files differnew file mode 100644 index 0000000..4194c97 --- /dev/null +++ b/Recipes/Images/9B87C886-00D6-4A45-98DE-B4E945B13C99-21470-000003527A17C2E5/480F6385-74AC-48DB-8A4D-2B84F1B26FD1-21470-0000035286F95529.jpg diff --git a/Recipes/Images/A0290B12-55B1-4AF8-83CA-264BD4C8F08F/4165DA3B-94EB-4600-994F-38972C5F8CD3.jpg b/Recipes/Images/A0290B12-55B1-4AF8-83CA-264BD4C8F08F/4165DA3B-94EB-4600-994F-38972C5F8CD3.jpg Binary files differnew file mode 100644 index 0000000..5ea7c67 --- /dev/null +++ b/Recipes/Images/A0290B12-55B1-4AF8-83CA-264BD4C8F08F/4165DA3B-94EB-4600-994F-38972C5F8CD3.jpg diff --git a/Recipes/Images/A0659FD9-FE1D-4636-93E7-881F03BDB41C/C7924A09-6B2D-42DF-BB43-FE1BBAFB924D.jpg b/Recipes/Images/A0659FD9-FE1D-4636-93E7-881F03BDB41C/C7924A09-6B2D-42DF-BB43-FE1BBAFB924D.jpg Binary files differnew file mode 100644 index 0000000..359678e --- /dev/null +++ b/Recipes/Images/A0659FD9-FE1D-4636-93E7-881F03BDB41C/C7924A09-6B2D-42DF-BB43-FE1BBAFB924D.jpg diff --git a/Recipes/Images/A176EE0E-B83D-48CD-BE4B-8C89A93B89CA/4D6C73B2-82E8-439F-A20B-45E2044943A8.jpg b/Recipes/Images/A176EE0E-B83D-48CD-BE4B-8C89A93B89CA/4D6C73B2-82E8-439F-A20B-45E2044943A8.jpg Binary files differnew file mode 100644 index 0000000..dd4c5b5 --- /dev/null +++ b/Recipes/Images/A176EE0E-B83D-48CD-BE4B-8C89A93B89CA/4D6C73B2-82E8-439F-A20B-45E2044943A8.jpg diff --git a/Recipes/Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg b/Recipes/Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg Binary files differnew file mode 100644 index 0000000..3f09548 --- /dev/null +++ b/Recipes/Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg diff --git a/Recipes/Images/A285CA34-9213-4B43-80AB-04DA03347F45-21109-00000348E25A0028/4D13EA66-AECF-4F80-A7F5-20641A777876-21109-00000348E8573A42.jpg b/Recipes/Images/A285CA34-9213-4B43-80AB-04DA03347F45-21109-00000348E25A0028/4D13EA66-AECF-4F80-A7F5-20641A777876-21109-00000348E8573A42.jpg Binary files differnew file mode 100644 index 0000000..5283780 --- /dev/null +++ b/Recipes/Images/A285CA34-9213-4B43-80AB-04DA03347F45-21109-00000348E25A0028/4D13EA66-AECF-4F80-A7F5-20641A777876-21109-00000348E8573A42.jpg diff --git a/Recipes/Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/41CD9139-9227-4EF8-A7DA-BB5569A2BB8D.jpg b/Recipes/Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/41CD9139-9227-4EF8-A7DA-BB5569A2BB8D.jpg Binary files differnew file mode 100644 index 0000000..b09921c --- /dev/null +++ b/Recipes/Images/A39913CD-EE39-46EC-A244-C4CEE00405D2/41CD9139-9227-4EF8-A7DA-BB5569A2BB8D.jpg diff --git a/Recipes/Images/A55BB3C1-1AFB-4124-B6A6-8627C30DE47F-21109-0000034660764CF5/7EDDFB31-A23D-4CA5-ADAC-C84F6DAD08C4-21109-0000034662C37065.jpg b/Recipes/Images/A55BB3C1-1AFB-4124-B6A6-8627C30DE47F-21109-0000034660764CF5/7EDDFB31-A23D-4CA5-ADAC-C84F6DAD08C4-21109-0000034662C37065.jpg Binary files differnew file mode 100644 index 0000000..9b60159 --- /dev/null +++ b/Recipes/Images/A55BB3C1-1AFB-4124-B6A6-8627C30DE47F-21109-0000034660764CF5/7EDDFB31-A23D-4CA5-ADAC-C84F6DAD08C4-21109-0000034662C37065.jpg diff --git a/Recipes/Images/A59D368C-D7B7-4DE0-A9FC-1548625062FC/0C4D4515-E0AE-415D-B8ED-69E75741FF9D.jpg b/Recipes/Images/A59D368C-D7B7-4DE0-A9FC-1548625062FC/0C4D4515-E0AE-415D-B8ED-69E75741FF9D.jpg Binary files differnew file mode 100644 index 0000000..590ead0 --- /dev/null +++ b/Recipes/Images/A59D368C-D7B7-4DE0-A9FC-1548625062FC/0C4D4515-E0AE-415D-B8ED-69E75741FF9D.jpg diff --git a/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/051DDA38-10A0-4E45-8745-896041A304EE.jpg b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/051DDA38-10A0-4E45-8745-896041A304EE.jpg Binary files differnew file mode 100644 index 0000000..e2a74e3 --- /dev/null +++ b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/051DDA38-10A0-4E45-8745-896041A304EE.jpg diff --git a/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/55C5D7EA-4AA7-4DB5-9580-72C9C2D4BFC3.jpg b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/55C5D7EA-4AA7-4DB5-9580-72C9C2D4BFC3.jpg Binary files differnew file mode 100644 index 0000000..ff5c399 --- /dev/null +++ b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/55C5D7EA-4AA7-4DB5-9580-72C9C2D4BFC3.jpg diff --git a/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/989BF497-9F52-4A75-AD10-7F05D68D08A2.jpg b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/989BF497-9F52-4A75-AD10-7F05D68D08A2.jpg Binary files differnew file mode 100644 index 0000000..68be06f --- /dev/null +++ b/Recipes/Images/A5B2CAAA-B00A-4EA0-B055-450FF08A51C8/989BF497-9F52-4A75-AD10-7F05D68D08A2.jpg diff --git a/Recipes/Images/A6C51B55-2188-4725-85DD-F1786BED1EA8/48850F04-1E92-4168-B93F-4766C68BCCAE.jpg b/Recipes/Images/A6C51B55-2188-4725-85DD-F1786BED1EA8/48850F04-1E92-4168-B93F-4766C68BCCAE.jpg Binary files differnew file mode 100644 index 0000000..4a2c70b --- /dev/null +++ b/Recipes/Images/A6C51B55-2188-4725-85DD-F1786BED1EA8/48850F04-1E92-4168-B93F-4766C68BCCAE.jpg diff --git a/Recipes/Images/A708CBAD-A77D-4913-AAB5-5DBD6C7EBBB5-21470-000003526065DF81/3DA5D3B0-1269-4C97-8BD0-93E5BC32DE7A-21470-0000035261AF9E59.jpg b/Recipes/Images/A708CBAD-A77D-4913-AAB5-5DBD6C7EBBB5-21470-000003526065DF81/3DA5D3B0-1269-4C97-8BD0-93E5BC32DE7A-21470-0000035261AF9E59.jpg Binary files differnew file mode 100644 index 0000000..8f94005 --- /dev/null +++ b/Recipes/Images/A708CBAD-A77D-4913-AAB5-5DBD6C7EBBB5-21470-000003526065DF81/3DA5D3B0-1269-4C97-8BD0-93E5BC32DE7A-21470-0000035261AF9E59.jpg diff --git a/Recipes/Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/D89758C9-9504-433A-B13E-F3FCF3440771.jpg b/Recipes/Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/D89758C9-9504-433A-B13E-F3FCF3440771.jpg Binary files differnew file mode 100644 index 0000000..06531d7 --- /dev/null +++ b/Recipes/Images/A7ABC820-E57F-411D-9290-5D80F6C8080B/D89758C9-9504-433A-B13E-F3FCF3440771.jpg diff --git a/Recipes/Images/A7C54401-71D8-46E7-9C20-D49A3020BB79/7F1570D6-505C-4B34-AB5E-95ED8D7DFF8F.jpg b/Recipes/Images/A7C54401-71D8-46E7-9C20-D49A3020BB79/7F1570D6-505C-4B34-AB5E-95ED8D7DFF8F.jpg Binary files differnew file mode 100644 index 0000000..a5b14b0 --- /dev/null +++ b/Recipes/Images/A7C54401-71D8-46E7-9C20-D49A3020BB79/7F1570D6-505C-4B34-AB5E-95ED8D7DFF8F.jpg diff --git a/Recipes/Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/1CFC70C1-47AD-4735-B1BA-76BCCF13B5B8.jpg b/Recipes/Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/1CFC70C1-47AD-4735-B1BA-76BCCF13B5B8.jpg Binary files differnew file mode 100644 index 0000000..cdd8470 --- /dev/null +++ b/Recipes/Images/A9068C3C-1701-4365-BBCD-B4524FA70DC1/1CFC70C1-47AD-4735-B1BA-76BCCF13B5B8.jpg diff --git a/Recipes/Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/9E6DD81C-C25A-444B-BE1E-6BC5A43C2242.jpg b/Recipes/Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/9E6DD81C-C25A-444B-BE1E-6BC5A43C2242.jpg Binary files differnew file mode 100644 index 0000000..a81dd2a --- /dev/null +++ b/Recipes/Images/A9CA95DD-BF57-429B-AC32-BFEC582A7E4D/9E6DD81C-C25A-444B-BE1E-6BC5A43C2242.jpg diff --git a/Recipes/Images/AA09BDA9-35AD-448D-BD71-0CF0E58B91E8/68AB5AEE-48F3-4399-BFAD-07D13CCF8E55.jpg b/Recipes/Images/AA09BDA9-35AD-448D-BD71-0CF0E58B91E8/68AB5AEE-48F3-4399-BFAD-07D13CCF8E55.jpg Binary files differnew file mode 100644 index 0000000..8bc9ddc --- /dev/null +++ b/Recipes/Images/AA09BDA9-35AD-448D-BD71-0CF0E58B91E8/68AB5AEE-48F3-4399-BFAD-07D13CCF8E55.jpg diff --git a/Recipes/Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/3986FDF0-BBDE-42F8-BF17-688078CB9BAF.jpg b/Recipes/Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/3986FDF0-BBDE-42F8-BF17-688078CB9BAF.jpg Binary files differnew file mode 100644 index 0000000..f967dc6 --- /dev/null +++ b/Recipes/Images/AA625171-ABEF-417A-9EB5-82BBB10AF36E/3986FDF0-BBDE-42F8-BF17-688078CB9BAF.jpg diff --git a/Recipes/Images/AA809871-6F15-4E64-AE55-17ED50FDE638/C75E577D-076E-4B94-B915-1A4F34CF9857.jpg b/Recipes/Images/AA809871-6F15-4E64-AE55-17ED50FDE638/C75E577D-076E-4B94-B915-1A4F34CF9857.jpg Binary files differnew file mode 100644 index 0000000..2b1ad65 --- /dev/null +++ b/Recipes/Images/AA809871-6F15-4E64-AE55-17ED50FDE638/C75E577D-076E-4B94-B915-1A4F34CF9857.jpg diff --git a/Recipes/Images/AB467EAE-7BEC-4CD1-98C6-F33CAE926071-21109-000003467E943F2A/7BCDB8E7-CEA8-4BB0-8D9A-690758726EC2-21109-000003468368DCD3.jpg b/Recipes/Images/AB467EAE-7BEC-4CD1-98C6-F33CAE926071-21109-000003467E943F2A/7BCDB8E7-CEA8-4BB0-8D9A-690758726EC2-21109-000003468368DCD3.jpg Binary files differnew file mode 100644 index 0000000..121f08f --- /dev/null +++ b/Recipes/Images/AB467EAE-7BEC-4CD1-98C6-F33CAE926071-21109-000003467E943F2A/7BCDB8E7-CEA8-4BB0-8D9A-690758726EC2-21109-000003468368DCD3.jpg diff --git a/Recipes/Images/AEF22028-D0F8-4ED8-A764-FC4000F795EC-21470-0000034FEF88ACF5/EAF345DC-2506-42D7-A6C8-6597423CFA77-21470-0000034FF171AAE4.jpg b/Recipes/Images/AEF22028-D0F8-4ED8-A764-FC4000F795EC-21470-0000034FEF88ACF5/EAF345DC-2506-42D7-A6C8-6597423CFA77-21470-0000034FF171AAE4.jpg Binary files differnew file mode 100644 index 0000000..5af8071 --- /dev/null +++ b/Recipes/Images/AEF22028-D0F8-4ED8-A764-FC4000F795EC-21470-0000034FEF88ACF5/EAF345DC-2506-42D7-A6C8-6597423CFA77-21470-0000034FF171AAE4.jpg diff --git a/Recipes/Images/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/473DC1F8-6AA4-4EBD-9B1D-51FB10E7B4B8-5288-000000FFAA5CF219.jpg b/Recipes/Images/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/473DC1F8-6AA4-4EBD-9B1D-51FB10E7B4B8-5288-000000FFAA5CF219.jpg Binary files differnew file mode 100644 index 0000000..beb3bc3 --- /dev/null +++ b/Recipes/Images/AEFD204D-71AC-42C6-BD99-7350205A0BA5-5288-000000FECDAA47D9/473DC1F8-6AA4-4EBD-9B1D-51FB10E7B4B8-5288-000000FFAA5CF219.jpg diff --git a/Recipes/Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/D1687961-F69E-4F2C-8FB3-28FA83ED2611.jpg b/Recipes/Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/D1687961-F69E-4F2C-8FB3-28FA83ED2611.jpg Binary files differnew file mode 100644 index 0000000..6f6a867 --- /dev/null +++ b/Recipes/Images/B010A969-B888-4D16-91CB-AF0943FF7C1A/D1687961-F69E-4F2C-8FB3-28FA83ED2611.jpg diff --git a/Recipes/Images/B0794FF1-CDD5-4BF8-A6BB-88F9F71BE740/998C7EEE-F4D6-4BA2-AE43-486A75904AC2.jpg b/Recipes/Images/B0794FF1-CDD5-4BF8-A6BB-88F9F71BE740/998C7EEE-F4D6-4BA2-AE43-486A75904AC2.jpg Binary files differnew file mode 100644 index 0000000..ecd09a6 --- /dev/null +++ b/Recipes/Images/B0794FF1-CDD5-4BF8-A6BB-88F9F71BE740/998C7EEE-F4D6-4BA2-AE43-486A75904AC2.jpg diff --git a/Recipes/Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/BF42A9D8-8DA6-4502-952A-1117FBAD1E76.jpg b/Recipes/Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/BF42A9D8-8DA6-4502-952A-1117FBAD1E76.jpg Binary files differnew file mode 100644 index 0000000..cd31849 --- /dev/null +++ b/Recipes/Images/B1BB5ABB-8E6B-4B89-AB5B-7F204E59E270/BF42A9D8-8DA6-4502-952A-1117FBAD1E76.jpg diff --git a/Recipes/Images/B47FC75E-A638-4D94-93E9-5A13621C0263/B9A078BC-4183-4C6E-87FB-D59FEBA3B386.jpg b/Recipes/Images/B47FC75E-A638-4D94-93E9-5A13621C0263/B9A078BC-4183-4C6E-87FB-D59FEBA3B386.jpg Binary files differnew file mode 100644 index 0000000..ca9ae4f --- /dev/null +++ b/Recipes/Images/B47FC75E-A638-4D94-93E9-5A13621C0263/B9A078BC-4183-4C6E-87FB-D59FEBA3B386.jpg diff --git a/Recipes/Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/63C8039C-D433-4253-9D54-A26D7A468C80.jpg b/Recipes/Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/63C8039C-D433-4253-9D54-A26D7A468C80.jpg Binary files differnew file mode 100644 index 0000000..53e884f --- /dev/null +++ b/Recipes/Images/B6A44F19-3968-46FD-9C60-F755ABF29B8D/63C8039C-D433-4253-9D54-A26D7A468C80.jpg diff --git a/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg b/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg Binary files differnew file mode 100644 index 0000000..5ea23f9 --- /dev/null +++ b/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg diff --git a/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/FD00663F-F58D-47BD-A10A-600895A06A81.jpg b/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/FD00663F-F58D-47BD-A10A-600895A06A81.jpg Binary files differnew file mode 100644 index 0000000..f283c4e --- /dev/null +++ b/Recipes/Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/FD00663F-F58D-47BD-A10A-600895A06A81.jpg diff --git a/Recipes/Images/BAA30B96-BE59-4B55-863F-815DF7680478-21109-000003438CECA59B/C13B245E-A71C-4666-BF10-4F5D2F6EE615-21109-000003439294BFED.jpg b/Recipes/Images/BAA30B96-BE59-4B55-863F-815DF7680478-21109-000003438CECA59B/C13B245E-A71C-4666-BF10-4F5D2F6EE615-21109-000003439294BFED.jpg Binary files differnew file mode 100644 index 0000000..290bae9 --- /dev/null +++ b/Recipes/Images/BAA30B96-BE59-4B55-863F-815DF7680478-21109-000003438CECA59B/C13B245E-A71C-4666-BF10-4F5D2F6EE615-21109-000003439294BFED.jpg diff --git a/Recipes/Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/B15D8ACB-5A03-4A09-B964-A68F651E4D88-5288-000000F9358CFF61.jpg b/Recipes/Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/B15D8ACB-5A03-4A09-B964-A68F651E4D88-5288-000000F9358CFF61.jpg Binary files differnew file mode 100644 index 0000000..d7637b4 --- /dev/null +++ b/Recipes/Images/BAF38EDF-5A23-492D-9E35-7360951CE7D2-5288-000000F86B171D65/B15D8ACB-5A03-4A09-B964-A68F651E4D88-5288-000000F9358CFF61.jpg diff --git a/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/96C8F26B-CF35-48B8-A267-E5E4C4B13E57.jpg b/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/96C8F26B-CF35-48B8-A267-E5E4C4B13E57.jpg Binary files differnew file mode 100644 index 0000000..3be99a6 --- /dev/null +++ b/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/96C8F26B-CF35-48B8-A267-E5E4C4B13E57.jpg diff --git a/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/BA3D7255-EE92-4604-9142-F71723AE1563.jpg b/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/BA3D7255-EE92-4604-9142-F71723AE1563.jpg Binary files differnew file mode 100644 index 0000000..fb9db67 --- /dev/null +++ b/Recipes/Images/BB85243D-97F9-42C7-9010-734601E91BF0/BA3D7255-EE92-4604-9142-F71723AE1563.jpg diff --git a/Recipes/Images/BBD12E1D-2499-4C41-93C4-9E4E24552B06-21470-0000034C7CBFC0D2/84EF09AB-2C5E-4B99-BDD9-1549EDF86A94-21470-0000034C847DC874.jpg b/Recipes/Images/BBD12E1D-2499-4C41-93C4-9E4E24552B06-21470-0000034C7CBFC0D2/84EF09AB-2C5E-4B99-BDD9-1549EDF86A94-21470-0000034C847DC874.jpg Binary files differnew file mode 100644 index 0000000..a3e9546 --- /dev/null +++ b/Recipes/Images/BBD12E1D-2499-4C41-93C4-9E4E24552B06-21470-0000034C7CBFC0D2/84EF09AB-2C5E-4B99-BDD9-1549EDF86A94-21470-0000034C847DC874.jpg diff --git a/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/26B8D7BA-EF3F-4431-8E12-67811F258644-4916-000000DBA7ED53C3.jpg b/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/26B8D7BA-EF3F-4431-8E12-67811F258644-4916-000000DBA7ED53C3.jpg Binary files differnew file mode 100644 index 0000000..b274510 --- /dev/null +++ b/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/26B8D7BA-EF3F-4431-8E12-67811F258644-4916-000000DBA7ED53C3.jpg diff --git a/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/6A2E4733-DC2B-419B-BF67-C8990EEC6D46-4916-000000DBAF70CD78.jpg b/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/6A2E4733-DC2B-419B-BF67-C8990EEC6D46-4916-000000DBAF70CD78.jpg Binary files differnew file mode 100644 index 0000000..2e8ee48 --- /dev/null +++ b/Recipes/Images/BE6BB84B-0E64-4AE5-8DFB-AB110E9D0684-21470-00000356F5BDCDE2/6A2E4733-DC2B-419B-BF67-C8990EEC6D46-4916-000000DBAF70CD78.jpg diff --git a/Recipes/Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/BFFA214F-E278-4C72-9BE2-5B7D08AB3C86.jpg b/Recipes/Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/BFFA214F-E278-4C72-9BE2-5B7D08AB3C86.jpg Binary files differnew file mode 100644 index 0000000..9b77c77 --- /dev/null +++ b/Recipes/Images/C4F56518-5ABF-4A0F-8A68-9CC871FF7AF0/BFFA214F-E278-4C72-9BE2-5B7D08AB3C86.jpg diff --git a/Recipes/Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/0F81B26A-5B66-4B37-BAEC-FFBE4C3F030B.jpg b/Recipes/Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/0F81B26A-5B66-4B37-BAEC-FFBE4C3F030B.jpg Binary files differnew file mode 100644 index 0000000..2e8ee48 --- /dev/null +++ b/Recipes/Images/C81F6DA7-6526-4D39-AA3D-342F286F79EF/0F81B26A-5B66-4B37-BAEC-FFBE4C3F030B.jpg diff --git a/Recipes/Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/50E34355-D9A5-48D7-8D34-B1332321197D.jpg b/Recipes/Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/50E34355-D9A5-48D7-8D34-B1332321197D.jpg Binary files differnew file mode 100644 index 0000000..0e12ae8 --- /dev/null +++ b/Recipes/Images/C82233B7-2A81-45F4-A385-F5014AD54CBD/50E34355-D9A5-48D7-8D34-B1332321197D.jpg diff --git a/Recipes/Images/CB5C4B21-E0DB-4826-BDE2-8FFE1CF8390E-21109-000003471C5D3447/4DE27819-CC0A-40CF-9277-6BFAC2F1E590-21109-000003471F93961D.jpg b/Recipes/Images/CB5C4B21-E0DB-4826-BDE2-8FFE1CF8390E-21109-000003471C5D3447/4DE27819-CC0A-40CF-9277-6BFAC2F1E590-21109-000003471F93961D.jpg Binary files differnew file mode 100644 index 0000000..0b2cc59 --- /dev/null +++ b/Recipes/Images/CB5C4B21-E0DB-4826-BDE2-8FFE1CF8390E-21109-000003471C5D3447/4DE27819-CC0A-40CF-9277-6BFAC2F1E590-21109-000003471F93961D.jpg diff --git a/Recipes/Images/CE02C54B-7E78-4620-9F8C-51D6DA9F7E0F/19506E4C-A146-46DF-A780-166AEF77A54B.jpg b/Recipes/Images/CE02C54B-7E78-4620-9F8C-51D6DA9F7E0F/19506E4C-A146-46DF-A780-166AEF77A54B.jpg Binary files differnew file mode 100644 index 0000000..06a4065 --- /dev/null +++ b/Recipes/Images/CE02C54B-7E78-4620-9F8C-51D6DA9F7E0F/19506E4C-A146-46DF-A780-166AEF77A54B.jpg diff --git a/Recipes/Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/5D1DF25A-DB6F-489B-86B3-2B1BAE865FBD-13068-0000040F04D3CD18.jpg b/Recipes/Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/5D1DF25A-DB6F-489B-86B3-2B1BAE865FBD-13068-0000040F04D3CD18.jpg Binary files differnew file mode 100644 index 0000000..8dc982d --- /dev/null +++ b/Recipes/Images/CE732395-6AF5-4A80-B88C-59F2EC8CFE33-21470-0000034A73D22ECB/5D1DF25A-DB6F-489B-86B3-2B1BAE865FBD-13068-0000040F04D3CD18.jpg diff --git a/Recipes/Images/CFD609EB-37E3-42BA-BDEA-B7A8BC5AAD55/D4B0760C-9DE8-4137-8EA2-B090AA9CD894.jpg b/Recipes/Images/CFD609EB-37E3-42BA-BDEA-B7A8BC5AAD55/D4B0760C-9DE8-4137-8EA2-B090AA9CD894.jpg Binary files differnew file mode 100644 index 0000000..c163b64 --- /dev/null +++ b/Recipes/Images/CFD609EB-37E3-42BA-BDEA-B7A8BC5AAD55/D4B0760C-9DE8-4137-8EA2-B090AA9CD894.jpg diff --git a/Recipes/Images/D3A4FB54-3A27-4479-A46A-51D0FC84FB58/62AE0C61-C75C-4136-BAEE-94B3BC9071EB.jpg b/Recipes/Images/D3A4FB54-3A27-4479-A46A-51D0FC84FB58/62AE0C61-C75C-4136-BAEE-94B3BC9071EB.jpg Binary files differnew file mode 100644 index 0000000..6b6ce42 --- /dev/null +++ b/Recipes/Images/D3A4FB54-3A27-4479-A46A-51D0FC84FB58/62AE0C61-C75C-4136-BAEE-94B3BC9071EB.jpg diff --git a/Recipes/Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/60FBBBD1-4C41-4737-82A1-BD163FA082A0-60771-0000077DEEF5D759.jpg b/Recipes/Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/60FBBBD1-4C41-4737-82A1-BD163FA082A0-60771-0000077DEEF5D759.jpg Binary files differnew file mode 100644 index 0000000..b54f493 --- /dev/null +++ b/Recipes/Images/D59410AF-510A-4CC6-A34C-D693F933CBED-60771-0000077AE10019AC/60FBBBD1-4C41-4737-82A1-BD163FA082A0-60771-0000077DEEF5D759.jpg diff --git a/Recipes/Images/D59A3930-3F01-4F6F-9663-594787B44EEC-21470-00000350FF1F89AB/2F63083F-6E89-4773-A294-9D5B6FBA32DA-21470-000003510173199E.jpg b/Recipes/Images/D59A3930-3F01-4F6F-9663-594787B44EEC-21470-00000350FF1F89AB/2F63083F-6E89-4773-A294-9D5B6FBA32DA-21470-000003510173199E.jpg Binary files differnew file mode 100644 index 0000000..cf3274c --- /dev/null +++ b/Recipes/Images/D59A3930-3F01-4F6F-9663-594787B44EEC-21470-00000350FF1F89AB/2F63083F-6E89-4773-A294-9D5B6FBA32DA-21470-000003510173199E.jpg diff --git a/Recipes/Images/DB09CB29-EC3F-4154-BA10-F83A18D6E191-21470-0000034B32C0B432/48BFD678-85A5-42D0-9955-06071E712239-21470-0000034B363653AF.jpg b/Recipes/Images/DB09CB29-EC3F-4154-BA10-F83A18D6E191-21470-0000034B32C0B432/48BFD678-85A5-42D0-9955-06071E712239-21470-0000034B363653AF.jpg Binary files differnew file mode 100644 index 0000000..8ee85d9 --- /dev/null +++ b/Recipes/Images/DB09CB29-EC3F-4154-BA10-F83A18D6E191-21470-0000034B32C0B432/48BFD678-85A5-42D0-9955-06071E712239-21470-0000034B363653AF.jpg diff --git a/Recipes/Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/0EF99B93-FE42-474D-A278-CAC99259D88A.jpg b/Recipes/Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/0EF99B93-FE42-474D-A278-CAC99259D88A.jpg Binary files differnew file mode 100644 index 0000000..42e74a4 --- /dev/null +++ b/Recipes/Images/DB63BAA7-64F9-4640-B09C-CC50C4493763/0EF99B93-FE42-474D-A278-CAC99259D88A.jpg diff --git a/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg Binary files differnew file mode 100644 index 0000000..c074843 --- /dev/null +++ b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg diff --git a/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg Binary files differnew file mode 100644 index 0000000..61de4e3 --- /dev/null +++ b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg diff --git a/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg Binary files differnew file mode 100644 index 0000000..2f15626 --- /dev/null +++ b/Recipes/Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg diff --git a/Recipes/Images/DC39FDFE-FBA4-477E-B7B8-9B005C6EB09D-21470-00000351C024B9F4/667FE145-C84B-4C95-9494-60CA1449BA43-21470-00000351C914A0A9.jpg b/Recipes/Images/DC39FDFE-FBA4-477E-B7B8-9B005C6EB09D-21470-00000351C024B9F4/667FE145-C84B-4C95-9494-60CA1449BA43-21470-00000351C914A0A9.jpg Binary files differnew file mode 100644 index 0000000..e922f85 --- /dev/null +++ b/Recipes/Images/DC39FDFE-FBA4-477E-B7B8-9B005C6EB09D-21470-00000351C024B9F4/667FE145-C84B-4C95-9494-60CA1449BA43-21470-00000351C914A0A9.jpg diff --git a/Recipes/Images/DC780902-755A-490A-92E6-239F378BB4C1/84EB72B8-AA72-45FD-A0B4-2D3E391AC4EE.jpg b/Recipes/Images/DC780902-755A-490A-92E6-239F378BB4C1/84EB72B8-AA72-45FD-A0B4-2D3E391AC4EE.jpg Binary files differnew file mode 100644 index 0000000..bdcffaf --- /dev/null +++ b/Recipes/Images/DC780902-755A-490A-92E6-239F378BB4C1/84EB72B8-AA72-45FD-A0B4-2D3E391AC4EE.jpg diff --git a/Recipes/Images/DE677EBA-9C57-498F-A2C4-55F9B05167DB-21470-0000034B04ED0A9D/0822B537-DB6D-4F1C-87BD-8A04E69516F6-21470-0000034B0808D4FD.jpg b/Recipes/Images/DE677EBA-9C57-498F-A2C4-55F9B05167DB-21470-0000034B04ED0A9D/0822B537-DB6D-4F1C-87BD-8A04E69516F6-21470-0000034B0808D4FD.jpg Binary files differnew file mode 100644 index 0000000..dbec608 --- /dev/null +++ b/Recipes/Images/DE677EBA-9C57-498F-A2C4-55F9B05167DB-21470-0000034B04ED0A9D/0822B537-DB6D-4F1C-87BD-8A04E69516F6-21470-0000034B0808D4FD.jpg diff --git a/Recipes/Images/DF9D0D7B-CA95-42F5-AFB3-A99FFF01E999-21109-00000349261986F9/AE8AFEF4-BBA8-46B9-A5F0-1FE3782288E3-21109-00000349283B7073.jpg b/Recipes/Images/DF9D0D7B-CA95-42F5-AFB3-A99FFF01E999-21109-00000349261986F9/AE8AFEF4-BBA8-46B9-A5F0-1FE3782288E3-21109-00000349283B7073.jpg Binary files differnew file mode 100644 index 0000000..e812210 --- /dev/null +++ b/Recipes/Images/DF9D0D7B-CA95-42F5-AFB3-A99FFF01E999-21109-00000349261986F9/AE8AFEF4-BBA8-46B9-A5F0-1FE3782288E3-21109-00000349283B7073.jpg diff --git a/Recipes/Images/E31CA0B8-D9BB-4FEB-97E8-C9E188A626AC-58438-00000777EC50F3C1/F81056B5-E4CB-46FF-BC54-46CDDEEB1E5B-58438-000007782D487678.jpg b/Recipes/Images/E31CA0B8-D9BB-4FEB-97E8-C9E188A626AC-58438-00000777EC50F3C1/F81056B5-E4CB-46FF-BC54-46CDDEEB1E5B-58438-000007782D487678.jpg Binary files differnew file mode 100644 index 0000000..a77e561 --- /dev/null +++ b/Recipes/Images/E31CA0B8-D9BB-4FEB-97E8-C9E188A626AC-58438-00000777EC50F3C1/F81056B5-E4CB-46FF-BC54-46CDDEEB1E5B-58438-000007782D487678.jpg diff --git a/Recipes/Images/E3623C5F-85F1-450E-817E-F90FE90C5C57-21470-0000034C55D6DAD1/60BBF4DB-6C03-45F9-9E63-58C975B2E031-21470-0000034C582558CD.jpg b/Recipes/Images/E3623C5F-85F1-450E-817E-F90FE90C5C57-21470-0000034C55D6DAD1/60BBF4DB-6C03-45F9-9E63-58C975B2E031-21470-0000034C582558CD.jpg Binary files differnew file mode 100644 index 0000000..0cf3944 --- /dev/null +++ b/Recipes/Images/E3623C5F-85F1-450E-817E-F90FE90C5C57-21470-0000034C55D6DAD1/60BBF4DB-6C03-45F9-9E63-58C975B2E031-21470-0000034C582558CD.jpg diff --git a/Recipes/Images/E5EDD07F-DFFD-4AA8-81F6-341D6C65587F/ADC92551-2163-4352-9939-72FB33E11D85.jpg b/Recipes/Images/E5EDD07F-DFFD-4AA8-81F6-341D6C65587F/ADC92551-2163-4352-9939-72FB33E11D85.jpg Binary files differnew file mode 100644 index 0000000..df2bb68 --- /dev/null +++ b/Recipes/Images/E5EDD07F-DFFD-4AA8-81F6-341D6C65587F/ADC92551-2163-4352-9939-72FB33E11D85.jpg diff --git a/Recipes/Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/F9FD45AF-10BE-4C5A-81D6-55FD31E2A922.jpg b/Recipes/Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/F9FD45AF-10BE-4C5A-81D6-55FD31E2A922.jpg Binary files differnew file mode 100644 index 0000000..7569f7a --- /dev/null +++ b/Recipes/Images/E62EF150-14A0-4949-AAC9-88A1FAC57F19/F9FD45AF-10BE-4C5A-81D6-55FD31E2A922.jpg diff --git a/Recipes/Images/E6C01AAB-B790-4D4B-A0B3-C5C13D6D3FF5-21109-00000346ED7A963B/3D89C2F9-2B52-4CF9-9CE0-DA6C7B270D7F-21109-00000346FD487143.jpg b/Recipes/Images/E6C01AAB-B790-4D4B-A0B3-C5C13D6D3FF5-21109-00000346ED7A963B/3D89C2F9-2B52-4CF9-9CE0-DA6C7B270D7F-21109-00000346FD487143.jpg Binary files differnew file mode 100644 index 0000000..54cb4b1 --- /dev/null +++ b/Recipes/Images/E6C01AAB-B790-4D4B-A0B3-C5C13D6D3FF5-21109-00000346ED7A963B/3D89C2F9-2B52-4CF9-9CE0-DA6C7B270D7F-21109-00000346FD487143.jpg diff --git a/Recipes/Images/E6F7057F-6080-4E59-BD86-036DEF2FEB90/5FD13C3E-7942-4CF8-8CC6-362850705C25.jpg b/Recipes/Images/E6F7057F-6080-4E59-BD86-036DEF2FEB90/5FD13C3E-7942-4CF8-8CC6-362850705C25.jpg Binary files differnew file mode 100644 index 0000000..3e455c6 --- /dev/null +++ b/Recipes/Images/E6F7057F-6080-4E59-BD86-036DEF2FEB90/5FD13C3E-7942-4CF8-8CC6-362850705C25.jpg diff --git a/Recipes/Images/E88DA164-1C39-487B-8FC3-2492D8B07E59/8AB2D11F-D5FA-464B-BD0C-FF8F7DDEB7BF.jpg b/Recipes/Images/E88DA164-1C39-487B-8FC3-2492D8B07E59/8AB2D11F-D5FA-464B-BD0C-FF8F7DDEB7BF.jpg Binary files differnew file mode 100644 index 0000000..4c3b4ff --- /dev/null +++ b/Recipes/Images/E88DA164-1C39-487B-8FC3-2492D8B07E59/8AB2D11F-D5FA-464B-BD0C-FF8F7DDEB7BF.jpg diff --git a/Recipes/Images/E962CC13-2B90-40BC-B400-C589695D2CD1-21470-000003498CAB8ADD/C5AED04C-CA56-4571-90B3-F7CA86662B83-21470-000003498EEA3E51.jpg b/Recipes/Images/E962CC13-2B90-40BC-B400-C589695D2CD1-21470-000003498CAB8ADD/C5AED04C-CA56-4571-90B3-F7CA86662B83-21470-000003498EEA3E51.jpg Binary files differnew file mode 100644 index 0000000..a843361 --- /dev/null +++ b/Recipes/Images/E962CC13-2B90-40BC-B400-C589695D2CD1-21470-000003498CAB8ADD/C5AED04C-CA56-4571-90B3-F7CA86662B83-21470-000003498EEA3E51.jpg diff --git a/Recipes/Images/EED2B0B2-9D3B-470E-B50C-4B4AF5043B64/150775E9-0424-49DA-AA1E-89EE58500554.jpg b/Recipes/Images/EED2B0B2-9D3B-470E-B50C-4B4AF5043B64/150775E9-0424-49DA-AA1E-89EE58500554.jpg Binary files differnew file mode 100644 index 0000000..807523e --- /dev/null +++ b/Recipes/Images/EED2B0B2-9D3B-470E-B50C-4B4AF5043B64/150775E9-0424-49DA-AA1E-89EE58500554.jpg diff --git a/Recipes/Images/EFCDF44B-16C5-4988-A3C8-864C5A2CD732/35B7961F-A28D-4219-8F5A-857A14C611B4.jpg b/Recipes/Images/EFCDF44B-16C5-4988-A3C8-864C5A2CD732/35B7961F-A28D-4219-8F5A-857A14C611B4.jpg Binary files differnew file mode 100644 index 0000000..26ca9b5 --- /dev/null +++ b/Recipes/Images/EFCDF44B-16C5-4988-A3C8-864C5A2CD732/35B7961F-A28D-4219-8F5A-857A14C611B4.jpg diff --git a/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/08708EBB-1D30-4736-9D1C-B83FDAC38D76-13068-0000042DD29DB2E5.jpg b/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/08708EBB-1D30-4736-9D1C-B83FDAC38D76-13068-0000042DD29DB2E5.jpg Binary files differnew file mode 100644 index 0000000..a372777 --- /dev/null +++ b/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/08708EBB-1D30-4736-9D1C-B83FDAC38D76-13068-0000042DD29DB2E5.jpg diff --git a/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/CAD02DE0-1302-48EF-914B-9023061D628B-13068-0000042D3DA55416.jpg b/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/CAD02DE0-1302-48EF-914B-9023061D628B-13068-0000042D3DA55416.jpg Binary files differnew file mode 100644 index 0000000..253b059 --- /dev/null +++ b/Recipes/Images/F02DC1FD-3B18-49EA-9F79-9FBDF9E8E8FF-22499-0000035E1D2AE59E/CAD02DE0-1302-48EF-914B-9023061D628B-13068-0000042D3DA55416.jpg diff --git a/Recipes/Images/F04696B7-8ACE-40D9-87B6-FBC1384F7C20/7B300986-5A17-474B-A28A-F2563D356A56.jpg b/Recipes/Images/F04696B7-8ACE-40D9-87B6-FBC1384F7C20/7B300986-5A17-474B-A28A-F2563D356A56.jpg Binary files differnew file mode 100644 index 0000000..3756f3a --- /dev/null +++ b/Recipes/Images/F04696B7-8ACE-40D9-87B6-FBC1384F7C20/7B300986-5A17-474B-A28A-F2563D356A56.jpg diff --git a/Recipes/Images/F4180E46-228E-40F3-8F5A-28AEB5B69491/7D27E684-318C-43BF-A9A3-FED60C493189.jpg b/Recipes/Images/F4180E46-228E-40F3-8F5A-28AEB5B69491/7D27E684-318C-43BF-A9A3-FED60C493189.jpg Binary files differnew file mode 100644 index 0000000..5f5fe45 --- /dev/null +++ b/Recipes/Images/F4180E46-228E-40F3-8F5A-28AEB5B69491/7D27E684-318C-43BF-A9A3-FED60C493189.jpg diff --git a/Recipes/Images/F5A46FC7-B124-4B8B-B505-87BB262C8394/350638A7-06D4-4885-8790-824CA2E854B0.jpg b/Recipes/Images/F5A46FC7-B124-4B8B-B505-87BB262C8394/350638A7-06D4-4885-8790-824CA2E854B0.jpg Binary files differnew file mode 100644 index 0000000..feb6bf3 --- /dev/null +++ b/Recipes/Images/F5A46FC7-B124-4B8B-B505-87BB262C8394/350638A7-06D4-4885-8790-824CA2E854B0.jpg diff --git a/Recipes/Images/FABC0359-0A98-4E99-8976-B24BC33E2A92/16606A35-6D1D-4EED-9461-9BF84E945D21.jpg b/Recipes/Images/FABC0359-0A98-4E99-8976-B24BC33E2A92/16606A35-6D1D-4EED-9461-9BF84E945D21.jpg Binary files differnew file mode 100644 index 0000000..12d17ea --- /dev/null +++ b/Recipes/Images/FABC0359-0A98-4E99-8976-B24BC33E2A92/16606A35-6D1D-4EED-9461-9BF84E945D21.jpg diff --git a/Recipes/Images/FABD4B5A-8CE5-46EA-96A0-049D9F667349/F0EFBDA1-59C1-423D-824E-D3BD1FF13E9E.jpg b/Recipes/Images/FABD4B5A-8CE5-46EA-96A0-049D9F667349/F0EFBDA1-59C1-423D-824E-D3BD1FF13E9E.jpg Binary files differnew file mode 100644 index 0000000..d7e8ec3 --- /dev/null +++ b/Recipes/Images/FABD4B5A-8CE5-46EA-96A0-049D9F667349/F0EFBDA1-59C1-423D-824E-D3BD1FF13E9E.jpg diff --git a/Recipes/Images/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/8ECA470C-A0B3-442E-A39C-FC21F817C57A.jpg b/Recipes/Images/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/8ECA470C-A0B3-442E-A39C-FC21F817C57A.jpg Binary files differnew file mode 100644 index 0000000..0f939f7 --- /dev/null +++ b/Recipes/Images/FB5CE66B-4256-4BBE-BBA7-EEC5DA4E631B/8ECA470C-A0B3-442E-A39C-FC21F817C57A.jpg diff --git a/Recipes/Images/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/6B478A72-A8BA-42BB-94EC-502633A9D8B1.jpg b/Recipes/Images/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/6B478A72-A8BA-42BB-94EC-502633A9D8B1.jpg Binary files differnew file mode 100644 index 0000000..1014b9b --- /dev/null +++ b/Recipes/Images/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/6B478A72-A8BA-42BB-94EC-502633A9D8B1.jpg diff --git a/Recipes/Japanese Pickled Cucumbers.html b/Recipes/Japanese Pickled Cucumbers.html new file mode 100644 index 0000000..b8e6c07 --- /dev/null +++ b/Recipes/Japanese Pickled Cucumbers.html @@ -0,0 +1,181 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://onolicioushawaii.com/wp-content/uploads/2020/12/Pickled-Japanese-Cucumbers-7-150x225.jpg.webp"> + <img src="Images/9AC4751F-9B1F-49C0-90C2-0E606721AEFA/1B847FEB-FA5C-430C-A94B-64D9AF0E7B77.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Japanese Pickled Cucumbers</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="">15 minutes</span> + <b>Servings: </b><span itemprop="">Yield: side dish for 3 people</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://onolicioushawaii.com/japanese-pickled-cucumbers/"> + <span itemprop="author">onolicioushawaii.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 Japanese cucumber</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon sugar</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup rice 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">This recipe is super simple.</p><p class="line">Wash and cut the cucumber. Cut it thin. How thin? That’s up to you. Use a mandolin and go super thin. Or use a knife and go as thin as you can. I usually end up slicing the cucumber into ⅛-inch thick slices.</p><p class="line">Some people prefer the cucumber slices thicker, others like it thinner. There’s no real right or wrong. Also: do the best you can but don’t stress about trying to make perfect or even slices.</p><p class="line">Second step is to salt the cucumbers. Just place the sliced cucumbers in a bowl and sprinkle salt on top. Mix it gently and then let sit for 10 minutes.</p><p class="line">The salt will help draw water out from the cucumber (so you can get a crunchier pickled cucumber). Drain out the water after 10 minutes.</p><p class="line">Then in another, smaller bowl, dissolve the sugar into the rice vinegar. Pour that mixture over the salted cucumbers. Mix gently with a spoon. Cover and place it the refrigerator for an hour to let it “pickle.”</p><p class="line">Take it out after an hour. Eat and enjoy! If you want it more pickle-y, just marinate for longer. So easy, so ono ^_^</p><p class="line">Sliced cucumbers, with salt sprinkled on top.</p><p class="line">Thinly slice the cucumber and place in a mixing bowl.</p><p class="line">Sprinkle salt on the cucumbers, toss. Let sit for 10 minutes. Drain the water.</p><p class="line">In a small bowl, dissolve the sugar in the rice vinegar. Pour over the salted cucumbers.</p><p class="line">Cover and let sit in the fridge for at least 1 hour. Ready to eat!</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/Kale + Spinach with Apple Quesadilla.html b/Recipes/Kale + Spinach with Apple Quesadilla.html index 765b5cd..15fcc93 100644 --- a/Recipes/Kale + Spinach with Apple Quesadilla.html +++ b/Recipes/Kale + Spinach with Apple Quesadilla.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,30 +145,24 @@ </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"> @@ -196,13 +170,9 @@ </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"> @@ -210,9 +180,6 @@ </div> </div> - - - </div> @@ -222,7 +189,5 @@ - - </body> </html> diff --git a/Recipes/Kale And Mushroom Lasagne.html b/Recipes/Kale And Mushroom Lasagne.html index 76d77df..2190771 100644 --- a/Recipes/Kale And Mushroom Lasagne.html +++ b/Recipes/Kale And Mushroom Lasagne.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,36 +144,28 @@ </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> @@ -200,7 +173,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -242,15 +214,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -286,8 +256,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Kathy Tsaples' Greek Chickpea Soup.html b/Recipes/Kathy Tsaples' Greek Chickpea Soup.html index 72ab3e2..8c53ff1 100644 --- a/Recipes/Kathy Tsaples' Greek Chickpea Soup.html +++ b/Recipes/Kathy Tsaples' Greek Chickpea Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </div> <!-- Name --> - <h1 itemprop="name" class="name">Kathy Tsaples' Greek Chickpea Soup</h1> + <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> - + <b>Prep Time: </b><span itemprop="">0:00</span> + <b>Cook Time: </b><span itemprop="">0:00</span> + <b>Difficulty: </b><span itemprop="">Low</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,36 +148,28 @@ </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> @@ -210,7 +179,5 @@ - - </body> </html> diff --git a/Recipes/Kimchi & Peanut Butter Noodles.html b/Recipes/Kimchi & Peanut Butter Noodles.html index 64d3326..de2a6f5 100644 --- a/Recipes/Kimchi & Peanut Butter Noodles.html +++ b/Recipes/Kimchi & Peanut Butter Noodles.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">0 min</span> + <b>Total Time: </b><span itemprop="">20 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -161,36 +143,28 @@ </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> @@ -198,7 +172,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -240,23 +213,20 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '2' }, - ]; var index = 0; @@ -292,8 +262,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Lemon & Garlic Chicken Breast.html b/Recipes/Lemon & Garlic Chicken Breast.html index 3b4c6bc..4dbf2ca 100644 --- a/Recipes/Lemon & Garlic Chicken Breast.html +++ b/Recipes/Lemon & Garlic Chicken Breast.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">20 min</span> + <b>Total Time: </b><span itemprop="">25 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,7 +208,13 @@ // build items array var items = [ - + { + msrc: 'Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/452994D7-3EE0-43FC-BCBF-FB570B569F96.jpg', + src: 'Images/0B2EDAE5-44B3-48FE-A34A-447B8352CEC1/452994D7-3EE0-43FC-BCBF-FB570B569F96.jpg', + w: 0, + h: 0, + title: '1' + }, ]; var index = 0; @@ -271,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Lemony Broccoli Salad.html b/Recipes/Lemony Broccoli Salad.html index f5e7d8a..ec48a8b 100644 --- a/Recipes/Lemony Broccoli Salad.html +++ b/Recipes/Lemony Broccoli Salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">10 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html b/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html index 3baaf2e..1e54e61 100644 --- a/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html +++ b/Recipes/Lemony Orzo Primavera with Toasted Pine Nuts.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">25 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,13 +171,9 @@ </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"> @@ -212,9 +181,6 @@ </div> </div> - - - </div> @@ -224,7 +190,5 @@ - - </body> </html> diff --git a/Recipes/Lentil & Parsley Salad with Halloumi & Mushrooms.html b/Recipes/Lentil & Parsley Salad with Halloumi & Mushrooms.html new file mode 100644 index 0000000..d6680d9 --- /dev/null +++ b/Recipes/Lentil & Parsley Salad with Halloumi & Mushrooms.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/C02869D5-85F2-4145-B2E4-F03FF8986C4D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Lentil & Parsley Salad with Halloumi & 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>250</strong> g puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>320</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp cider vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp mustard</p><p class="line" itemprop="recipeIngredient">salt</p><p class="line" itemprop="recipeIngredient">pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch flat-leaf parsley</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> spring onions</p><p class="line" itemprop="recipeIngredient"><strong>225</strong>g cypriot halloumi</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mushrooms</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/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/F90CC53F-FBE3-4E31-9F64-5F4D4986FD9C.jpg', + src: 'Images/E05D0BF6-0239-4B69-8D3F-743A8A09A9E0/F90CC53F-FBE3-4E31-9F64-5F4D4986FD9C.jpg', + w: 2048, + h: 1536, + 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 Bolognese.html b/Recipes/Lentil Bolognese.html index c14e310..1e11d07 100644 --- a/Recipes/Lentil Bolognese.html +++ b/Recipes/Lentil Bolognese.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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"> @@ -157,29 +141,22 @@ </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> @@ -187,7 +164,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -229,15 +205,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -273,8 +247,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Lentil Cottage Pie.html b/Recipes/Lentil Cottage Pie.html index 6ad683c..8a8acff 100644 --- a/Recipes/Lentil Cottage Pie.html +++ b/Recipes/Lentil Cottage Pie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,15 +211,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -280,8 +253,5 @@ </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 index 51aa996..71b3e3f 100644 --- a/Recipes/Lentil Enchiladas with Roasted Pepper & Cashew Crema.html +++ b/Recipes/Lentil Enchiladas with Roasted Pepper & Cashew Crema.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,36 +147,28 @@ </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> @@ -208,7 +178,5 @@ - - </body> </html> diff --git a/Recipes/Lentil Veggie Burgers.html b/Recipes/Lentil Veggie Burgers.html new file mode 100644 index 0000000..488c107 --- /dev/null +++ b/Recipes/Lentil Veggie Burgers.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Lentil Veggie Burgers</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="">Easy</span> + <b>Servings: </b><span itemprop="">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> lentil veggie patties</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> burger buns</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large tomato</p><p class="line" itemprop="recipeIngredient">lettuce</p><p class="line" itemprop="recipeIngredient">mayonnaise</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small red onion</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> small cucumber</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> large eggs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can of beetroot</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/Low Carb Choc Chip Pancakes with Strawberries.html b/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html index 5854cac..af67a9f 100644 --- a/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html +++ b/Recipes/Low Carb Choc Chip Pancakes with Strawberries.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,44 +104,33 @@ <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> - + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -152,36 +138,28 @@ </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> @@ -191,7 +169,5 @@ - - </body> </html> diff --git a/Recipes/Lunch Platter.html b/Recipes/Lunch Platter.html index 7c03b58..36424f2 100644 --- a/Recipes/Lunch Platter.html +++ b/Recipes/Lunch Platter.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,68 +104,53 @@ <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> + <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><p class="line" itemprop="recipeIngredient">tzatziki</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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Lunchtime Rooty Bircher.html b/Recipes/Lunchtime Rooty Bircher.html index 9fae4b1..efc953a 100644 --- a/Recipes/Lunchtime Rooty Bircher.html +++ b/Recipes/Lunchtime Rooty Bircher.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Macaroni and Vegetable Frittatas.html b/Recipes/Macaroni and Vegetable Frittatas.html index a2f5c46..0c59c44 100644 --- a/Recipes/Macaroni and Vegetable Frittatas.html +++ b/Recipes/Macaroni and Vegetable Frittatas.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Magic Bread Dough.html b/Recipes/Magic Bread Dough.html index fb567c0..d6f9b8a 100644 --- a/Recipes/Magic Bread Dough.html +++ b/Recipes/Magic Bread Dough.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </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 index 21dfb26..66340b8 100644 --- a/Recipes/Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber.html +++ b/Recipes/Malaysian-Style Coconut Meat-Free Chicken with Pickled Cucumber.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">25 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Malteser Smoothie.html b/Recipes/Malteser Smoothie.html new file mode 100644 index 0000000..23e9719 --- /dev/null +++ b/Recipes/Malteser Smoothie.html @@ -0,0 +1,176 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Malteser 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="">Easy</span> + <b>Servings: </b><span itemprop="">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>1</strong> medium banana, peeled (100g)</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g pitted medjool dates</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g malted drink powder (such as horlicks)</p><p class="line" itemprop="recipeIngredient"><strong>140</strong>ml skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g yoghurt, such as greek, natural, soya</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g protein powder, chocolate</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp cocoa powder</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/Mango & Ginger Smoothie.html b/Recipes/Mango & Ginger Smoothie.html index 0f65d22..8452ee6 100644 --- a/Recipes/Mango & Ginger Smoothie.html +++ b/Recipes/Mango & Ginger Smoothie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,50 +104,36 @@ <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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -158,36 +141,28 @@ </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> @@ -197,7 +172,5 @@ - - </body> </html> diff --git a/Recipes/Mashed Potatoes.html b/Recipes/Mashed Potatoes.html new file mode 100644 index 0000000..1b50621 --- /dev/null +++ b/Recipes/Mashed Potatoes.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Mashed Potatoes</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>kg 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/Minestrone Soup.html b/Recipes/Minestrone Soup.html index 4770d1a..eed580f 100644 --- a/Recipes/Minestrone Soup.html +++ b/Recipes/Minestrone Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html b/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html index 80846f8..42c9cdc 100644 --- a/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html +++ b/Recipes/Miso Soba Noodle Soup with Crispy Tofu.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 minutes</span> + <b>Cook Time: </b><span itemprop="">15 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Miso Sweet Potato and Broccoli Bowl.html b/Recipes/Miso Sweet Potato and Broccoli Bowl.html index a5b2cc1..320070b 100644 --- a/Recipes/Miso Sweet Potato and Broccoli Bowl.html +++ b/Recipes/Miso Sweet Potato and Broccoli Bowl.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,36 +145,28 @@ </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> @@ -204,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html b/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html index cfe16c5..98575ee 100644 --- a/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html +++ b/Recipes/Mixed Lentil Salad With Yoghurt Dressing.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Msammen.html b/Recipes/Msammen.html new file mode 100644 index 0000000..0aa0bb0 --- /dev/null +++ b/Recipes/Msammen.html @@ -0,0 +1,181 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://moribyan.com/wp-content/uploads/2022/12/IMG_8588-2.jpg"> + <img src="Images/A0E72FFF-4A13-4562-90EA-81D5DDA507F0/7749825D-9E0D-474E-A07C-ED9EF222F33B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Msammen</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="">1 hour</span> + <b>Cook Time: </b><span itemprop="">20 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://moribyan.com/msammen/"> + <span itemprop="author">moribyan.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>3</strong> cups all purpose flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup extra fine semolina flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon sugar</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cup warm water</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup ghee, melted</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup extra fine semolina, for dusting</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 a large mixing bowl, add the all purpose flour, fine semolina flour, salt, and sugar. Whisk together.</p><p class="line">Add the warm water and combine until a dough forms that is firm and not sticky.</p><p class="line">Now knead the dough. If using a stand mixer with a dough hook attachment, knead for 5 minutes. If kneading by hand, it will take about 8 to 10 minutes.</p><p class="line">The dough will seem tough but it will soften as it rests. Place in an oiled bowl, cover, and let it sit overnight minimum.</p><p class="line">The next day, working with greased hands, divide the dough into 8 equal balls and cover with saran Wrap. Let it rest for 30 minutes.</p><p class="line">On a clean large surface, add a bit of ghee and spread on the surface. Grease your hands as well.</p><p class="line">Take one dough ball and spread it really thin into a large square or rectangle. It doesn't have to be perfect.</p><p class="line">Fold the long side in towards the middle. Add a bit of ghee and a small sprinkle of semolina. Fold over the other end towards the middle so now you have a long strip. Grease and sprinkle semolina again. Fold the top towards the center, add ghee and sprinkle semolina, then the bottom, add ghee and sprinkle semolina so then you're left with a square shape. Repeat with the rest of the dough.</p><p class="line">Use a rolling pin to flatten out the small square into a larger thin square.</p><p class="line">Heat a skillet over medium-low heat and grease it with ghee.</p><p class="line">Add the msammen and cook on each side for 2 to 4 minutes or until beautifully golden and bubbly. Repeat with the rest of the dough, making sure the grease the pan with ghee each time.</p><p class="line">Enjoy warm with honey, butter, or even jam.</p><p class="line">TIPS & NOTES</p><p class="line">If the dough is too dry, add a splash of water at a time. If the dough is too sticky, add a tablespoon of all purpose flour at a time.</p><p class="line">Do not be shy with the ghee!</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/Mushroom And Potato Pie.html b/Recipes/Mushroom And Potato Pie.html index 24abb2b..77c8099 100644 --- a/Recipes/Mushroom And Potato Pie.html +++ b/Recipes/Mushroom And Potato Pie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,51 +104,37 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -159,36 +142,28 @@ </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> @@ -196,7 +171,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -238,15 +212,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -282,8 +254,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Mushroom Cannelloni.html b/Recipes/Mushroom Cannelloni.html index dede557..e21b5cc 100644 --- a/Recipes/Mushroom Cannelloni.html +++ b/Recipes/Mushroom Cannelloni.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 40 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Mushroom Chicken.html b/Recipes/Mushroom Chicken.html index 2151e73..7e391b0 100644 --- a/Recipes/Mushroom Chicken.html +++ b/Recipes/Mushroom Chicken.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 minutes</span> + <b>Cook Time: </b><span itemprop="">50 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/Mushroom Halloumi Skewers.html b/Recipes/Mushroom Halloumi Skewers.html index ea25c30..a586f38 100644 --- a/Recipes/Mushroom Halloumi Skewers.html +++ b/Recipes/Mushroom Halloumi Skewers.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Mushroom Stroganoff.html b/Recipes/Mushroom Stroganoff.html index e44c731..f547bdf 100644 --- a/Recipes/Mushroom Stroganoff.html +++ b/Recipes/Mushroom Stroganoff.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">20 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Mushroom Toad-In-The-Hole.html b/Recipes/Mushroom Toad-In-The-Hole.html index 8358319..3903dac 100644 --- a/Recipes/Mushroom Toad-In-The-Hole.html +++ b/Recipes/Mushroom Toad-In-The-Hole.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Mushroom and Spinach Spelteree.html b/Recipes/Mushroom and Spinach Spelteree.html index 2446dc7..8bd5dd6 100644 --- a/Recipes/Mushroom and Spinach Spelteree.html +++ b/Recipes/Mushroom and Spinach Spelteree.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/My Nan's Lemon Drizzle Cake.html b/Recipes/My Nan's Lemon Drizzle Cake.html index dc7fe33..348dfc0 100644 --- a/Recipes/My Nan's Lemon Drizzle Cake.html +++ b/Recipes/My Nan's Lemon Drizzle Cake.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </div> <!-- Name --> - <h1 itemprop="name" class="name">My Nan's Lemon Drizzle Cake</h1> + <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> - + <b>Total Time: </b><span itemprop="">50 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/My Veggie Pasties.html b/Recipes/My Veggie Pasties.html index 51dcafb..e79bccf 100644 --- a/Recipes/My Veggie Pasties.html +++ b/Recipes/My Veggie Pasties.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 45 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,42 +146,33 @@ </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"> @@ -210,9 +180,6 @@ </div> </div> - - - </div> @@ -222,7 +189,5 @@ - - </body> </html> diff --git a/Recipes/Nachos.html b/Recipes/Nachos.html index 5cdfd9c..bbeb303 100644 --- a/Recipes/Nachos.html +++ b/Recipes/Nachos.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Nadiya’s French Apple Tart.html b/Recipes/Nadiya’s French Apple Tart.html index 1c2e4a9..3315c16 100644 --- a/Recipes/Nadiya’s French Apple Tart.html +++ b/Recipes/Nadiya’s French Apple Tart.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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"> @@ -161,29 +143,22 @@ </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> @@ -191,7 +166,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -233,15 +207,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -277,8 +249,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Nadiya’s Pea And Mint Risotto.html b/Recipes/Nadiya’s Pea And Mint Risotto.html index 1b4b6de..4e71656 100644 --- a/Recipes/Nadiya’s Pea And Mint Risotto.html +++ b/Recipes/Nadiya’s Pea And Mint Risotto.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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"> @@ -161,36 +143,28 @@ </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> @@ -198,7 +172,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -240,15 +213,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -284,8 +255,5 @@ </script> - - - </body> </html> diff --git a/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html b/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html index c0d94f1..1968c8d 100644 --- a/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html +++ b/Recipes/No-Churn Cinnamon-Ginger Ice Cream.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,36 +145,28 @@ </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> @@ -204,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Nut Butter Balls.html b/Recipes/Nut Butter Balls.html index 9ba1cda..b4c6c9e 100644 --- a/Recipes/Nut Butter Balls.html +++ b/Recipes/Nut Butter Balls.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,36 +140,28 @@ </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> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,15 +210,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -278,8 +252,5 @@ </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 index 2d5795c..1e267c9 100644 --- a/Recipes/Nutty Quinoa With Chicken, Roasted Carrots & Spinach.html +++ b/Recipes/Nutty Quinoa With Chicken, Roasted Carrots & Spinach.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Nutty Quinoa with Sweet Potatoe and Brocolli.html b/Recipes/Nutty Quinoa with Sweet Potatoe and Brocolli.html new file mode 100644 index 0000000..4148796 --- /dev/null +++ b/Recipes/Nutty Quinoa with Sweet Potatoe and Brocolli.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/8E0F170A-9A39-40C5-9EEF-402464A0E154.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Nutty Quinoa with Sweet Potatoe and Brocolli</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="">4-6</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">River Cottage Much More Veg pg.392</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> tsp cumin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp coriander seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp fennel seeds</p><p class="line" itemprop="recipeIngredient">A pinch of dried chilli flakes (optional)</p><p class="line" itemprop="recipeIngredient">A pinch of flaky sea salt</p><p class="line" itemprop="recipeIngredient"><strong>100</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>100</strong>g mixed seeds of your choice, such as sunflower, sesame and pumpkin</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g quinoa</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><p class="line" itemprop="recipeIngredient"><strong>2</strong> sweet potatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium brocolli </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/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/D1909997-A87E-43C4-B317-A688081568FC.jpg', + src: 'Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/D1909997-A87E-43C4-B317-A688081568FC.jpg', + w: 0, + h: 0, + title: '1' + }, + { + msrc: 'Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/E2713DFC-C0C6-494A-9586-6E2E5A59B2A3.jpg', + src: 'Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/E2713DFC-C0C6-494A-9586-6E2E5A59B2A3.jpg', + w: 0, + h: 0, + title: '2' + }, + { + msrc: 'Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/630FA6E4-6BD8-45AF-B02C-590622D8F1B6.jpg', + src: 'Images/76B3F13F-DF3D-4CC1-8B0B-5E4BBA5EE3D5/630FA6E4-6BD8-45AF-B02C-590622D8F1B6.jpg', + w: 0, + h: 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/ONE-PAN ORECCHIETTE PUTTANESCA.html b/Recipes/ONE-PAN ORECCHIETTE PUTTANESCA.html new file mode 100644 index 0000000..406aea4 --- /dev/null +++ b/Recipes/ONE-PAN ORECCHIETTE PUTTANESCA.html @@ -0,0 +1,266 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2DFC0D75-A49A-4C1B-8C41-E07463582305/F337F845-5AE2-467D-AF68-9C02CB58E84C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">ONE-PAN ORECCHIETTE PUTTANESCA</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="">4</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">Ottolenghi Flavour - pg. 139</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>ml olive oil, plus 2 tbsp to serve</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> × 400g tin of chickpeas, drained well and patted dry (240g)</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp hot smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> tbsp tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g parsley, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp lemon zest</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp baby capers</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g Nocellara olives (or another green olive), pitted and roughly chopped in half (80g)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g small, sweet cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tbsp caraway seeds, lightly toasted and crushed</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g dried orecchiette</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>ml vegetable or chicken stock</p><p class="line" itemprop="recipeIngredient">salt and black pepper</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 a sweetened version of puttanesca - the famous pasta sauce from Naples 'in the style of the prostitute' - minus the anchovies, plus chickpeas and<br/>spices. It's quick and super practical to make because the pasta actually cooks in the sauce. Try it, and you may not feel the need to boil pasta ever again.<br/></p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">1. Put the first six ingredients and ½ teaspoon of salt into a large sauté pan, for which you have a lid, and place on a medium-high heat. Fry for minutes, stirring every now and then, until the chickpeas are slightly crisp you may need to turn the heat down a little if they start to colour too much. Remove one-third of the chickpeas and set aside to use as a garnish.</p><p class="line">2. In a small bowl, combine the parsley, lemon zest, capers and olives. AdD two-thirds of the parsley mixture to the sauté pan, along with the cherry tomatoes, sugar and caraway seeds, and cook for 2 minutes on a medium-high heat, stirring often. Add the pasta, stock, ¾ teaspoon of salt and 200ml of water, and bring to a simmer. Reduce the heat to medium, cover with the lid and cook for 12-14 minutes, or until the pasta is al dente.</p><p class="line">3. Stir in the remaining parsley mixture, drizzle with the remaining tablespoons of oil and garnish with the fried chickpeas and a good grind of 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/2DFC0D75-A49A-4C1B-8C41-E07463582305/16DB8804-0830-4CDC-8A4B-5E4547564E4C.jpg', + src: 'Images/2DFC0D75-A49A-4C1B-8C41-E07463582305/16DB8804-0830-4CDC-8A4B-5E4547564E4C.jpg', + w: 0, + h: 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/Olive Oil Pastry.html b/Recipes/Olive Oil Pastry.html index 655e573..19f6e48 100644 --- a/Recipes/Olive Oil Pastry.html +++ b/Recipes/Olive Oil Pastry.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,46 +104,34 @@ <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> - + <b>Prep Time: </b><span itemprop="">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"> @@ -154,43 +139,34 @@ </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> @@ -200,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Omelette with Mushrooms.html b/Recipes/Omelette with Mushrooms.html index 72d9bf2..eba607c 100644 --- a/Recipes/Omelette with Mushrooms.html +++ b/Recipes/Omelette with Mushrooms.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/On-The-Go Granola Bars.html b/Recipes/On-The-Go Granola Bars.html new file mode 100644 index 0000000..cb366af --- /dev/null +++ b/Recipes/On-The-Go Granola Bars.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2019/06/on-the-go_granola_bar-kids-G2.jpg"> + <img src="Images/264E44EB-F2BD-4B08-AE16-97942C740D0B-21470-00000349F48EAD0D/E4661DEC-6A60-442E-983B-837B39F32453-21470-00000349F78F3C2C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">On-The-Go 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/healthy-on-the-go-granola-bars-for-toddlers-kids/"> + <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>1</strong> cup old fashioned oats</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup crispy rice cereal, I used organic rice crispies</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup chopped nuts</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> cup shredded coconut unsweetened</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup agave necter</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tbsp coconut oil</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1/8</strong> tsp sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup mini chocolate chips</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 muffin tin with 12 tulip muffin liners (see notes below)</p><p class="line">In a medium bowl, stir together the oats, rice cereal, chopped nuts and shredded coconut.</p><p class="line">In a microwave safe bowl or cup, add in the peanut butter, agave nectar, coconut oil, vanilla and salt. Heat in the microwave in 30 second increments until ingredients are just heated and can easily be whisked together. Whisk until creamy.</p><p class="line">Pour peanut butter mixture into the oat mixture and stir until combined. Let sit until cool to touch. Add chocolate chips and stir until combined.</p><p class="line">Scoop the granola mixture evenly into the muffin cups. Press down on each granola bar until firm.</p><p class="line">Place the muffin tin in the fridge for 2 hours or more. This will make it easier to wrap the granola bars.</p><p class="line">Take a granola bar with the wrapper and starting in one spot, fold over each section of the tulip mufifn liner towards the center. When the granola bar is completely wrapped you can use a sticker or a piece of washi tape to hold the liner together.</p><p class="line">Place all of the wrapped granola bars into an air-tight container or plastic baggie into the fridge.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Chopped Nuts: you can use any chopped nuts your kids prefer or you have on hand. I used a combination of chopped almonds and peanuts.</p><p>Tulip Muffin Liners: you have to use the tulip shaped liners for this recipe, the standard muffin liners don’t have enough liner to be able to fold all the way to the center. You can get the tulip ones at any baking store or some grocery stores, I got mine here.</p><p>Storage: store wrapped granola bars in the fridge inside an air-tight container or baggie for up to one week.</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/One-Pot Slow-Braised Mushroom Rogan Josh copy.html b/Recipes/One-Pot Slow-Braised Mushroom Rogan Josh copy.html new file mode 100644 index 0000000..d696477 --- /dev/null +++ b/Recipes/One-Pot Slow-Braised Mushroom Rogan Josh copy.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/9795FB60-CB74-4E04-BB66-21029EFA5ED3.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">One-Pot Slow-Braised Mushroom Rogan Josh copy</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="">10 min</span> + <b>Cook Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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>200</strong>g finely chopped tomatoes</p><p class="line" itemprop="recipeIngredient">plain naan</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>g Fable meaty pulled mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown onion</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g natural yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp curry powder</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground turmeric</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cardamom pods</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> drizzle vegetable 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>This one-pot curry will be bubbling away in five. You'll add chunks of slow-braised mushrooms to a spicy tomato sauce, then leave in the oven to simmer. For the perfect combination of taste and texture, finish with a dollop of yoghurt and naan bread to the side.</p> + </div> + </div> + + <!-- 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℃ / <strong>180℃ (fan)</strong> /gas 6</p><p class="line">Boil half a kettle of water</p><p class="line">Heat a large, <strong>hob-safe oven-proof casserole dish</strong> with a drizzle of <strong>vegetable oil</strong> over a high heat</p><p class="line"><strong>Step 2</strong><br/>Peel and chop your <strong>brown onion[s]</strong> into wedges<br/>Chop you <strong>tomatoes</strong> into wedges<br/>Add the <strong>tomato wedges, onion wedges</strong> and <strong>Fable pulled mushrooms</strong> to the dish with a pinch of <strong>salt</strong></p><p class="line"><strong>Step 3</strong><br/>Crush your <strong>garlic cloves</strong> open by squashing them with the side of a knife and remove the skins<br/>Crush your <strong>cardamom pods</strong> open by squashing them with the side of a knife</p><p class="line"><strong>Step 4</strong><br/>Add the <strong>crushed garlic</strong> and <strong>cardamom pods</strong> to the dish with your <strong>ground turmeric, ground coriander, curry powder</strong> and <strong>chilli flakes</strong> (can't handle the heat? Go easy!)</p><p class="line"><strong>Step 5</strong><br/>Add <strong>vegetable stock, chopped tomatoes</strong> and a pinch of <strong>sugar</strong><br/>Bring to the boil over a high heat<br/>Once boiling, put the dish in the oven, uncovered, for <strong>30-35 minutes</strong> or until the sauce has thickened and everything's cooked through - this is your <strong>one-pot slow-braised mushroom rogan josh</strong></p><p class="line"><strong>Step 6</strong><br/>Use this time to clear up, set the table, have a cup of tea or simply chill!</p><p class="line">Once the curry is almost done, add your <strong>plain naan[s]</strong> to a baking tray and put the tray in the oven for 3-4 minutes or until warmed through</p><p class="line"><strong>Step 7</strong><br/>Serve the <strong>one-pot slow-braised mushroom rogan josh</strong> with the <strong>warmed naan[s]</strong> to the side.</p><p class="line"><strong><strong>Tip:</strong></strong> watch out for the cardamom pods and discard them!</p><p class="line">Tear your <strong>coriander leaves</strong> and dollop your <strong>natural yoghurt</strong> over the top of the slow-braised mushroom rogan josh.</p><p class="line">Let everyone dig in!</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/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/F6D2DACA-7F13-49ED-B429-2E2D7A25543E.jpg', + src: 'Images/7FD0B33C-0CE5-4506-B0DB-6521E01329D1/F6D2DACA-7F13-49ED-B429-2E2D7A25543E.jpg', + w: 0, + h: 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/One-Pot Slow-Braised Mushroom Rogan Josh.html b/Recipes/One-Pot Slow-Braised Mushroom Rogan Josh.html new file mode 100644 index 0000000..9f9cb61 --- /dev/null +++ b/Recipes/One-Pot Slow-Braised Mushroom Rogan Josh.html @@ -0,0 +1,268 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/41A6FB96-909D-4190-811D-4126C3FD9EA7/49981C66-6E01-49FF-BB28-509FC924E1A9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">One-Pot Slow-Braised Mushroom Rogan Josh</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="">10 min</span> + <b>Cook Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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>200</strong>g finely chopped tomatoes</p><p class="line" itemprop="recipeIngredient">plain naan</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>g Fable meaty pulled mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown onion</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>g natural yoghurt</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp curry powder</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>5</strong>g coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground turmeric</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cardamom pods</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> drizzle vegetable 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>This one-pot curry will be bubbling away in five. You'll add chunks of slow-braised mushrooms to a spicy tomato sauce, then leave in the oven to simmer. For the perfect combination of taste and texture, finish with a dollop of yoghurt and naan bread to the side.</p> + </div> + </div> + + <!-- 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℃ / <strong>180℃ (fan)</strong> /gas 6</p><p class="line">Boil half a kettle of water</p><p class="line">Heat a large, <strong>hob-safe oven-proof casserole dish</strong> with a drizzle of <strong>vegetable oil</strong> over a high heat</p><p class="line"><strong>Step 2</strong><br/>Peel and chop your <strong>brown onion[s]</strong> into wedges<br/>Chop you <strong>tomatoes</strong> into wedges<br/>Add the <strong>tomato wedges, onion wedges</strong> and <strong>Fable pulled mushrooms</strong> to the dish with a pinch of <strong>salt</strong></p><p class="line"><strong>Step 3</strong><br/>Crush your <strong>garlic cloves</strong> open by squashing them with the side of a knife and remove the skins<br/>Crush your <strong>cardamom pods</strong> open by squashing them with the side of a knife</p><p class="line"><strong>Step 4</strong><br/>Add the <strong>crushed garlic</strong> and <strong>cardamom pods</strong> to the dish with your <strong>ground turmeric, ground coriander, curry powder</strong> and <strong>chilli flakes</strong> (can't handle the heat? Go easy!)</p><p class="line"><strong>Step 5</strong><br/>Add <strong>vegetable stock, chopped tomatoes</strong> and a pinch of <strong>sugar</strong><br/>Bring to the boil over a high heat<br/>Once boiling, put the dish in the oven, uncovered, for <strong>30-35 minutes</strong> or until the sauce has thickened and everything's cooked through - this is your <strong>one-pot slow-braised mushroom rogan josh</strong></p><p class="line"><strong>Step 6</strong><br/>Use this time to clear up, set the table, have a cup of tea or simply chill!</p><p class="line">Once the curry is almost done, add your <strong>plain naan[s]</strong> to a baking tray and put the tray in the oven for 3-4 minutes or until warmed through</p><p class="line"><strong>Step 7</strong><br/>Serve the <strong>one-pot slow-braised mushroom rogan josh</strong> with the <strong>warmed naan[s]</strong> to the side.</p><p class="line"><strong><strong>Tip:</strong></strong> watch out for the cardamom pods and discard them!</p><p class="line">Tear your <strong>coriander leaves</strong> and dollop your <strong>natural yoghurt</strong> over the top of the slow-braised mushroom rogan josh.</p><p class="line">Let everyone dig in!</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/41A6FB96-909D-4190-811D-4126C3FD9EA7/11585A34-0F48-4151-9305-EDA2B8833C15.jpg', + src: 'Images/41A6FB96-909D-4190-811D-4126C3FD9EA7/11585A34-0F48-4151-9305-EDA2B8833C15.jpg', + w: 0, + h: 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/Onion Gravy.html b/Recipes/Onion Gravy.html new file mode 100644 index 0000000..74b8951 --- /dev/null +++ b/Recipes/Onion Gravy.html @@ -0,0 +1,253 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/6DC6F1D3-27F5-48CF-B851-F10A251194C8/F4418088-BCD9-44BA-B55A-61747EED560E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Onion Gravy</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="">5 min</span> + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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> brown onions</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp plain flour</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>ml soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>ml Henderson's Relish</p><p class="line" itemprop="recipeIngredient">black pepper</p><p class="line" itemprop="recipeIngredient">vegetable oil</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> + +<!-- 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/6DC6F1D3-27F5-48CF-B851-F10A251194C8/0307A0D6-CA87-4E4E-854A-9B91F3606B06.jpg', + src: 'Images/6DC6F1D3-27F5-48CF-B851-F10A251194C8/0307A0D6-CA87-4E4E-854A-9B91F3606B06.jpg', + w: 0, + h: 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/Orange, Avocado and Cucumber Salad.html b/Recipes/Orange, Avocado and Cucumber Salad.html index 72ca553..2bf11a9 100644 --- a/Recipes/Orange, Avocado and Cucumber Salad.html +++ b/Recipes/Orange, Avocado and Cucumber Salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,83 +104,61 @@ <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> - + </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> + <p class="line" itemprop="recipeIngredient"><strong>Salad:</strong></p><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</p><br/><p class="line" itemprop="recipeIngredient"><strong>Dressing:</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp honey</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp apple cider vinegar</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 --> - <!-- Notes --> - + <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -191,7 +166,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -233,23 +207,20 @@ // 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, + w: 1536, + h: 2048, 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, + w: 2048, + h: 1477, title: '2' }, - ]; var index = 0; @@ -285,8 +256,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Oven-Baked Mushroom Risotto.html b/Recipes/Oven-Baked Mushroom Risotto.html new file mode 100644 index 0000000..5788671 --- /dev/null +++ b/Recipes/Oven-Baked Mushroom Risotto.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/FsiOFlDq/w643-h428-cfill-q90/taste/2016/11/oven-baked-mushroom-risotto-82384-1.jpeg"> + <img src="Images/4D631491-C759-4738-9661-27E596BA4BC7-21109-00000348FE2AFA34/76D70867-2A55-42C6-907B-C4EE1FF6C7AA-21109-000003490324F99E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Oven-Baked Mushroom Risotto</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="">30 min</span> + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/oven-baked-mushroom-risotto/af28af81-883b-40c4-ae72-3cc9a9f490de"> + <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> teaspoons olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large leek, trimmed, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g mixed mushrooms (such as Swiss brown, button and shiitake), sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons chopped fresh rosemary</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g arborio rice</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml (1/3 cup) white wine</p><p class="line" itemprop="recipeIngredient"><strong>750</strong>ml (3 cups) Massel vegetable or chicken style liquid stock</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g broccoli, trimmed, cut into florets</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g (1/4 cup) finely grated parmesan, 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">Preheat oven to 180°C. Heat oil in a large flameproof casserole dish over high heat. Sauté leek, stirring, for 2 minutes or until soft. Add mushroom, garlic and rosemary. Cook, stirring, for 3-4 minutes or until mushroom is soft. Add rice and cook, stirring, for 1 minute or until grains appear glassy. Add wine and cook, stirring, for 1 minute or until evaporated. Add stock and bring to the boil, stirring occasionally.</p><p class="line">Cover with a tight-fitting lid and transfer to oven. Bake for 15 minutes. Stir in broccoli and bake for another 5 minutes or until broccoli is tender-crisp.</p><p class="line">Stir in parmesan cheese (see note). Set aside, covered, for 2-3 minutes. Top with extra parmesan to serve.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>To make this risotto vegetarian, use vegetable stock and substitute vegetarian hard cheese for the parmesan.</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>1419 kj Energy 6g Fat Total 2g Saturated Fat 5g Fibre 14g Protein 4mg Cholesterol 826.19mg Sodium 2g Carbs (sugar)<br/>53g Carbs (total)</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Oven-baked Chips.html b/Recipes/Oven-baked Chips.html index 80dc6fc..cf5cd9f 100644 --- a/Recipes/Oven-baked Chips.html +++ b/Recipes/Oven-baked Chips.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,46 +104,34 @@ <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> - + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">25 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -154,36 +139,28 @@ </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> @@ -193,7 +170,5 @@ - - </body> </html> diff --git a/Recipes/Palestian Chopped Salad.html b/Recipes/Palestian Chopped Salad.html new file mode 100644 index 0000000..dbcd6e1 --- /dev/null +++ b/Recipes/Palestian Chopped Salad.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Palestian Chopped 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>1</strong> large lebanese cucumber</p><p class="line" itemprop="recipeIngredient"><strong>420</strong> g ripe tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red capsicum</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> green chilli</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> spring onions</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g parsley, very finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g mint leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> lemons</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/Parmesan Brussels Sprouts.html b/Recipes/Parmesan Brussels Sprouts.html index 57b8e19..04c7bac 100644 --- a/Recipes/Parmesan Brussels Sprouts.html +++ b/Recipes/Parmesan Brussels Sprouts.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html b/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html index ab56a78..7614daf 100644 --- a/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html +++ b/Recipes/Pasta E Ceci (Pasta and Chickpea Soup).html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">1 hr 30 min</span> + <b>Cook Time: </b><span itemprop="">1 hour 30 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,36 +147,28 @@ </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> @@ -208,7 +178,5 @@ - - </body> </html> diff --git a/Recipes/Pasta E Fagioli.html b/Recipes/Pasta E Fagioli.html index 089cd5d..b199f0e 100644 --- a/Recipes/Pasta E Fagioli.html +++ b/Recipes/Pasta E Fagioli.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">1:00</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -213,7 +181,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -255,23 +222,20 @@ // 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, + w: 862, + h: 485, 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, + w: 946, + h: 2048, title: '2' }, - ]; var index = 0; @@ -307,8 +271,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Pasta Pie.html b/Recipes/Pasta Pie.html index e26b175..d426fa1 100644 --- a/Recipes/Pasta Pie.html +++ b/Recipes/Pasta Pie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -165,29 +145,28 @@ </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/>- <strong>Preheat the oven</strong> to <strong>200℃/180℃ (fan)</strong>.</p><p class="line"><strong>Step 2</strong> <br/>- In a saucepan, combine <strong>canned plum tomatoes, olive oil, minced garlic, and dried oregano</strong>. Cook over medium heat for <strong>15 minutes</strong>.<br/>- After 15 minutes, add the <strong>baby spinach</strong> to the sauce and cook until wilted. <strong>Reserve some of the sauce for layering at the end.</strong></p><p class="line"><strong>Step 3</strong> <br/>- Cook <strong>wholemeal pasta</strong> in a separate pot until al-dente. Reserve some pasta water.</p><p class="line"><strong>Step 4</strong> <br/>- Mix the cooked pasta into the sauce.</p><p class="line"><strong>Step 5</strong> <br/><strong>- Layer the dish in a baking dish:</strong><br/>- Spread one layer of pasta with sauce.<br/>- Sprinkle half of the <strong>mozzarella</strong> and <strong>Parmesan</strong>.<br/>- Add another layer of pasta and sauce.<br/>- Top with the remaining <strong>mozzarella</strong> and <strong>Parmesan</strong>. Drizzle reserved sauce over the top.</p><p class="line"><strong>Step 6</strong> <br/>- Bake for about <strong>15 minutes</strong> until bubbling at the edges.</p><p class="line"><strong>Step 7</strong> <br/>- Serve with <strong>green peas</strong> on the side.<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> @@ -195,7 +174,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -237,15 +215,13 @@ // 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, + w: 2048, + h: 1536, title: '1' }, - ]; var index = 0; @@ -281,8 +257,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Pasta Salad.html b/Recipes/Pasta Salad.html new file mode 100644 index 0000000..11c3ceb --- /dev/null +++ b/Recipes/Pasta Salad.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Pasta 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>500</strong>g penne pasta</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch of basil</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g fetta cheese</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/Pasta with Sweetcorn, Ricotta and Basil.html b/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html index 9fbf1d0..41523e3 100644 --- a/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html +++ b/Recipes/Pasta with Sweetcorn, Ricotta and Basil.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">20 min</span> + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Pavlova.html b/Recipes/Pavlova.html new file mode 100644 index 0000000..fcc5302 --- /dev/null +++ b/Recipes/Pavlova.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Pavlova</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">eggs</p><p class="line" itemprop="recipeIngredient">caster sugar</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/Pea Pasta (Macaroni Peas).html b/Recipes/Pea Pasta (Macaroni Peas).html index b5effe8..ab103f3 100644 --- a/Recipes/Pea Pasta (Macaroni Peas).html +++ b/Recipes/Pea Pasta (Macaroni Peas).html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Pea speltotto with lemon and hazelnuts.html b/Recipes/Pea speltotto with lemon and hazelnuts.html index 9ac2d39..2e70779 100644 --- a/Recipes/Pea speltotto with lemon and hazelnuts.html +++ b/Recipes/Pea speltotto with lemon and hazelnuts.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Peanut Butter Cookies.html b/Recipes/Peanut Butter Cookies.html new file mode 100644 index 0000000..3f86d63 --- /dev/null +++ b/Recipes/Peanut Butter Cookies.html @@ -0,0 +1,262 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/4A06A105-E7B6-437F-998E-3E86286BD410.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Peanut Butter Cookies</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="5">★★★★★</p> + <p itemprop="recipeCategory" class="categories">Sweet</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Total Time: </b><span itemprop="">25 min</span> + <b>Difficulty: </b><span itemprop="">easy</span> + <b>Servings: </b><span itemprop="">36</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>120</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup sugar</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup brown sugar</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg</p><p class="line" itemprop="recipeIngredient"><strong>1¼</strong> cups plain flour</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp baking powder</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> tsp bicarbonate of soda</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 --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Cream butter, sugars and peanut butter in a mixing bowl.</p><p class="line">Add beaten egg and mix well. Sift and stir in the flour, baking powder, bicarbonate soda and salt. Chill dough.</p><p class="line">Roll into balls the size of large walnuts.</p><p class="line">Place 3-inches apart on greased baking trays.</p><p class="line">Flatten with a fork dipped in flour, criss-cross fashion.</p><p class="line">Bake in a moderately hot (190 degrees) oven for 10-12 minutes.</p><p class="line">Cool a few minutes on baking trays before removing to a cooling tray.</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/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/2905DD50-A13B-400A-8D73-AD247B76172F.jpg', + src: 'Images/CA28CD0E-771A-4957-AEA7-E76E7688F9A4/2905DD50-A13B-400A-8D73-AD247B76172F.jpg', + w: 0, + h: 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 Butter Honey Sandwich.html b/Recipes/Peanut Butter Honey Sandwich.html new file mode 100644 index 0000000..217009e --- /dev/null +++ b/Recipes/Peanut Butter Honey Sandwich.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Peanut Butter Honey Sandwich</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</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">peanut butter</p><p class="line" itemprop="recipeIngredient">honey</p><p class="line" itemprop="recipeIngredient">butter</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> slices bread</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> sugar-snap peas</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> carrot sticks</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> boiled egg</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> rice crackers (side)</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/Peanut Butter Wraps.html b/Recipes/Peanut Butter Wraps.html new file mode 100644 index 0000000..7a1267c --- /dev/null +++ b/Recipes/Peanut Butter Wraps.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Peanut Butter Wraps</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-2</strong> tbsp peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole-grain wrap</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> olives</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> biscuits</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/Peanut Tofu Buddha Bowl.html b/Recipes/Peanut Tofu Buddha Bowl.html index 468e64d..1c5abae 100644 --- a/Recipes/Peanut Tofu Buddha Bowl.html +++ b/Recipes/Peanut Tofu Buddha Bowl.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">20 minutes cook time:</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Pear Tart Tatin.html b/Recipes/Pear Tart Tatin.html index 01cc9c2..331673e 100644 --- a/Recipes/Pear Tart Tatin.html +++ b/Recipes/Pear Tart Tatin.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">1 hr 20 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Pesto.html b/Recipes/Pesto.html new file mode 100644 index 0000000..a0c2b28 --- /dev/null +++ b/Recipes/Pesto.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/392_1_1438702648.jpg?tr=w-800,h-1066"> + <img src="Images/2AD0B7FE-4F0C-46B6-816E-601576BF03EB/BC77D126-3D05-47D7-B86A-F7BEFB6CBB8D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Pesto</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="">5 min</span> + <b>Servings: </b><span itemprop="">4 5 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/pesto/"> + <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>½</strong> a clove garlic</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g basil leaves</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tbsp lemon juice</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 garlic, then pound in a pestle and mortar with a pinch of sea salt.Pick, roughly chop and add the basil leaves, then bash to a paste (or pulse in a food processor).Add the pine nuts (very lightly toast first, if you like) to the mixture and pound again, then stir in half the Parmesan.Drizzle in some oil – you need just enough to bind the sauce and get it to an oozy consistency.Add most of the remaining cheese, then season to perfection with salt and black pepper. Have a taste, and keep adding a bit more cheese or oil until you are happy with the taste and consistency. Add a squeeze of lemon juice at the end to give it a little twang, if you like, but it’s not essential.</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 97 5%<br/>Fat 8.8g 13%<br/>Saturates 1.6g 8%<br/>Sugars 0.2g 0%<br/>Salt 0.6g 10%<br/>Protein 3.5g 7%<br/>Carbs 0.8g 0%<br/>Fibre 0.1g -</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Pickled Red Onions.html b/Recipes/Pickled Red Onions.html new file mode 100644 index 0000000..8ecf398 --- /dev/null +++ b/Recipes/Pickled Red Onions.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://cdn.loveandlemons.com/wp-content/uploads/2019/09/pickled-red-onions-580x765.jpg"> + <img src="Images/0A306DEF-A722-4606-B7B1-CB5261E14908/6A3B5491-7DBF-486A-B77B-AA67BBAF6559.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Pickled Red Onions</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="">5 mins</span> + <b>Cook Time: </b><span itemprop="">5 mins</span> + <b>Servings: </b><span itemprop="">Serves 12</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.loveandlemons.com/pickled-red-onions/"> + <span itemprop="author">loveandlemons.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 red onions</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups white vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cups water</p><p class="line" itemprop="recipeIngredient"><strong>1/3</strong> cup cane sugar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons sea salt</p><p class="line" itemprop="recipeIngredient">optional</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon mixed peppercorns</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">Thinly slice the onions (it's helpful to use a mandoline), and divide the onions between 2 (475ml) jars or 3 (295ml) jars. Place the garlic and peppercorns in each jar, if using</p><p class="line">Heat the vinegar, water, sugar, and salt in a medium saucepan over medium heat. Stir until the sugar and salt dissolve, about 1 minute. Let cool and pour over the onions. Set aside to cool to room temperature, then store the onions in the fridge.</p><p class="line">Your pickled onions will be ready to eat once they're bright pink and tender - about 1 hour for very thinly sliced onions, or overnight for thicker sliced onions. They will keep in the fridge for up to 2 weeks.</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/Pierogi Dough.html b/Recipes/Pierogi Dough.html new file mode 100644 index 0000000..4e6864e --- /dev/null +++ b/Recipes/Pierogi Dough.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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.everyday-delicious.com/wp-content/uploads/2019/10/pierogi-dough-ciasto-na-pierogi-everyday-delicious-2-1.jpg"> + <img src="Images/E6C01AAB-B790-4D4B-A0B3-C5C13D6D3FF5-21109-00000346ED7A963B/3D89C2F9-2B52-4CF9-9CE0-DA6C7B270D7F-21109-00000346FD487143.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Pierogi Dough</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="">1 hour</span> + <b>Cook Time: </b><span itemprop="">20 minutes</span> + <b>Servings: </b><span itemprop="">Servings 100</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.everyday-delicious.com/the-best-pierogi-dough-recipe-how-to-make-the-best-pierogi-polish-dumplings/#wprm-recipe-container-3051"> + <span itemprop="author">everyday-delicious.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> cups flour 500g / 17.5-oz, spoon and leveled, all-purpose flour, type 480</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup + 2.5 Tbsp water 280g / 280ml / 10-oz (to weight on a scale)</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tablespoons butter 1.4 oz/40g, or vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon 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"><strong>→ Make the dough:</strong></p><p class="line">Add the flour and salt into a large bowl, mix together.</p><p class="line">In a small saucepan, warm the water with butter until they are very hot, but not boiling (temperature should be around 80-90 °C / 176-194 °F, that is when the water starts to move and steam).</p><p class="line">Pour hot water with butter into the bowl with flour, mix with a wooden spoon until roughly combined.</p><p class="line">Knead the dough using your hands or with a stand mixer fitted with a hook attachment, for about 5 minutes. A food processor can also be used (fitted with the dough blade). The dough should be smooth, soft and elastic, it shouldn’t stick to your hands. When you follow the recipe (especially if you weight the ingredients, instead of using measuring cups), the dough should be perfect, but if for some reason it’s not, add some water if it’s too dry, or a little bit flour if it’s too wet. If the dough already forms a ball, is relatively smooth, but still tough, it means that it’s not ready, it must be further kneaded until soft and elastic (after resting time it will be even softer).</p><p class="line">Wrap the kneaded dough in plastic foil (so it doesn’t dry out), leave to rest for about 30 minutes (it will be easy to roll out).</p><p class="line"><strong>→ Rolling out, stuffing and shaping the pierogi:</strong></p><p class="line">Divide the dough into 4 parts.</p><p class="line">Onto a lightly floured surface, roll out thinly the first piece of the dough, to a thickness of approx. 2 mm / 1/16 inch. If the dough is hard to roll out, set it aside for about 5-10 minutes to rest.</p><p class="line">Use a cup or a pierogi/pastry cutter to cut out rounds. Place one ball of filling / 1 teaspoon of filling on each round.</p><p class="line">Gather scraps, cover with plastic wrap and set aside.</p><p class="line">Fold the dough over the filling to create a half-moon shape. Press edges together, sealing and crimping with your fingers. Do not leave any gaps or pierogi may open during cooking.</p><p class="line">Place the pierogi apart on a towel lightly sprinkled with flour (this is important, they can stick to the board), cover loosely with a kitchen cloth so that they don‘t dry out.</p><p class="line">Repeat with the remaining dough.</p><p class="line"><strong>> Cook the pierogi:</strong></p><p class="line">Bring a large pot of salted water to a boil.</p><p class="line">Cook the pierogi in batches (for a 21 cm /8-inch pot I cook about 10-12 dumplings at a time). When they float to the water surface cook them for 1-2 minutes, then remove from the water with a slotted spoon. The cooking time will depend on the thickness of the dough.</p><p class="line">Drain well and transfer onto a plate. Serve warm, pour over some melted butter.</p><p class="line">Enjoy!</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Cooking time: will depend on the thickness of the dough. Cut one pieróg in half to see if the dough is cooked through. Cook the pierogi to your desired consistency. Some like them chewier and some very tender.</p><p>Dough to filling ratio: it’s very important but it’s also a matter of taste. I like my pierogi dough not too thin but also not very thick. Experiment what works best for you.</p><p>What to do with leftover dough: Cut it into thick strips and use it as pasta eg with soup. You can also fill the leftover dough with fruit with sugar.</p><p>How to store pierogi:To ensure that the cooked pierogi don‘t stick to each other, brush them lightly with melted butter or oil. Store in a tightly-closed container in the fridge for about 2 days. On the next day, it‘s best to pan-fry them with butter until golden.Freshly cooked pierogi taste best, so I usually do this: I prepare only the amount of pierogi that we are going to eat on a given day (about 14 per person). I wrap the rest of the dough tightly in plastic foil and put it in the fridge. I place the rest of the filling (or make filling balls from all of the filling) and also tightly wrap in plastic foil and put in the fridge. On the next day (or even on the third day) I’m preparing the rest of the pierogi. If I have more time and I’m making more pierogi in one batch, I freeze them or pan-fry then with butter the next day.After removing the dough from the fridge, it is good to slightly warm it up (leave it for about 15-30 minutes on the counter), it will be more elastic (this is optional). The next day the dough will be a little gray in color, but we don‘t mind that.</p><p><strong>How to freeze pierogi:</strong></p><p>Cooked pierogi: Place the pierogi apart on a tray that is sprinkled well with flour. Freeze until solid. Transfer to containers on plastic bags. Cook like fresh pierogi but take them out once they float to the water surface.</p><p>Uncooked pierogi: Note that not boiled raw pierogi are more likely to crack in a freezer than cooked pierogi. I most often freeze raw pierogi though. Place the pierogi on a tray / wooden board sprinkled well with flour (important, dumplings can easily stick to the tray and tear). Arrange the dumplings so that they do not touch each other. When frozen, transfer them into containers or plastic bags. I cook frozen dumplings just like fresh ones, with the difference that you can cook a smaller amount of them at a time, I cook max. 7-8 frozen pierogi at once (and about 10-12 fresh). When you drop too many frozen pierogi at once it will lower the temperature of the water too much and they will burst.</p><p>Rolling out with pasta machine: I have a Kitchen Aid pasta roller attachment. I roll out the dough on setting 4. According to the manufacturer’s instructions you need to roll out the dough on each setting until you get to the setting 4. I’m not doing this, pierogi dough without an egg is easier to roll out than an egg dough or pasta dough. To make it possible, the dough must be well sprinkled with flour, at room temperature, slightly rolled out with a rolling pin (to a thickness of approx. ¾ cm / ½ inch). and smooth (otherwise will tear).</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 2107kcal</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Pita Bread.html b/Recipes/Pita Bread.html index ed3ada8..8a8e2d5 100644 --- a/Recipes/Pita Bread.html +++ b/Recipes/Pita Bread.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Pita Pizzas.html b/Recipes/Pita Pizzas.html new file mode 100644 index 0000000..3aa1017 --- /dev/null +++ b/Recipes/Pita Pizzas.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Pizzas</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="">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> pita breads</p><p class="line" itemprop="recipeIngredient">alfalfa</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g cheese</p><p class="line" itemprop="recipeIngredient"><strong>135</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>240</strong>g mushrooms</p><p class="line" itemprop="recipeIngredient">green olives</p><p class="line" itemprop="recipeIngredient"><strong>210</strong>g carrot</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> + + + + </body> +</html> diff --git a/Recipes/Pizza Dough.html b/Recipes/Pizza Dough.html index 605d8e6..b289b9a 100644 --- a/Recipes/Pizza Dough.html +++ b/Recipes/Pizza Dough.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">1 hr, 30 min</span> + <b>Cook Time: </b><span itemprop="">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"> @@ -165,36 +145,28 @@ </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> @@ -202,7 +174,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -244,15 +215,13 @@ // 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, + w: 1536, + h: 2048, title: '1' }, - ]; var index = 0; @@ -288,8 +257,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Poached Chicken.html b/Recipes/Poached Chicken.html index c4f7828..8d35a01 100644 --- a/Recipes/Poached Chicken.html +++ b/Recipes/Poached Chicken.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">2 minutes</span> + <b>Cook Time: </b><span itemprop="">20 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Polenta with Sicilian Tomato Sauce.html b/Recipes/Polenta with Sicilian Tomato Sauce.html index 6371348..2120668 100644 --- a/Recipes/Polenta with Sicilian Tomato Sauce.html +++ b/Recipes/Polenta with Sicilian Tomato Sauce.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,43 +140,34 @@ </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> @@ -199,7 +175,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -241,23 +216,20 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '2' }, - ]; var index = 0; @@ -293,8 +265,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Polish Brekkie.html b/Recipes/Polish Brekkie.html index a636b48..077b5ab 100644 --- a/Recipes/Polish Brekkie.html +++ b/Recipes/Polish Brekkie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,68 +104,53 @@ <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> + <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">olives</p><p class="line" itemprop="recipeIngredient">small red onion</p><p class="line" itemprop="recipeIngredient">lunch meat</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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Polish Doughnuts – Pączki.html b/Recipes/Polish Doughnuts – Pączki.html new file mode 100644 index 0000000..38644e5 --- /dev/null +++ b/Recipes/Polish Doughnuts – Pączki.html @@ -0,0 +1,189 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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.jennycancook.com/wp-content/uploads/2016/01/Paczki_300.jpg"> + <img src="Images/CB5C4B21-E0DB-4826-BDE2-8FFE1CF8390E-21109-000003471C5D3447/4DE27819-CC0A-40CF-9277-6BFAC2F1E590-21109-000003471F93961D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Polish Doughnuts – Pączki</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="">30 minutes</span> + <b>Cook Time: </b><span itemprop="">10 minutes</span> + <b>Servings: </b><span itemprop="">12</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jennycancook.com/recipes/paczki-polish-doughnuts/"> + <span itemprop="author">jennycancook.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> cups all purpose flour</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup sugar</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> teaspoon salt</p><p class="line" itemprop="recipeIngredient"><strong>7</strong> grams instant yeast</p><p class="line" itemprop="recipeIngredient"><strong>⅔</strong> cup milk warmed to 35°C</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> egg yolks</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp vanilla</p><p class="line" itemprop="recipeIngredient">about ¼ cup extra flour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp melted butter</p><p class="line" itemprop="recipeIngredient"><strong>⅓</strong> cup sugar for coating</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup jam, custard, or filling of 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">Place flour, sugar, salt, & yeast in large bowl.</p><p class="line">Stir in warm milk, followed by oil, egg yolks & vanilla.</p><p class="line">With electric mixer, beat for 2 minutes on high speed.</p><p class="line">Stir in enough flour until the dough holds together.</p><p class="line">On a floured surface, knead 50 turns, cover with plastic and let rest 10 min.</p><p class="line">If using custard filling, make it now so it can cool. (see recipe below)</p><p class="line">Line a large baking sheet with parchment paper.</p><p class="line">On a floured surface, roll dough 1/2-inch thick. Cut circles using a 2 1/2 -inch round cutter, dipped in flour. Re-roll scraps.</p><p class="line">Place mounds on baking sheet, cover with a towel, and let rise in a warm spot about 45 minutes. (1 hour at room temp.) During this time, preheat oven to 375° F.</p><p class="line">When paczki are puffy, but not necessarily doubled in size, bake for 10 minutes.</p><p class="line">Melt butter and place 1/3 cup sugar in a plastic produce bag. Lay down some wax paper to save cleanup.</p><p class="line">Remove paczki immediately from pan to wax paper. Brush each one while warm (top & sides) with melted butter and roll in bag to coat with sugar.</p><p class="line">For jam, fill warm or cooled paczki using a pastry bag with a long tip, pushing into the side, or cut a slit in the side and insert filling with a spoon. For custard, cool paczki before filling. All paczki are best served right away.</p><p class="line"><strong>Custard Filling:</strong></p><p class="line">In a small saucepan, combine 1/4 cup sugar + 4 teaspoons cornstarch. Slowly stir in 1 cup low fat or whole milk + 1 egg yolk. Bring to a boil. Cook & stir about a minute. (it thickens more as it cools) Spread onto a dinner plate and let it stand, undisturbed, to cool thoroughly before using - refrigerate if necessary.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Note: If using a pastry bag, choose a smooth jam and not one with pieces of fruit as they can clog the tip.</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/Polish Salad.html b/Recipes/Polish Salad.html index 508a078..3ba2688 100644 --- a/Recipes/Polish Salad.html +++ b/Recipes/Polish Salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Polish Sorrel Soup with Boiled Egg.html b/Recipes/Polish Sorrel Soup with Boiled Egg.html index 6157ff6..6f4097f 100644 --- a/Recipes/Polish Sorrel Soup with Boiled Egg.html +++ b/Recipes/Polish Sorrel Soup with Boiled Egg.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 minutes</span> + <b>Cook Time: </b><span itemprop="">15 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Portobello Paprikash with Spaetzle.html b/Recipes/Portobello Paprikash with Spaetzle.html index 80394c6..6204c9a 100644 --- a/Recipes/Portobello Paprikash with Spaetzle.html +++ b/Recipes/Portobello Paprikash with Spaetzle.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,35 +145,27 @@ </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"> @@ -201,9 +173,6 @@ </div> </div> - - - </div> @@ -213,7 +182,5 @@ - - </body> </html> diff --git a/Recipes/Potato, leek and chickpea traybake with quick romesco.html b/Recipes/Potato, leek and chickpea traybake with quick romesco.html new file mode 100644 index 0000000..f73247c --- /dev/null +++ b/Recipes/Potato, leek and chickpea traybake with quick romesco.html @@ -0,0 +1,269 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/47AB784F-1312-4807-8F88-85119A008CE1/C526CB7E-7021-43A4-82A3-3E937F3E3D18.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Potato, leek and chickpea traybake with quick romesco</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="">15 min</span> + <b>Cook Time: </b><span itemprop="">25 min</span> + <b>Total Time: </b><span itemprop="">45 min</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 - Anna Jones</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 baby new potatoes, large ones halved</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large leeks, halved and sliced into 2cm pieces</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400g tin chickpeas, drained</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, bashed</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sprigs fresh oregano or thyme, leaves picked</p><p class="line" itemprop="recipeIngredient">Zest of ½ orange</p><p class="line" itemprop="recipeIngredient">Olive oil, to drizzle</p><p class="line" itemprop="recipeIngredient">Salt and black pepper</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch parsley, roughly chopped</p><br/><p class="line" itemprop="recipeIngredient">- For the romesco</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g ground almonds</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g hazelnuts</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> thick slice of stale sourdough or good white bread, torn into chunks </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp sweet smoked paprika </p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g jarred roasted red peppers, drained</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp sherry or red-wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp 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>This potato traybake packs in lots of flavour for the time it takes to prepare, thanks to the quick romesco. </p> + </div> + </div> + + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oven to 200C (180C fan)/ 390F/ gas 6. </p><p class="line">Toss the potatoes, leeks and chickpeas with the garlic, oregano or thyme, orange zest, olive oil and plenty of salt and pepper on your largest roasting tray – you might want to spread them on two trays so the vegetables have enough space to crisp. </p><p class="line">Roast for 20 minutes.</p><p class="line">Meanwhile, start on the romesco: in the same oven, toast the nuts and bread on a baking tray for roughly six to seven minutes, until they are a little coloured.</p><p class="line">Whizz the nuts and bread with the smoked paprika in a food processor, until you have a rough crumb. Add the peppers, vinegar, oil and a tablespoon of water, then season and blitz again, until you have a slightly textured but silky sauce.</p><p class="line">Once the vegetables have had their 20 minutes, take them out of the oven and toss them with half the romesco. Return them to the oven for a further five minutes, or until golden and beginning to crisp. </p><p class="line">Serve with extra romesco, if you like, and sprinkle with parsley 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> + + <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/47AB784F-1312-4807-8F88-85119A008CE1/5E26C410-C684-475F-A94F-AF5620B4F0FD.jpg', + src: 'Images/47AB784F-1312-4807-8F88-85119A008CE1/5E26C410-C684-475F-A94F-AF5620B4F0FD.jpg', + w: 0, + h: 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/Potato-Topped Broccoli, Cauliflower & Cheddar Pie.html b/Recipes/Potato-Topped Broccoli, Cauliflower & Cheddar Pie.html new file mode 100644 index 0000000..43593db --- /dev/null +++ b/Recipes/Potato-Topped Broccoli, Cauliflower & Cheddar Pie.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2938---Potato-Topped-Broccoli--Cheddar-Pie1872-2-1597671460988-x200.jpg"> + <img src="Images/54D56DF9-47DE-4F93-BA79-7EAF82F43399/6136A0ED-3B85-4F44-AEE6-84FEADF1CDEB.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Potato-Topped Broccoli, Cauliflower & Cheddar Pie</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="">45 min</span> + <b>Servings: </b><span itemprop="">4 servings</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/potato-topped-broccoli-cheddar-pie"> + <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>4</strong> white potatoes</p><p class="line" itemprop="recipeIngredient"><strong>350</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g soft cheese</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g cheddar cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cauliflower</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> leeks</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 a full kettle</p><p class="line">Cut the broccoli into small florets, then add to a baking tray and put the tray in the oven for 15-18 min or until starting to soften</p><p class="line">Meanwhile, peel the potatoes and chop them into large, bite-sized pieces</p><p class="line">Add the chopped potatoes to a pot with plenty of boiled water and a generous pinch of salt and bring to the boil over a high heat</p><p class="line">Once boiling, reduce the heat to medium and cook for 12-15 min or until fork-tender</p><p class="line">Once done, drain and return them to the pot to steam dry and reboil half a kettle</p><p class="line">Whilst the potatoes are cooking, chop the leek[s] in half lengthways, then wash to remove any grit from between the leaves</p><p class="line">Top, tail and slice finely</p><p class="line">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 the sliced leeks with a pinch of salt and cook for 5-6 min or until starting to soften</p><p class="line">Whilst the leeks are cooking, grate the cheddar cheese</p><p class="line">Dissolve the vegetable stock mix in 200ml [350ml] boiled water</p><p class="line">Once the leeks have softened, add 1 tbsp [2 tbsp] flour and give everything a good mix up</p><p class="line">Gradually add the vegetable stock, 100ml [150ml] milk, the soft cheese and grated cheese and cook for 4-5 min or until thickened to a double cream-like consistency – this is your cheesy leek mixture</p><p class="line">Whist your sauce is thickening, add a knob of butter and a splash of milk to the drained potatoes</p><p class="line">Season with a pinch of salt and mash until smooth</p><p class="line">Stir the softened broccoli through the cheesy leek mixture</p><p class="line">Add the cheesy broccoli & leek mixture to an oven-proof dish and top with the mashed potato</p><p class="line">Put the dish in the oven for 15-20 min or until golden brown and bubbling – this is your potato-topped broccoli & cheddar pie</p><p class="line">Once the pie has been in the oven for 10-15 min, add the blanched peas to a pot, cover them with boiling water (just enough to cover them) with a pinch of salt</p><p class="line">Bring to the boil over a high heat and cook for 2-3 min or until they're tender</p><p class="line">Once tender, drain the cooked peas</p><p class="line">Serve the potato-topped broccoli & cheddar pie with the peas to the side</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: Roasting the broccoli will help to remove excess moisture before adding to your sauce!</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 348 kJ 2202 kJ 82 kcal 523 kcal<br/>Fat 3.6 g 22.5 g<br/>of which saturates 2.2 g 14.1 g<br/>Carbohydrate 9.2 g 58.0 g<br/>of which sugars 2.3 g 14.4 g<br/>Fibre 2.8 g 17.5 g<br/>Protein 4.2 g 26.7 g<br/>Salt 0.25 g 1.58 g</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 index 1259ca4..8c860b5 100644 --- a/Recipes/Pumpkin Pie Pancakes.html +++ b/Recipes/Pumpkin Pie Pancakes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,15 +211,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -280,8 +253,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Put The Lentil in The Coconut.html b/Recipes/Put The Lentil in The Coconut.html index a3861b1..2702e89 100644 --- a/Recipes/Put The Lentil in The Coconut.html +++ b/Recipes/Put The Lentil in The Coconut.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,51 +104,37 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">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"> @@ -159,37 +142,30 @@ </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"> @@ -197,14 +173,10 @@ </div> </div> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -212,7 +184,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -254,15 +225,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -298,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Puy Lentil And Spinach Soup.html b/Recipes/Puy Lentil And Spinach Soup.html index faf5676..6b019af 100644 --- a/Recipes/Puy Lentil And Spinach Soup.html +++ b/Recipes/Puy Lentil And Spinach Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">30 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -165,43 +145,34 @@ </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> @@ -209,7 +180,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -251,15 +221,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -295,8 +263,5 @@ </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 index 7c4817a..855d307 100644 --- 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 @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">15 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Puy Lentils with Smoked Tofu.html b/Recipes/Puy Lentils with Smoked Tofu.html index 377e3ef..e18808c 100644 --- a/Recipes/Puy Lentils with Smoked Tofu.html +++ b/Recipes/Puy Lentils with Smoked Tofu.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">5 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Quick Chickpea Lemon Stew.html b/Recipes/Quick Chickpea Lemon Stew.html new file mode 100644 index 0000000..ac90143 --- /dev/null +++ b/Recipes/Quick Chickpea Lemon Stew.html @@ -0,0 +1,180 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://annajones.co.uk/cms/wp-content/uploads/2023/02/stew_blog-760x443.jpg"> + <img src="Images/F5A46FC7-B124-4B8B-B505-87BB262C8394/350638A7-06D4-4885-8790-824CA2E854B0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Quick Chickpea Lemon Stew</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="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://annajones.co.uk/recipe/quick-chickpea-lemon-stew"> + <span itemprop="author">annajones.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">Coconut or groundnut oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch spring onions, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch coriander, stalks chopped and leaves picked</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp turmeric</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> x 400g tins chickpeas, drained</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>ml hot vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400ml tin coconut milk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> unwaxed lemons, zested and cut in half</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> shallots, peeled, halved and very thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful basil, leaves torn</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful mint, leaves picked</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch dried chilli flakes (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">Put a large saucepan over a medium heat, then add a little oil, the spring onions, garlic and coriander stalks. Cook for about five minutes, or until the spring onion is soft and sweet.</p><p class="line">Add the turmeric and cook for a couple of minutes to toast and release the oils. Add the chickpeas, stock and coconut milk, the zest and juice of both lemons, and the squeezed lemon halves to the pan.</p><p class="line">Bring to a boil and simmer on a medium-low heat for 20 minutes, until slightly thickened and a vivid yellow.</p><p class="line">In a separate pan, heat three tablespoons of oil, and fry the shallots over a medium-low heat until golden and slightly crisp. Remove with a slotted spoon and drain on kitchen paper.</p><p class="line">Once the stew is ready, scoop out the lemon halves, stir through most of the herbs and serve topped with the crisp shallots, chilli flakes and remaining herbs.</p><p class="line">IMAGE: Izzy Croker</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/Quick Pumpkin and Ricotta Pancakes with Green Beans.html b/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html index fa07566..9db1d1c 100644 --- a/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html +++ b/Recipes/Quick Pumpkin and Ricotta Pancakes with Green Beans.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,36 +140,28 @@ </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> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,15 +210,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -278,8 +252,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Quorn Garlic and Mushroom Escalopes.html b/Recipes/Quorn Garlic and Mushroom Escalopes.html index 4268b7e..9ea3c43 100644 --- a/Recipes/Quorn Garlic and Mushroom Escalopes.html +++ b/Recipes/Quorn Garlic and Mushroom Escalopes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Raid The Larder Bean And Spelt Broth.html b/Recipes/Raid The Larder Bean And Spelt Broth.html new file mode 100644 index 0000000..9371081 --- /dev/null +++ b/Recipes/Raid The Larder Bean And Spelt Broth.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/A3A11308-C4B4-4174-8B81-D2201E89C608-21470-0000035A85C618ED.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Raid The Larder Bean And Spelt Broth</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>750</strong> ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g pearled spelt (or pearl barley)</p><p class="line" itemprop="recipeIngredient">A few leaves of cabbage, kale or greens or a couple of handfuls of spinach, washed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> medium carrot</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tin cannellini beans</p><p class="line" itemprop="recipeIngredient">olive oil</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/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/7E581FFA-C9A3-4A4C-B6B7-579C93F995DF-21470-0000035A7D7BA278.jpg', + src: 'Images/229613CE-A39A-4CB9-A268-71298D545D0A-21470-00000358946085E9/7E581FFA-C9A3-4A4C-B6B7-579C93F995DF-21470-0000035A7D7BA278.jpg', + w: 0, + h: 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 index 34aaf8a..38cbc8c 100644 --- a/Recipes/Red Lentil, Chickpea & Chilli Soup.html +++ b/Recipes/Red Lentil, Chickpea & Chilli Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">25 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Resources/PhotoSwipe/LICENSE b/Recipes/Resources/PhotoSwipe/LICENSE new file mode 100644 index 0000000..e9bdac9 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2014-2016 Dmitry Semenov, http://dimsemenov.com + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. diff --git a/Recipes/Resources/PhotoSwipe/default-skin/default-skin.css b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.css new file mode 100644 index 0000000..f99db1b --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.css @@ -0,0 +1,483 @@ +/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + + Contents: + + 1. Buttons + 2. Share modal and links + 3. Index indicator ("1 of X" counter) + 4. Caption + 5. Loading indicator + 6. Additional styles (root element, top bar, idle state, hidden state, etc.) + +*/ +/* + + 1. Buttons + + */ +/* <button> css reset */ +.pswp__button { + width: 44px; + height: 44px; + position: relative; + background: none; + cursor: pointer; + overflow: visible; + -webkit-appearance: none; + display: block; + border: 0; + padding: 0; + margin: 0; + float: right; + opacity: 0.75; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; + -webkit-box-shadow: none; + box-shadow: none; } + .pswp__button:focus, + .pswp__button:hover { + opacity: 1; } + .pswp__button:active { + outline: none; + opacity: 0.9; } + .pswp__button::-moz-focus-inner { + padding: 0; + border: 0; } + +/* pswp__ui--over-close class it added when mouse is over element that should close gallery */ +.pswp__ui--over-close .pswp__button--close { + opacity: 1; } + +.pswp__button, +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { + background: url(default-skin.png) 0 0 no-repeat; + background-size: 264px 88px; + width: 44px; + height: 44px; } + +@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { + /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ + .pswp--svg .pswp__button, + .pswp--svg .pswp__button--arrow--left:before, + .pswp--svg .pswp__button--arrow--right:before { + background-image: url(default-skin.svg); } + .pswp--svg .pswp__button--arrow--left, + .pswp--svg .pswp__button--arrow--right { + background: none; } } + +.pswp__button--close { + background-position: 0 -44px; } + +.pswp__button--share { + background-position: -44px -44px; } + +.pswp__button--fs { + display: none; } + +.pswp--supports-fs .pswp__button--fs { + display: block; } + +.pswp--fs .pswp__button--fs { + background-position: -44px 0; } + +.pswp__button--zoom { + display: none; + background-position: -88px 0; } + +.pswp--zoom-allowed .pswp__button--zoom { + display: block; } + +.pswp--zoomed-in .pswp__button--zoom { + background-position: -132px 0; } + +/* no arrows on touch screens */ +.pswp--touch .pswp__button--arrow--left, +.pswp--touch .pswp__button--arrow--right { + visibility: hidden; } + +/* + Arrow buttons hit area + (icon is added to :before pseudo-element) +*/ +.pswp__button--arrow--left, +.pswp__button--arrow--right { + background: none; + top: 50%; + margin-top: -50px; + width: 70px; + height: 100px; + position: absolute; } + +.pswp__button--arrow--left { + left: 0; } + +.pswp__button--arrow--right { + right: 0; } + +.pswp__button--arrow--left:before, +.pswp__button--arrow--right:before { + content: ''; + top: 35px; + background-color: rgba(0, 0, 0, 0.3); + height: 30px; + width: 32px; + position: absolute; } + +.pswp__button--arrow--left:before { + left: 6px; + background-position: -138px -44px; } + +.pswp__button--arrow--right:before { + right: 6px; + background-position: -94px -44px; } + +/* + + 2. Share modal/popup and links + + */ +.pswp__counter, +.pswp__share-modal { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + +.pswp__share-modal { + display: block; + background: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; + top: 0; + left: 0; + padding: 10px; + position: absolute; + z-index: 1600; + opacity: 0; + -webkit-transition: opacity 0.25s ease-out; + transition: opacity 0.25s ease-out; + -webkit-backface-visibility: hidden; + will-change: opacity; } + +.pswp__share-modal--hidden { + display: none; } + +.pswp__share-tooltip { + z-index: 1620; + position: absolute; + background: #FFF; + top: 56px; + border-radius: 2px; + display: block; + width: auto; + right: 44px; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); + -webkit-transform: translateY(6px); + -ms-transform: translateY(6px); + transform: translateY(6px); + -webkit-transition: -webkit-transform 0.25s; + transition: transform 0.25s; + -webkit-backface-visibility: hidden; + will-change: transform; } + .pswp__share-tooltip a { + display: block; + padding: 8px 12px; + color: #000; + text-decoration: none; + font-size: 14px; + line-height: 18px; } + .pswp__share-tooltip a:hover { + text-decoration: none; + color: #000; } + .pswp__share-tooltip a:first-child { + /* round corners on the first/last list item */ + border-radius: 2px 2px 0 0; } + .pswp__share-tooltip a:last-child { + border-radius: 0 0 2px 2px; } + +.pswp__share-modal--fade-in { + opacity: 1; } + .pswp__share-modal--fade-in .pswp__share-tooltip { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); } + +/* increase size of share links on touch devices */ +.pswp--touch .pswp__share-tooltip a { + padding: 16px 12px; } + +a.pswp__share--facebook:before { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + top: -12px; + right: 15px; + border: 6px solid transparent; + border-bottom-color: #FFF; + -webkit-pointer-events: none; + -moz-pointer-events: none; + pointer-events: none; } + +a.pswp__share--facebook:hover { + background: #3E5C9A; + color: #FFF; } + a.pswp__share--facebook:hover:before { + border-bottom-color: #3E5C9A; } + +a.pswp__share--twitter:hover { + background: #55ACEE; + color: #FFF; } + +a.pswp__share--pinterest:hover { + background: #CCC; + color: #CE272D; } + +a.pswp__share--download:hover { + background: #DDD; } + +/* + + 3. Index indicator ("1 of X" counter) + + */ +.pswp__counter { + position: absolute; + left: 0; + top: 0; + height: 44px; + font-size: 13px; + line-height: 44px; + color: #FFF; + opacity: 0.75; + padding: 0 10px; } + +/* + + 4. Caption + + */ +.pswp__caption { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + min-height: 44px; } + .pswp__caption small { + font-size: 11px; + color: #BBB; } + +.pswp__caption__center { + text-align: left; + max-width: 420px; + margin: 0 auto; + font-size: 13px; + padding: 10px; + line-height: 20px; + color: #CCC; } + +.pswp__caption--empty { + display: none; } + +/* Fake caption element, used to calculate height of next/prev image */ +.pswp__caption--fake { + visibility: hidden; } + +/* + + 5. Loading indicator (preloader) + + You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR + + */ +.pswp__preloader { + width: 44px; + height: 44px; + position: absolute; + top: 0; + left: 50%; + margin-left: -22px; + opacity: 0; + -webkit-transition: opacity 0.25s ease-out; + transition: opacity 0.25s ease-out; + will-change: opacity; + direction: ltr; } + +.pswp__preloader__icn { + width: 20px; + height: 20px; + margin: 12px; } + +.pswp__preloader--active { + opacity: 1; } + .pswp__preloader--active .pswp__preloader__icn { + /* We use .gif in browsers that don't support CSS animation */ + background: url(preloader.gif) 0 0 no-repeat; } + +.pswp--css_animation .pswp__preloader--active { + opacity: 1; } + .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { + -webkit-animation: clockwise 500ms linear infinite; + animation: clockwise 500ms linear infinite; } + .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { + -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; + animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } + +.pswp--css_animation .pswp__preloader__icn { + background: none; + opacity: 0.75; + width: 14px; + height: 14px; + position: absolute; + left: 15px; + top: 15px; + margin: 0; } + +.pswp--css_animation .pswp__preloader__cut { + /* + The idea of animating inner circle is based on Polymer ("material") loading indicator + by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html + */ + position: relative; + width: 7px; + height: 14px; + overflow: hidden; } + +.pswp--css_animation .pswp__preloader__donut { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + border: 2px solid #FFF; + border-radius: 50%; + border-left-color: transparent; + border-bottom-color: transparent; + position: absolute; + top: 0; + left: 0; + background: none; + margin: 0; } + +@media screen and (max-width: 1024px) { + .pswp__preloader { + position: relative; + left: auto; + top: auto; + margin: 0; + float: right; } } + +@-webkit-keyframes clockwise { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@keyframes clockwise { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } + +@-webkit-keyframes donut-rotate { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); } + 50% { + -webkit-transform: rotate(-140deg); + transform: rotate(-140deg); } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); } } + +@keyframes donut-rotate { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); } + 50% { + -webkit-transform: rotate(-140deg); + transform: rotate(-140deg); } + 100% { + -webkit-transform: rotate(0); + transform: rotate(0); } } + +/* + + 6. Additional styles + + */ +/* root element of UI */ +.pswp__ui { + -webkit-font-smoothing: auto; + visibility: visible; + opacity: 1; + z-index: 1550; } + +/* top black bar with buttons and "1 of X" indicator */ +.pswp__top-bar { + position: absolute; + left: 0; + top: 0; + height: 44px; + width: 100%; } + +.pswp__caption, +.pswp__top-bar, +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { + -webkit-backface-visibility: hidden; + will-change: opacity; + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +/* pswp--has_mouse class is added only when two subsequent mousemove events occur */ +.pswp--has_mouse .pswp__button--arrow--left, +.pswp--has_mouse .pswp__button--arrow--right { + visibility: visible; } + +.pswp__top-bar, +.pswp__caption { + background-color: rgba(0, 0, 0, 0.5); } + +/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ +.pswp__ui--fit .pswp__top-bar, +.pswp__ui--fit .pswp__caption { + background-color: rgba(0, 0, 0, 0.3); } + +/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ +.pswp__ui--idle .pswp__top-bar { + opacity: 0; } + +.pswp__ui--idle .pswp__button--arrow--left, +.pswp__ui--idle .pswp__button--arrow--right { + opacity: 0; } + +/* + pswp__ui--hidden class is added when controls are hidden + e.g. when user taps to toggle visibility of controls +*/ +.pswp__ui--hidden .pswp__top-bar, +.pswp__ui--hidden .pswp__caption, +.pswp__ui--hidden .pswp__button--arrow--left, +.pswp__ui--hidden .pswp__button--arrow--right { + /* Force paint & create composition layer for controls. */ + opacity: 0.001; } + +/* pswp__ui--one-slide class is added when there is just one item in gallery */ +.pswp__ui--one-slide .pswp__button--arrow--left, +.pswp__ui--one-slide .pswp__button--arrow--right, +.pswp__ui--one-slide .pswp__counter { + display: none; } + +.pswp__element--disabled { + display: none !important; } + +.pswp--minimal--dark .pswp__top-bar { + background: none; } diff --git a/Recipes/Resources/PhotoSwipe/default-skin/default-skin.png b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.png Binary files differnew file mode 100644 index 0000000..441c502 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.png diff --git a/Recipes/Resources/PhotoSwipe/default-skin/default-skin.svg b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.svg new file mode 100644 index 0000000..9d5f0c6 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/default-skin/default-skin.svg @@ -0,0 +1 @@ +<svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>
\ No newline at end of file diff --git a/Recipes/Resources/PhotoSwipe/default-skin/preloader.gif b/Recipes/Resources/PhotoSwipe/default-skin/preloader.gif Binary files differnew file mode 100644 index 0000000..b8faa69 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/default-skin/preloader.gif diff --git a/Recipes/Resources/PhotoSwipe/photoswipe-ui-default.min.js b/Recipes/Resources/PhotoSwipe/photoswipe-ui-default.min.js new file mode 100644 index 0000000..64b19c3 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/photoswipe-ui-default.min.js @@ -0,0 +1,4 @@ +/*! PhotoSwipe Default UI - 4.1.1 - 2015-12-24 +* http://photoswipe.com +* Copyright (c) 2015 Dmitry Semenov; */ +!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipeUI_Default=b()}(this,function(){"use strict";var a=function(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v=this,w=!1,x=!0,y=!0,z={barsSize:{top:44,bottom:"auto"},closeElClasses:["item","caption","zoom-wrap","ui","top-bar"],timeToIdle:4e3,timeToIdleOutside:1e3,loadingIndicatorDelay:1e3,addCaptionHTMLFn:function(a,b){return a.title?(b.children[0].innerHTML=a.title,!0):(b.children[0].innerHTML="",!1)},closeEl:!0,captionEl:!0,fullscreenEl:!0,zoomEl:!0,shareEl:!0,counterEl:!0,arrowEl:!0,preloaderEl:!0,tapToClose:!1,tapToToggleControls:!0,clickToCloseNonZoomable:!0,shareButtons:[{id:"facebook",label:"Share on Facebook",url:"https://www.facebook.com/sharer/sharer.php?u={{url}}"},{id:"twitter",label:"Tweet",url:"https://twitter.com/intent/tweet?text={{text}}&url={{url}}"},{id:"pinterest",label:"Pin it",url:"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}"},{id:"download",label:"Download image",url:"{{raw_image_url}}",download:!0}],getImageURLForShare:function(){return a.currItem.src||""},getPageURLForShare:function(){return window.location.href},getTextForShare:function(){return a.currItem.title||""},indexIndicatorSep:" / ",fitControlsWidth:1200},A=function(a){if(r)return!0;a=a||window.event,q.timeToIdle&&q.mouseUsed&&!k&&K();for(var c,d,e=a.target||a.srcElement,f=e.getAttribute("class")||"",g=0;g<S.length;g++)c=S[g],c.onTap&&f.indexOf("pswp__"+c.name)>-1&&(c.onTap(),d=!0);if(d){a.stopPropagation&&a.stopPropagation(),r=!0;var h=b.features.isOldAndroid?600:30;s=setTimeout(function(){r=!1},h)}},B=function(){return!a.likelyTouchDevice||q.mouseUsed||screen.width>q.fitControlsWidth},C=function(a,c,d){b[(d?"add":"remove")+"Class"](a,"pswp__"+c)},D=function(){var a=1===q.getNumItemsFn();a!==p&&(C(d,"ui--one-slide",a),p=a)},E=function(){C(i,"share-modal--hidden",y)},F=function(){return y=!y,y?(b.removeClass(i,"pswp__share-modal--fade-in"),setTimeout(function(){y&&E()},300)):(E(),setTimeout(function(){y||b.addClass(i,"pswp__share-modal--fade-in")},30)),y||H(),!1},G=function(b){b=b||window.event;var c=b.target||b.srcElement;return a.shout("shareLinkClick",b,c),c.href?c.hasAttribute("download")?!0:(window.open(c.href,"pswp_share","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width=550,height=420,top=100,left="+(window.screen?Math.round(screen.width/2-275):100)),y||F(),!1):!1},H=function(){for(var a,b,c,d,e,f="",g=0;g<q.shareButtons.length;g++)a=q.shareButtons[g],c=q.getImageURLForShare(a),d=q.getPageURLForShare(a),e=q.getTextForShare(a),b=a.url.replace("{{url}}",encodeURIComponent(d)).replace("{{image_url}}",encodeURIComponent(c)).replace("{{raw_image_url}}",c).replace("{{text}}",encodeURIComponent(e)),f+='<a href="'+b+'" target="_blank" class="pswp__share--'+a.id+'"'+(a.download?"download":"")+">"+a.label+"</a>",q.parseShareButtonOut&&(f=q.parseShareButtonOut(a,f));i.children[0].innerHTML=f,i.children[0].onclick=G},I=function(a){for(var c=0;c<q.closeElClasses.length;c++)if(b.hasClass(a,"pswp__"+q.closeElClasses[c]))return!0},J=0,K=function(){clearTimeout(u),J=0,k&&v.setIdle(!1)},L=function(a){a=a?a:window.event;var b=a.relatedTarget||a.toElement;b&&"HTML"!==b.nodeName||(clearTimeout(u),u=setTimeout(function(){v.setIdle(!0)},q.timeToIdleOutside))},M=function(){q.fullscreenEl&&!b.features.isOldAndroid&&(c||(c=v.getFullscreenAPI()),c?(b.bind(document,c.eventK,v.updateFullscreen),v.updateFullscreen(),b.addClass(a.template,"pswp--supports-fs")):b.removeClass(a.template,"pswp--supports-fs"))},N=function(){q.preloaderEl&&(O(!0),l("beforeChange",function(){clearTimeout(o),o=setTimeout(function(){a.currItem&&a.currItem.loading?(!a.allowProgressiveImg()||a.currItem.img&&!a.currItem.img.naturalWidth)&&O(!1):O(!0)},q.loadingIndicatorDelay)}),l("imageLoadComplete",function(b,c){a.currItem===c&&O(!0)}))},O=function(a){n!==a&&(C(m,"preloader--active",!a),n=a)},P=function(a){var c=a.vGap;if(B()){var g=q.barsSize;if(q.captionEl&&"auto"===g.bottom)if(f||(f=b.createEl("pswp__caption pswp__caption--fake"),f.appendChild(b.createEl("pswp__caption__center")),d.insertBefore(f,e),b.addClass(d,"pswp__ui--fit")),q.addCaptionHTMLFn(a,f,!0)){var h=f.clientHeight;c.bottom=parseInt(h,10)||44}else c.bottom=g.top;else c.bottom="auto"===g.bottom?0:g.bottom;c.top=g.top}else c.top=c.bottom=0},Q=function(){q.timeToIdle&&l("mouseUsed",function(){b.bind(document,"mousemove",K),b.bind(document,"mouseout",L),t=setInterval(function(){J++,2===J&&v.setIdle(!0)},q.timeToIdle/2)})},R=function(){l("onVerticalDrag",function(a){x&&.95>a?v.hideControls():!x&&a>=.95&&v.showControls()});var a;l("onPinchClose",function(b){x&&.9>b?(v.hideControls(),a=!0):a&&!x&&b>.9&&v.showControls()}),l("zoomGestureEnded",function(){a=!1,a&&!x&&v.showControls()})},S=[{name:"caption",option:"captionEl",onInit:function(a){e=a}},{name:"share-modal",option:"shareEl",onInit:function(a){i=a},onTap:function(){F()}},{name:"button--share",option:"shareEl",onInit:function(a){h=a},onTap:function(){F()}},{name:"button--zoom",option:"zoomEl",onTap:a.toggleDesktopZoom},{name:"counter",option:"counterEl",onInit:function(a){g=a}},{name:"button--close",option:"closeEl",onTap:a.close},{name:"button--arrow--left",option:"arrowEl",onTap:a.prev},{name:"button--arrow--right",option:"arrowEl",onTap:a.next},{name:"button--fs",option:"fullscreenEl",onTap:function(){c.isFullscreen()?c.exit():c.enter()}},{name:"preloader",option:"preloaderEl",onInit:function(a){m=a}}],T=function(){var a,c,e,f=function(d){if(d)for(var f=d.length,g=0;f>g;g++){a=d[g],c=a.className;for(var h=0;h<S.length;h++)e=S[h],c.indexOf("pswp__"+e.name)>-1&&(q[e.option]?(b.removeClass(a,"pswp__element--disabled"),e.onInit&&e.onInit(a)):b.addClass(a,"pswp__element--disabled"))}};f(d.children);var g=b.getChildByClass(d,"pswp__top-bar");g&&f(g.children)};v.init=function(){b.extend(a.options,z,!0),q=a.options,d=b.getChildByClass(a.scrollWrap,"pswp__ui"),l=a.listen,R(),l("beforeChange",v.update),l("doubleTap",function(b){var c=a.currItem.initialZoomLevel;a.getZoomLevel()!==c?a.zoomTo(c,b,333):a.zoomTo(q.getDoubleTapZoom(!1,a.currItem),b,333)}),l("preventDragEvent",function(a,b,c){var d=a.target||a.srcElement;d&&d.getAttribute("class")&&a.type.indexOf("mouse")>-1&&(d.getAttribute("class").indexOf("__caption")>0||/(SMALL|STRONG|EM)/i.test(d.tagName))&&(c.prevent=!1)}),l("bindEvents",function(){b.bind(d,"pswpTap click",A),b.bind(a.scrollWrap,"pswpTap",v.onGlobalTap),a.likelyTouchDevice||b.bind(a.scrollWrap,"mouseover",v.onMouseOver)}),l("unbindEvents",function(){y||F(),t&&clearInterval(t),b.unbind(document,"mouseout",L),b.unbind(document,"mousemove",K),b.unbind(d,"pswpTap click",A),b.unbind(a.scrollWrap,"pswpTap",v.onGlobalTap),b.unbind(a.scrollWrap,"mouseover",v.onMouseOver),c&&(b.unbind(document,c.eventK,v.updateFullscreen),c.isFullscreen()&&(q.hideAnimationDuration=0,c.exit()),c=null)}),l("destroy",function(){q.captionEl&&(f&&d.removeChild(f),b.removeClass(e,"pswp__caption--empty")),i&&(i.children[0].onclick=null),b.removeClass(d,"pswp__ui--over-close"),b.addClass(d,"pswp__ui--hidden"),v.setIdle(!1)}),q.showAnimationDuration||b.removeClass(d,"pswp__ui--hidden"),l("initialZoomIn",function(){q.showAnimationDuration&&b.removeClass(d,"pswp__ui--hidden")}),l("initialZoomOut",function(){b.addClass(d,"pswp__ui--hidden")}),l("parseVerticalMargin",P),T(),q.shareEl&&h&&i&&(y=!0),D(),Q(),M(),N()},v.setIdle=function(a){k=a,C(d,"ui--idle",a)},v.update=function(){x&&a.currItem?(v.updateIndexIndicator(),q.captionEl&&(q.addCaptionHTMLFn(a.currItem,e),C(e,"caption--empty",!a.currItem.title)),w=!0):w=!1,y||F(),D()},v.updateFullscreen=function(d){d&&setTimeout(function(){a.setScrollOffset(0,b.getScrollY())},50),b[(c.isFullscreen()?"add":"remove")+"Class"](a.template,"pswp--fs")},v.updateIndexIndicator=function(){q.counterEl&&(g.innerHTML=a.getCurrentIndex()+1+q.indexIndicatorSep+q.getNumItemsFn())},v.onGlobalTap=function(c){c=c||window.event;var d=c.target||c.srcElement;if(!r)if(c.detail&&"mouse"===c.detail.pointerType){if(I(d))return void a.close();b.hasClass(d,"pswp__img")&&(1===a.getZoomLevel()&&a.getZoomLevel()<=a.currItem.fitRatio?q.clickToCloseNonZoomable&&a.close():a.toggleDesktopZoom(c.detail.releasePoint))}else if(q.tapToToggleControls&&(x?v.hideControls():v.showControls()),q.tapToClose&&(b.hasClass(d,"pswp__img")||I(d)))return void a.close()},v.onMouseOver=function(a){a=a||window.event;var b=a.target||a.srcElement;C(d,"ui--over-close",I(b))},v.hideControls=function(){b.addClass(d,"pswp__ui--hidden"),x=!1},v.showControls=function(){x=!0,w||v.update(),b.removeClass(d,"pswp__ui--hidden")},v.supportsFullscreen=function(){var a=document;return!!(a.exitFullscreen||a.mozCancelFullScreen||a.webkitExitFullscreen||a.msExitFullscreen)},v.getFullscreenAPI=function(){var b,c=document.documentElement,d="fullscreenchange";return c.requestFullscreen?b={enterK:"requestFullscreen",exitK:"exitFullscreen",elementK:"fullscreenElement",eventK:d}:c.mozRequestFullScreen?b={enterK:"mozRequestFullScreen",exitK:"mozCancelFullScreen",elementK:"mozFullScreenElement",eventK:"moz"+d}:c.webkitRequestFullscreen?b={enterK:"webkitRequestFullscreen",exitK:"webkitExitFullscreen",elementK:"webkitFullscreenElement",eventK:"webkit"+d}:c.msRequestFullscreen&&(b={enterK:"msRequestFullscreen",exitK:"msExitFullscreen",elementK:"msFullscreenElement",eventK:"MSFullscreenChange"}),b&&(b.enter=function(){return j=q.closeOnScroll,q.closeOnScroll=!1,"webkitRequestFullscreen"!==this.enterK?a.template[this.enterK]():void a.template[this.enterK](Element.ALLOW_KEYBOARD_INPUT)},b.exit=function(){return q.closeOnScroll=j,document[this.exitK]()},b.isFullscreen=function(){return document[this.elementK]}),b}};return a});
\ No newline at end of file diff --git a/Recipes/Resources/PhotoSwipe/photoswipe.css b/Recipes/Resources/PhotoSwipe/photoswipe.css new file mode 100644 index 0000000..e1c0185 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/photoswipe.css @@ -0,0 +1,178 @@ +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ +/* + Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) +*/ +/* pswp = photoswipe */ +.pswp { + display: none; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + overflow: hidden; + -ms-touch-action: none; + touch-action: none; + z-index: 1500; + -webkit-text-size-adjust: 100%; + /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ + -webkit-backface-visibility: hidden; + outline: none; } + .pswp * { + -webkit-box-sizing: border-box; + box-sizing: border-box; } + .pswp img { + max-width: none; } + +/* style is added when JS option showHideOpacity is set to true */ +.pswp--animate_opacity { + /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ + opacity: 0.001; + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--open { + display: block; } + +.pswp--zoom-allowed .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.pswp--zoomed-in .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } + +.pswp--dragging .pswp__img { + /* autoprefixer: off */ + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } + +/* + Background is added as a separate element. + As animating opacity is much faster than animating rgba() background-color. +*/ +.pswp__bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0; + transform: translateZ(0); + -webkit-backface-visibility: hidden; + will-change: opacity; } + +.pswp__scroll-wrap { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; } + +.pswp__container, +.pswp__zoom-wrap { + -ms-touch-action: none; + touch-action: none; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; } + +/* Prevent selection and tap highlights */ +.pswp__container, +.pswp__img { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; } + +.pswp__zoom-wrap { + position: absolute; + width: 100%; + -webkit-transform-origin: left top; + -ms-transform-origin: left top; + transform-origin: left top; + /* for open/close transition */ + -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp__bg { + will-change: opacity; + /* for open/close transition */ + -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); + transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } + +.pswp--animated-in .pswp__bg, +.pswp--animated-in .pswp__zoom-wrap { + -webkit-transition: none; + transition: none; } + +.pswp__container, +.pswp__zoom-wrap { + -webkit-backface-visibility: hidden; } + +.pswp__item { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + overflow: hidden; } + +.pswp__img { + position: absolute; + width: auto; + height: auto; + top: 0; + left: 0; } + +/* + stretched thumbnail or div placeholder element (see below) + style is added to avoid flickering in webkit/blink when layers overlap +*/ +.pswp__img--placeholder { + -webkit-backface-visibility: hidden; } + +/* + div element that matches size of large image + large image loads on top of it +*/ +.pswp__img--placeholder--blank { + background: #222; } + +.pswp--ie .pswp__img { + width: 100% !important; + height: auto !important; + left: 0; + top: 0; } + +/* + Error message appears when image is not loaded + (JS option errorMsg controls markup) +*/ +.pswp__error-msg { + position: absolute; + left: 0; + top: 50%; + width: 100%; + text-align: center; + font-size: 14px; + line-height: 16px; + margin-top: -8px; + color: #CCC; } + +.pswp__error-msg a { + color: #CCC; + text-decoration: underline; } diff --git a/Recipes/Resources/PhotoSwipe/photoswipe.min.js b/Recipes/Resources/PhotoSwipe/photoswipe.min.js new file mode 100644 index 0000000..913e783 --- /dev/null +++ b/Recipes/Resources/PhotoSwipe/photoswipe.min.js @@ -0,0 +1,4 @@ +/*! PhotoSwipe - v4.1.1 - 2015-12-24 +* http://photoswipe.com +* Copyright (c) 2015 Dmitry Semenov; */ +!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipe=b()}(this,function(){"use strict";var a=function(a,b,c,d){var e={features:null,bind:function(a,b,c,d){var e=(d?"remove":"add")+"EventListener";b=b.split(" ");for(var f=0;f<b.length;f++)b[f]&&a[e](b[f],c,!1)},isArray:function(a){return a instanceof Array},createEl:function(a,b){var c=document.createElement(b||"div");return a&&(c.className=a),c},getScrollY:function(){var a=window.pageYOffset;return void 0!==a?a:document.documentElement.scrollTop},unbind:function(a,b,c){e.bind(a,b,c,!0)},removeClass:function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/^\s\s*/,"").replace(/\s\s*$/,"")},addClass:function(a,b){e.hasClass(a,b)||(a.className+=(a.className?" ":"")+b)},hasClass:function(a,b){return a.className&&new RegExp("(^|\\s)"+b+"(\\s|$)").test(a.className)},getChildByClass:function(a,b){for(var c=a.firstChild;c;){if(e.hasClass(c,b))return c;c=c.nextSibling}},arraySearch:function(a,b,c){for(var d=a.length;d--;)if(a[d][c]===b)return d;return-1},extend:function(a,b,c){for(var d in b)if(b.hasOwnProperty(d)){if(c&&a.hasOwnProperty(d))continue;a[d]=b[d]}},easing:{sine:{out:function(a){return Math.sin(a*(Math.PI/2))},inOut:function(a){return-(Math.cos(Math.PI*a)-1)/2}},cubic:{out:function(a){return--a*a*a+1}}},detectFeatures:function(){if(e.features)return e.features;var a=e.createEl(),b=a.style,c="",d={};if(d.oldIE=document.all&&!document.addEventListener,d.touch="ontouchstart"in window,window.requestAnimationFrame&&(d.raf=window.requestAnimationFrame,d.caf=window.cancelAnimationFrame),d.pointerEvent=navigator.pointerEnabled||navigator.msPointerEnabled,!d.pointerEvent){var f=navigator.userAgent;if(/iP(hone|od)/.test(navigator.platform)){var g=navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/);g&&g.length>0&&(g=parseInt(g[1],10),g>=1&&8>g&&(d.isOldIOSPhone=!0))}var h=f.match(/Android\s([0-9\.]*)/),i=h?h[1]:0;i=parseFloat(i),i>=1&&(4.4>i&&(d.isOldAndroid=!0),d.androidVersion=i),d.isMobileOpera=/opera mini|opera mobi/i.test(f)}for(var j,k,l=["transform","perspective","animationName"],m=["","webkit","Moz","ms","O"],n=0;4>n;n++){c=m[n];for(var o=0;3>o;o++)j=l[o],k=c+(c?j.charAt(0).toUpperCase()+j.slice(1):j),!d[j]&&k in b&&(d[j]=k);c&&!d.raf&&(c=c.toLowerCase(),d.raf=window[c+"RequestAnimationFrame"],d.raf&&(d.caf=window[c+"CancelAnimationFrame"]||window[c+"CancelRequestAnimationFrame"]))}if(!d.raf){var p=0;d.raf=function(a){var b=(new Date).getTime(),c=Math.max(0,16-(b-p)),d=window.setTimeout(function(){a(b+c)},c);return p=b+c,d},d.caf=function(a){clearTimeout(a)}}return d.svg=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,e.features=d,d}};e.detectFeatures(),e.features.oldIE&&(e.bind=function(a,b,c,d){b=b.split(" ");for(var e,f=(d?"detach":"attach")+"Event",g=function(){c.handleEvent.call(c)},h=0;h<b.length;h++)if(e=b[h])if("object"==typeof c&&c.handleEvent){if(d){if(!c["oldIE"+e])return!1}else c["oldIE"+e]=g;a[f]("on"+e,c["oldIE"+e])}else a[f]("on"+e,c)});var f=this,g=25,h=3,i={allowPanToNext:!0,spacing:.12,bgOpacity:1,mouseUsed:!1,loop:!0,pinchToClose:!0,closeOnScroll:!0,closeOnVerticalDrag:!0,verticalDragRange:.75,hideAnimationDuration:333,showAnimationDuration:333,showHideOpacity:!1,focus:!0,escKey:!0,arrowKeys:!0,mainScrollEndFriction:.35,panEndFriction:.35,isClickableElement:function(a){return"A"===a.tagName},getDoubleTapZoom:function(a,b){return a?1:b.initialZoomLevel<.7?1:1.33},maxSpreadZoom:1.33,modal:!0,scaleMode:"fit"};e.extend(i,d);var j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,$,_,aa,ba,ca,da,ea,fa,ga,ha,ia,ja,ka,la=function(){return{x:0,y:0}},ma=la(),na=la(),oa=la(),pa={},qa=0,ra={},sa=la(),ta=0,ua=!0,va=[],wa={},xa=!1,ya=function(a,b){e.extend(f,b.publicMethods),va.push(a)},za=function(a){var b=_b();return a>b-1?a-b:0>a?b+a:a},Aa={},Ba=function(a,b){return Aa[a]||(Aa[a]=[]),Aa[a].push(b)},Ca=function(a){var b=Aa[a];if(b){var c=Array.prototype.slice.call(arguments);c.shift();for(var d=0;d<b.length;d++)b[d].apply(f,c)}},Da=function(){return(new Date).getTime()},Ea=function(a){ia=a,f.bg.style.opacity=a*i.bgOpacity},Fa=function(a,b,c,d,e){(!xa||e&&e!==f.currItem)&&(d/=e?e.fitRatio:f.currItem.fitRatio),a[E]=u+b+"px, "+c+"px"+v+" scale("+d+")"},Ga=function(a){da&&(a&&(s>f.currItem.fitRatio?xa||(lc(f.currItem,!1,!0),xa=!0):xa&&(lc(f.currItem),xa=!1)),Fa(da,oa.x,oa.y,s))},Ha=function(a){a.container&&Fa(a.container.style,a.initialPosition.x,a.initialPosition.y,a.initialZoomLevel,a)},Ia=function(a,b){b[E]=u+a+"px, 0px"+v},Ja=function(a,b){if(!i.loop&&b){var c=m+(sa.x*qa-a)/sa.x,d=Math.round(a-sb.x);(0>c&&d>0||c>=_b()-1&&0>d)&&(a=sb.x+d*i.mainScrollEndFriction)}sb.x=a,Ia(a,n)},Ka=function(a,b){var c=tb[a]-ra[a];return na[a]+ma[a]+c-c*(b/t)},La=function(a,b){a.x=b.x,a.y=b.y,b.id&&(a.id=b.id)},Ma=function(a){a.x=Math.round(a.x),a.y=Math.round(a.y)},Na=null,Oa=function(){Na&&(e.unbind(document,"mousemove",Oa),e.addClass(a,"pswp--has_mouse"),i.mouseUsed=!0,Ca("mouseUsed")),Na=setTimeout(function(){Na=null},100)},Pa=function(){e.bind(document,"keydown",f),N.transform&&e.bind(f.scrollWrap,"click",f),i.mouseUsed||e.bind(document,"mousemove",Oa),e.bind(window,"resize scroll",f),Ca("bindEvents")},Qa=function(){e.unbind(window,"resize",f),e.unbind(window,"scroll",r.scroll),e.unbind(document,"keydown",f),e.unbind(document,"mousemove",Oa),N.transform&&e.unbind(f.scrollWrap,"click",f),U&&e.unbind(window,p,f),Ca("unbindEvents")},Ra=function(a,b){var c=hc(f.currItem,pa,a);return b&&(ca=c),c},Sa=function(a){return a||(a=f.currItem),a.initialZoomLevel},Ta=function(a){return a||(a=f.currItem),a.w>0?i.maxSpreadZoom:1},Ua=function(a,b,c,d){return d===f.currItem.initialZoomLevel?(c[a]=f.currItem.initialPosition[a],!0):(c[a]=Ka(a,d),c[a]>b.min[a]?(c[a]=b.min[a],!0):c[a]<b.max[a]?(c[a]=b.max[a],!0):!1)},Va=function(){if(E){var b=N.perspective&&!G;return u="translate"+(b?"3d(":"("),void(v=N.perspective?", 0px)":")")}E="left",e.addClass(a,"pswp--ie"),Ia=function(a,b){b.left=a+"px"},Ha=function(a){var b=a.fitRatio>1?1:a.fitRatio,c=a.container.style,d=b*a.w,e=b*a.h;c.width=d+"px",c.height=e+"px",c.left=a.initialPosition.x+"px",c.top=a.initialPosition.y+"px"},Ga=function(){if(da){var a=da,b=f.currItem,c=b.fitRatio>1?1:b.fitRatio,d=c*b.w,e=c*b.h;a.width=d+"px",a.height=e+"px",a.left=oa.x+"px",a.top=oa.y+"px"}}},Wa=function(a){var b="";i.escKey&&27===a.keyCode?b="close":i.arrowKeys&&(37===a.keyCode?b="prev":39===a.keyCode&&(b="next")),b&&(a.ctrlKey||a.altKey||a.shiftKey||a.metaKey||(a.preventDefault?a.preventDefault():a.returnValue=!1,f[b]()))},Xa=function(a){a&&(X||W||ea||S)&&(a.preventDefault(),a.stopPropagation())},Ya=function(){f.setScrollOffset(0,e.getScrollY())},Za={},$a=0,_a=function(a){Za[a]&&(Za[a].raf&&I(Za[a].raf),$a--,delete Za[a])},ab=function(a){Za[a]&&_a(a),Za[a]||($a++,Za[a]={})},bb=function(){for(var a in Za)Za.hasOwnProperty(a)&&_a(a)},cb=function(a,b,c,d,e,f,g){var h,i=Da();ab(a);var j=function(){if(Za[a]){if(h=Da()-i,h>=d)return _a(a),f(c),void(g&&g());f((c-b)*e(h/d)+b),Za[a].raf=H(j)}};j()},db={shout:Ca,listen:Ba,viewportSize:pa,options:i,isMainScrollAnimating:function(){return ea},getZoomLevel:function(){return s},getCurrentIndex:function(){return m},isDragging:function(){return U},isZooming:function(){return _},setScrollOffset:function(a,b){ra.x=a,M=ra.y=b,Ca("updateScrollOffset",ra)},applyZoomPan:function(a,b,c,d){oa.x=b,oa.y=c,s=a,Ga(d)},init:function(){if(!j&&!k){var c;f.framework=e,f.template=a,f.bg=e.getChildByClass(a,"pswp__bg"),J=a.className,j=!0,N=e.detectFeatures(),H=N.raf,I=N.caf,E=N.transform,L=N.oldIE,f.scrollWrap=e.getChildByClass(a,"pswp__scroll-wrap"),f.container=e.getChildByClass(f.scrollWrap,"pswp__container"),n=f.container.style,f.itemHolders=y=[{el:f.container.children[0],wrap:0,index:-1},{el:f.container.children[1],wrap:0,index:-1},{el:f.container.children[2],wrap:0,index:-1}],y[0].el.style.display=y[2].el.style.display="none",Va(),r={resize:f.updateSize,scroll:Ya,keydown:Wa,click:Xa};var d=N.isOldIOSPhone||N.isOldAndroid||N.isMobileOpera;for(N.animationName&&N.transform&&!d||(i.showAnimationDuration=i.hideAnimationDuration=0),c=0;c<va.length;c++)f["init"+va[c]]();if(b){var g=f.ui=new b(f,e);g.init()}Ca("firstUpdate"),m=m||i.index||0,(isNaN(m)||0>m||m>=_b())&&(m=0),f.currItem=$b(m),(N.isOldIOSPhone||N.isOldAndroid)&&(ua=!1),a.setAttribute("aria-hidden","false"),i.modal&&(ua?a.style.position="fixed":(a.style.position="absolute",a.style.top=e.getScrollY()+"px")),void 0===M&&(Ca("initialLayout"),M=K=e.getScrollY());var l="pswp--open ";for(i.mainClass&&(l+=i.mainClass+" "),i.showHideOpacity&&(l+="pswp--animate_opacity "),l+=G?"pswp--touch":"pswp--notouch",l+=N.animationName?" pswp--css_animation":"",l+=N.svg?" pswp--svg":"",e.addClass(a,l),f.updateSize(),o=-1,ta=null,c=0;h>c;c++)Ia((c+o)*sa.x,y[c].el.style);L||e.bind(f.scrollWrap,q,f),Ba("initialZoomInEnd",function(){f.setContent(y[0],m-1),f.setContent(y[2],m+1),y[0].el.style.display=y[2].el.style.display="block",i.focus&&a.focus(),Pa()}),f.setContent(y[1],m),f.updateCurrItem(),Ca("afterInit"),ua||(w=setInterval(function(){$a||U||_||s!==f.currItem.initialZoomLevel||f.updateSize()},1e3)),e.addClass(a,"pswp--visible")}},close:function(){j&&(j=!1,k=!0,Ca("close"),Qa(),bc(f.currItem,null,!0,f.destroy))},destroy:function(){Ca("destroy"),Wb&&clearTimeout(Wb),a.setAttribute("aria-hidden","true"),a.className=J,w&&clearInterval(w),e.unbind(f.scrollWrap,q,f),e.unbind(window,"scroll",f),yb(),bb(),Aa=null},panTo:function(a,b,c){c||(a>ca.min.x?a=ca.min.x:a<ca.max.x&&(a=ca.max.x),b>ca.min.y?b=ca.min.y:b<ca.max.y&&(b=ca.max.y)),oa.x=a,oa.y=b,Ga()},handleEvent:function(a){a=a||window.event,r[a.type]&&r[a.type](a)},goTo:function(a){a=za(a);var b=a-m;ta=b,m=a,f.currItem=$b(m),qa-=b,Ja(sa.x*qa),bb(),ea=!1,f.updateCurrItem()},next:function(){f.goTo(m+1)},prev:function(){f.goTo(m-1)},updateCurrZoomItem:function(a){if(a&&Ca("beforeChange",0),y[1].el.children.length){var b=y[1].el.children[0];da=e.hasClass(b,"pswp__zoom-wrap")?b.style:null}else da=null;ca=f.currItem.bounds,t=s=f.currItem.initialZoomLevel,oa.x=ca.center.x,oa.y=ca.center.y,a&&Ca("afterChange")},invalidateCurrItems:function(){x=!0;for(var a=0;h>a;a++)y[a].item&&(y[a].item.needsUpdate=!0)},updateCurrItem:function(a){if(0!==ta){var b,c=Math.abs(ta);if(!(a&&2>c)){f.currItem=$b(m),xa=!1,Ca("beforeChange",ta),c>=h&&(o+=ta+(ta>0?-h:h),c=h);for(var d=0;c>d;d++)ta>0?(b=y.shift(),y[h-1]=b,o++,Ia((o+2)*sa.x,b.el.style),f.setContent(b,m-c+d+1+1)):(b=y.pop(),y.unshift(b),o--,Ia(o*sa.x,b.el.style),f.setContent(b,m+c-d-1-1));if(da&&1===Math.abs(ta)){var e=$b(z);e.initialZoomLevel!==s&&(hc(e,pa),lc(e),Ha(e))}ta=0,f.updateCurrZoomItem(),z=m,Ca("afterChange")}}},updateSize:function(b){if(!ua&&i.modal){var c=e.getScrollY();if(M!==c&&(a.style.top=c+"px",M=c),!b&&wa.x===window.innerWidth&&wa.y===window.innerHeight)return;wa.x=window.innerWidth,wa.y=window.innerHeight,a.style.height=wa.y+"px"}if(pa.x=f.scrollWrap.clientWidth,pa.y=f.scrollWrap.clientHeight,Ya(),sa.x=pa.x+Math.round(pa.x*i.spacing),sa.y=pa.y,Ja(sa.x*qa),Ca("beforeResize"),void 0!==o){for(var d,g,j,k=0;h>k;k++)d=y[k],Ia((k+o)*sa.x,d.el.style),j=m+k-1,i.loop&&_b()>2&&(j=za(j)),g=$b(j),g&&(x||g.needsUpdate||!g.bounds)?(f.cleanSlide(g),f.setContent(d,j),1===k&&(f.currItem=g,f.updateCurrZoomItem(!0)),g.needsUpdate=!1):-1===d.index&&j>=0&&f.setContent(d,j),g&&g.container&&(hc(g,pa),lc(g),Ha(g));x=!1}t=s=f.currItem.initialZoomLevel,ca=f.currItem.bounds,ca&&(oa.x=ca.center.x,oa.y=ca.center.y,Ga(!0)),Ca("resize")},zoomTo:function(a,b,c,d,f){b&&(t=s,tb.x=Math.abs(b.x)-oa.x,tb.y=Math.abs(b.y)-oa.y,La(na,oa));var g=Ra(a,!1),h={};Ua("x",g,h,a),Ua("y",g,h,a);var i=s,j={x:oa.x,y:oa.y};Ma(h);var k=function(b){1===b?(s=a,oa.x=h.x,oa.y=h.y):(s=(a-i)*b+i,oa.x=(h.x-j.x)*b+j.x,oa.y=(h.y-j.y)*b+j.y),f&&f(b),Ga(1===b)};c?cb("customZoomTo",0,1,c,d||e.easing.sine.inOut,k):k(1)}},eb=30,fb=10,gb={},hb={},ib={},jb={},kb={},lb=[],mb={},nb=[],ob={},pb=0,qb=la(),rb=0,sb=la(),tb=la(),ub=la(),vb=function(a,b){return a.x===b.x&&a.y===b.y},wb=function(a,b){return Math.abs(a.x-b.x)<g&&Math.abs(a.y-b.y)<g},xb=function(a,b){return ob.x=Math.abs(a.x-b.x),ob.y=Math.abs(a.y-b.y),Math.sqrt(ob.x*ob.x+ob.y*ob.y)},yb=function(){Y&&(I(Y),Y=null)},zb=function(){U&&(Y=H(zb),Pb())},Ab=function(){return!("fit"===i.scaleMode&&s===f.currItem.initialZoomLevel)},Bb=function(a,b){return a&&a!==document?a.getAttribute("class")&&a.getAttribute("class").indexOf("pswp__scroll-wrap")>-1?!1:b(a)?a:Bb(a.parentNode,b):!1},Cb={},Db=function(a,b){return Cb.prevent=!Bb(a.target,i.isClickableElement),Ca("preventDragEvent",a,b,Cb),Cb.prevent},Eb=function(a,b){return b.x=a.pageX,b.y=a.pageY,b.id=a.identifier,b},Fb=function(a,b,c){c.x=.5*(a.x+b.x),c.y=.5*(a.y+b.y)},Gb=function(a,b,c){if(a-P>50){var d=nb.length>2?nb.shift():{};d.x=b,d.y=c,nb.push(d),P=a}},Hb=function(){var a=oa.y-f.currItem.initialPosition.y;return 1-Math.abs(a/(pa.y/2))},Ib={},Jb={},Kb=[],Lb=function(a){for(;Kb.length>0;)Kb.pop();return F?(ka=0,lb.forEach(function(a){0===ka?Kb[0]=a:1===ka&&(Kb[1]=a),ka++})):a.type.indexOf("touch")>-1?a.touches&&a.touches.length>0&&(Kb[0]=Eb(a.touches[0],Ib),a.touches.length>1&&(Kb[1]=Eb(a.touches[1],Jb))):(Ib.x=a.pageX,Ib.y=a.pageY,Ib.id="",Kb[0]=Ib),Kb},Mb=function(a,b){var c,d,e,g,h=0,j=oa[a]+b[a],k=b[a]>0,l=sb.x+b.x,m=sb.x-mb.x;return c=j>ca.min[a]||j<ca.max[a]?i.panEndFriction:1,j=oa[a]+b[a]*c,!i.allowPanToNext&&s!==f.currItem.initialZoomLevel||(da?"h"!==fa||"x"!==a||W||(k?(j>ca.min[a]&&(c=i.panEndFriction,h=ca.min[a]-j,d=ca.min[a]-na[a]),(0>=d||0>m)&&_b()>1?(g=l,0>m&&l>mb.x&&(g=mb.x)):ca.min.x!==ca.max.x&&(e=j)):(j<ca.max[a]&&(c=i.panEndFriction,h=j-ca.max[a],d=na[a]-ca.max[a]),(0>=d||m>0)&&_b()>1?(g=l,m>0&&l<mb.x&&(g=mb.x)):ca.min.x!==ca.max.x&&(e=j))):g=l,"x"!==a)?void(ea||Z||s>f.currItem.fitRatio&&(oa[a]+=b[a]*c)):(void 0!==g&&(Ja(g,!0),Z=g===mb.x?!1:!0),ca.min.x!==ca.max.x&&(void 0!==e?oa.x=e:Z||(oa.x+=b.x*c)),void 0!==g)},Nb=function(a){if(!("mousedown"===a.type&&a.button>0)){if(Zb)return void a.preventDefault();if(!T||"mousedown"!==a.type){if(Db(a,!0)&&a.preventDefault(),Ca("pointerDown"),F){var b=e.arraySearch(lb,a.pointerId,"id");0>b&&(b=lb.length),lb[b]={x:a.pageX,y:a.pageY,id:a.pointerId}}var c=Lb(a),d=c.length;$=null,bb(),U&&1!==d||(U=ga=!0,e.bind(window,p,f),R=ja=ha=S=Z=X=V=W=!1,fa=null,Ca("firstTouchStart",c),La(na,oa),ma.x=ma.y=0,La(jb,c[0]),La(kb,jb),mb.x=sa.x*qa,nb=[{x:jb.x,y:jb.y}],P=O=Da(),Ra(s,!0),yb(),zb()),!_&&d>1&&!ea&&!Z&&(t=s,W=!1,_=V=!0,ma.y=ma.x=0,La(na,oa),La(gb,c[0]),La(hb,c[1]),Fb(gb,hb,ub),tb.x=Math.abs(ub.x)-oa.x,tb.y=Math.abs(ub.y)-oa.y,aa=ba=xb(gb,hb))}}},Ob=function(a){if(a.preventDefault(),F){var b=e.arraySearch(lb,a.pointerId,"id");if(b>-1){var c=lb[b];c.x=a.pageX,c.y=a.pageY}}if(U){var d=Lb(a);if(fa||X||_)$=d;else if(sb.x!==sa.x*qa)fa="h";else{var f=Math.abs(d[0].x-jb.x)-Math.abs(d[0].y-jb.y);Math.abs(f)>=fb&&(fa=f>0?"h":"v",$=d)}}},Pb=function(){if($){var a=$.length;if(0!==a)if(La(gb,$[0]),ib.x=gb.x-jb.x,ib.y=gb.y-jb.y,_&&a>1){if(jb.x=gb.x,jb.y=gb.y,!ib.x&&!ib.y&&vb($[1],hb))return;La(hb,$[1]),W||(W=!0,Ca("zoomGestureStarted"));var b=xb(gb,hb),c=Ub(b);c>f.currItem.initialZoomLevel+f.currItem.initialZoomLevel/15&&(ja=!0);var d=1,e=Sa(),g=Ta();if(e>c)if(i.pinchToClose&&!ja&&t<=f.currItem.initialZoomLevel){var h=e-c,j=1-h/(e/1.2);Ea(j),Ca("onPinchClose",j),ha=!0}else d=(e-c)/e,d>1&&(d=1),c=e-d*(e/3);else c>g&&(d=(c-g)/(6*e),d>1&&(d=1),c=g+d*e);0>d&&(d=0),aa=b,Fb(gb,hb,qb),ma.x+=qb.x-ub.x,ma.y+=qb.y-ub.y,La(ub,qb),oa.x=Ka("x",c),oa.y=Ka("y",c),R=c>s,s=c,Ga()}else{if(!fa)return;if(ga&&(ga=!1,Math.abs(ib.x)>=fb&&(ib.x-=$[0].x-kb.x),Math.abs(ib.y)>=fb&&(ib.y-=$[0].y-kb.y)),jb.x=gb.x,jb.y=gb.y,0===ib.x&&0===ib.y)return;if("v"===fa&&i.closeOnVerticalDrag&&!Ab()){ma.y+=ib.y,oa.y+=ib.y;var k=Hb();return S=!0,Ca("onVerticalDrag",k),Ea(k),void Ga()}Gb(Da(),gb.x,gb.y),X=!0,ca=f.currItem.bounds;var l=Mb("x",ib);l||(Mb("y",ib),Ma(oa),Ga())}}},Qb=function(a){if(N.isOldAndroid){if(T&&"mouseup"===a.type)return;a.type.indexOf("touch")>-1&&(clearTimeout(T),T=setTimeout(function(){T=0},600))}Ca("pointerUp"),Db(a,!1)&&a.preventDefault();var b;if(F){var c=e.arraySearch(lb,a.pointerId,"id");if(c>-1)if(b=lb.splice(c,1)[0],navigator.pointerEnabled)b.type=a.pointerType||"mouse";else{var d={4:"mouse",2:"touch",3:"pen"};b.type=d[a.pointerType],b.type||(b.type=a.pointerType||"mouse")}}var g,h=Lb(a),j=h.length;if("mouseup"===a.type&&(j=0),2===j)return $=null,!0;1===j&&La(kb,h[0]),0!==j||fa||ea||(b||("mouseup"===a.type?b={x:a.pageX,y:a.pageY,type:"mouse"}:a.changedTouches&&a.changedTouches[0]&&(b={x:a.changedTouches[0].pageX,y:a.changedTouches[0].pageY,type:"touch"})),Ca("touchRelease",a,b));var k=-1;if(0===j&&(U=!1,e.unbind(window,p,f),yb(),_?k=0:-1!==rb&&(k=Da()-rb)),rb=1===j?Da():-1,g=-1!==k&&150>k?"zoom":"swipe",_&&2>j&&(_=!1,1===j&&(g="zoomPointerUp"),Ca("zoomGestureEnded")),$=null,X||W||ea||S)if(bb(),Q||(Q=Rb()),Q.calculateSwipeSpeed("x"),S){var l=Hb();if(l<i.verticalDragRange)f.close();else{var m=oa.y,n=ia;cb("verticalDrag",0,1,300,e.easing.cubic.out,function(a){oa.y=(f.currItem.initialPosition.y-m)*a+m,Ea((1-n)*a+n),Ga()}),Ca("onVerticalDrag",1)}}else{if((Z||ea)&&0===j){var o=Tb(g,Q);if(o)return;g="zoomPointerUp"}if(!ea)return"swipe"!==g?void Vb():void(!Z&&s>f.currItem.fitRatio&&Sb(Q))}},Rb=function(){var a,b,c={lastFlickOffset:{},lastFlickDist:{},lastFlickSpeed:{},slowDownRatio:{},slowDownRatioReverse:{},speedDecelerationRatio:{},speedDecelerationRatioAbs:{},distanceOffset:{},backAnimDestination:{},backAnimStarted:{},calculateSwipeSpeed:function(d){nb.length>1?(a=Da()-P+50,b=nb[nb.length-2][d]):(a=Da()-O,b=kb[d]),c.lastFlickOffset[d]=jb[d]-b,c.lastFlickDist[d]=Math.abs(c.lastFlickOffset[d]),c.lastFlickDist[d]>20?c.lastFlickSpeed[d]=c.lastFlickOffset[d]/a:c.lastFlickSpeed[d]=0,Math.abs(c.lastFlickSpeed[d])<.1&&(c.lastFlickSpeed[d]=0),c.slowDownRatio[d]=.95,c.slowDownRatioReverse[d]=1-c.slowDownRatio[d],c.speedDecelerationRatio[d]=1},calculateOverBoundsAnimOffset:function(a,b){c.backAnimStarted[a]||(oa[a]>ca.min[a]?c.backAnimDestination[a]=ca.min[a]:oa[a]<ca.max[a]&&(c.backAnimDestination[a]=ca.max[a]),void 0!==c.backAnimDestination[a]&&(c.slowDownRatio[a]=.7,c.slowDownRatioReverse[a]=1-c.slowDownRatio[a],c.speedDecelerationRatioAbs[a]<.05&&(c.lastFlickSpeed[a]=0,c.backAnimStarted[a]=!0,cb("bounceZoomPan"+a,oa[a],c.backAnimDestination[a],b||300,e.easing.sine.out,function(b){oa[a]=b,Ga()}))))},calculateAnimOffset:function(a){c.backAnimStarted[a]||(c.speedDecelerationRatio[a]=c.speedDecelerationRatio[a]*(c.slowDownRatio[a]+c.slowDownRatioReverse[a]-c.slowDownRatioReverse[a]*c.timeDiff/10),c.speedDecelerationRatioAbs[a]=Math.abs(c.lastFlickSpeed[a]*c.speedDecelerationRatio[a]),c.distanceOffset[a]=c.lastFlickSpeed[a]*c.speedDecelerationRatio[a]*c.timeDiff,oa[a]+=c.distanceOffset[a])},panAnimLoop:function(){return Za.zoomPan&&(Za.zoomPan.raf=H(c.panAnimLoop),c.now=Da(),c.timeDiff=c.now-c.lastNow,c.lastNow=c.now,c.calculateAnimOffset("x"),c.calculateAnimOffset("y"),Ga(),c.calculateOverBoundsAnimOffset("x"),c.calculateOverBoundsAnimOffset("y"),c.speedDecelerationRatioAbs.x<.05&&c.speedDecelerationRatioAbs.y<.05)?(oa.x=Math.round(oa.x),oa.y=Math.round(oa.y),Ga(),void _a("zoomPan")):void 0}};return c},Sb=function(a){return a.calculateSwipeSpeed("y"),ca=f.currItem.bounds,a.backAnimDestination={},a.backAnimStarted={},Math.abs(a.lastFlickSpeed.x)<=.05&&Math.abs(a.lastFlickSpeed.y)<=.05?(a.speedDecelerationRatioAbs.x=a.speedDecelerationRatioAbs.y=0,a.calculateOverBoundsAnimOffset("x"),a.calculateOverBoundsAnimOffset("y"),!0):(ab("zoomPan"),a.lastNow=Da(),void a.panAnimLoop())},Tb=function(a,b){var c;ea||(pb=m);var d;if("swipe"===a){var g=jb.x-kb.x,h=b.lastFlickDist.x<10;g>eb&&(h||b.lastFlickOffset.x>20)?d=-1:-eb>g&&(h||b.lastFlickOffset.x<-20)&&(d=1)}var j;d&&(m+=d,0>m?(m=i.loop?_b()-1:0,j=!0):m>=_b()&&(m=i.loop?0:_b()-1,j=!0),(!j||i.loop)&&(ta+=d,qa-=d,c=!0));var k,l=sa.x*qa,n=Math.abs(l-sb.x);return c||l>sb.x==b.lastFlickSpeed.x>0?(k=Math.abs(b.lastFlickSpeed.x)>0?n/Math.abs(b.lastFlickSpeed.x):333,k=Math.min(k,400),k=Math.max(k,250)):k=333,pb===m&&(c=!1),ea=!0,Ca("mainScrollAnimStart"),cb("mainScroll",sb.x,l,k,e.easing.cubic.out,Ja,function(){bb(),ea=!1,pb=-1,(c||pb!==m)&&f.updateCurrItem(),Ca("mainScrollAnimComplete")}),c&&f.updateCurrItem(!0),c},Ub=function(a){return 1/ba*a*t},Vb=function(){var a=s,b=Sa(),c=Ta();b>s?a=b:s>c&&(a=c);var d,g=1,h=ia;return ha&&!R&&!ja&&b>s?(f.close(),!0):(ha&&(d=function(a){Ea((g-h)*a+h)}),f.zoomTo(a,0,200,e.easing.cubic.out,d),!0)};ya("Gestures",{publicMethods:{initGestures:function(){var a=function(a,b,c,d,e){A=a+b,B=a+c,C=a+d,D=e?a+e:""};F=N.pointerEvent,F&&N.touch&&(N.touch=!1),F?navigator.pointerEnabled?a("pointer","down","move","up","cancel"):a("MSPointer","Down","Move","Up","Cancel"):N.touch?(a("touch","start","move","end","cancel"),G=!0):a("mouse","down","move","up"),p=B+" "+C+" "+D,q=A,F&&!G&&(G=navigator.maxTouchPoints>1||navigator.msMaxTouchPoints>1),f.likelyTouchDevice=G,r[A]=Nb,r[B]=Ob,r[C]=Qb,D&&(r[D]=r[C]),N.touch&&(q+=" mousedown",p+=" mousemove mouseup",r.mousedown=r[A],r.mousemove=r[B],r.mouseup=r[C]),G||(i.allowPanToNext=!1)}}});var Wb,Xb,Yb,Zb,$b,_b,ac,bc=function(b,c,d,g){Wb&&clearTimeout(Wb),Zb=!0,Yb=!0;var h;b.initialLayout?(h=b.initialLayout,b.initialLayout=null):h=i.getThumbBoundsFn&&i.getThumbBoundsFn(m);var j=d?i.hideAnimationDuration:i.showAnimationDuration,k=function(){_a("initialZoom"),d?(f.template.removeAttribute("style"),f.bg.removeAttribute("style")):(Ea(1),c&&(c.style.display="block"),e.addClass(a,"pswp--animated-in"),Ca("initialZoom"+(d?"OutEnd":"InEnd"))),g&&g(),Zb=!1};if(!j||!h||void 0===h.x)return Ca("initialZoom"+(d?"Out":"In")),s=b.initialZoomLevel,La(oa,b.initialPosition),Ga(),a.style.opacity=d?0:1,Ea(1),void(j?setTimeout(function(){k()},j):k());var n=function(){var c=l,g=!f.currItem.src||f.currItem.loadError||i.showHideOpacity;b.miniImg&&(b.miniImg.style.webkitBackfaceVisibility="hidden"),d||(s=h.w/b.w,oa.x=h.x,oa.y=h.y-K,f[g?"template":"bg"].style.opacity=.001,Ga()),ab("initialZoom"),d&&!c&&e.removeClass(a,"pswp--animated-in"),g&&(d?e[(c?"remove":"add")+"Class"](a,"pswp--animate_opacity"):setTimeout(function(){e.addClass(a,"pswp--animate_opacity")},30)),Wb=setTimeout(function(){if(Ca("initialZoom"+(d?"Out":"In")),d){var f=h.w/b.w,i={x:oa.x,y:oa.y},l=s,m=ia,n=function(b){1===b?(s=f,oa.x=h.x,oa.y=h.y-M):(s=(f-l)*b+l,oa.x=(h.x-i.x)*b+i.x,oa.y=(h.y-M-i.y)*b+i.y),Ga(),g?a.style.opacity=1-b:Ea(m-b*m)};c?cb("initialZoom",0,1,j,e.easing.cubic.out,n,k):(n(1),Wb=setTimeout(k,j+20))}else s=b.initialZoomLevel,La(oa,b.initialPosition),Ga(),Ea(1),g?a.style.opacity=1:Ea(1),Wb=setTimeout(k,j+20)},d?25:90)};n()},cc={},dc=[],ec={index:0,errorMsg:'<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>',forceProgressiveLoading:!1,preload:[1,1],getNumItemsFn:function(){return Xb.length}},fc=function(){return{center:{x:0,y:0},max:{x:0,y:0},min:{x:0,y:0}}},gc=function(a,b,c){var d=a.bounds;d.center.x=Math.round((cc.x-b)/2),d.center.y=Math.round((cc.y-c)/2)+a.vGap.top,d.max.x=b>cc.x?Math.round(cc.x-b):d.center.x,d.max.y=c>cc.y?Math.round(cc.y-c)+a.vGap.top:d.center.y,d.min.x=b>cc.x?0:d.center.x,d.min.y=c>cc.y?a.vGap.top:d.center.y},hc=function(a,b,c){if(a.src&&!a.loadError){var d=!c;if(d&&(a.vGap||(a.vGap={top:0,bottom:0}),Ca("parseVerticalMargin",a)),cc.x=b.x,cc.y=b.y-a.vGap.top-a.vGap.bottom,d){var e=cc.x/a.w,f=cc.y/a.h;a.fitRatio=f>e?e:f;var g=i.scaleMode;"orig"===g?c=1:"fit"===g&&(c=a.fitRatio),c>1&&(c=1),a.initialZoomLevel=c,a.bounds||(a.bounds=fc())}if(!c)return;return gc(a,a.w*c,a.h*c),d&&c===a.initialZoomLevel&&(a.initialPosition=a.bounds.center),a.bounds}return a.w=a.h=0,a.initialZoomLevel=a.fitRatio=1,a.bounds=fc(),a.initialPosition=a.bounds.center,a.bounds},ic=function(a,b,c,d,e,g){b.loadError||d&&(b.imageAppended=!0,lc(b,d,b===f.currItem&&xa),c.appendChild(d),g&&setTimeout(function(){b&&b.loaded&&b.placeholder&&(b.placeholder.style.display="none",b.placeholder=null)},500))},jc=function(a){a.loading=!0,a.loaded=!1;var b=a.img=e.createEl("pswp__img","img"),c=function(){a.loading=!1,a.loaded=!0,a.loadComplete?a.loadComplete(a):a.img=null,b.onload=b.onerror=null,b=null};return b.onload=c,b.onerror=function(){a.loadError=!0,c()},b.src=a.src,b},kc=function(a,b){return a.src&&a.loadError&&a.container?(b&&(a.container.innerHTML=""),a.container.innerHTML=i.errorMsg.replace("%url%",a.src),!0):void 0},lc=function(a,b,c){if(a.src){b||(b=a.container.lastChild);var d=c?a.w:Math.round(a.w*a.fitRatio),e=c?a.h:Math.round(a.h*a.fitRatio);a.placeholder&&!a.loaded&&(a.placeholder.style.width=d+"px",a.placeholder.style.height=e+"px"),b.style.width=d+"px",b.style.height=e+"px"}},mc=function(){if(dc.length){for(var a,b=0;b<dc.length;b++)a=dc[b],a.holder.index===a.index&&ic(a.index,a.item,a.baseDiv,a.img,!1,a.clearPlaceholder);dc=[]}};ya("Controller",{publicMethods:{lazyLoadItem:function(a){a=za(a);var b=$b(a);b&&(!b.loaded&&!b.loading||x)&&(Ca("gettingData",a,b),b.src&&jc(b))},initController:function(){e.extend(i,ec,!0),f.items=Xb=c,$b=f.getItemAt,_b=i.getNumItemsFn,ac=i.loop,_b()<3&&(i.loop=!1),Ba("beforeChange",function(a){var b,c=i.preload,d=null===a?!0:a>=0,e=Math.min(c[0],_b()),g=Math.min(c[1],_b());for(b=1;(d?g:e)>=b;b++)f.lazyLoadItem(m+b);for(b=1;(d?e:g)>=b;b++)f.lazyLoadItem(m-b)}),Ba("initialLayout",function(){f.currItem.initialLayout=i.getThumbBoundsFn&&i.getThumbBoundsFn(m)}),Ba("mainScrollAnimComplete",mc),Ba("initialZoomInEnd",mc),Ba("destroy",function(){for(var a,b=0;b<Xb.length;b++)a=Xb[b],a.container&&(a.container=null),a.placeholder&&(a.placeholder=null),a.img&&(a.img=null),a.preloader&&(a.preloader=null),a.loadError&&(a.loaded=a.loadError=!1);dc=null})},getItemAt:function(a){return a>=0&&void 0!==Xb[a]?Xb[a]:!1},allowProgressiveImg:function(){return i.forceProgressiveLoading||!G||i.mouseUsed||screen.width>1200},setContent:function(a,b){i.loop&&(b=za(b));var c=f.getItemAt(a.index);c&&(c.container=null);var d,g=f.getItemAt(b);if(!g)return void(a.el.innerHTML="");Ca("gettingData",b,g),a.index=b,a.item=g;var h=g.container=e.createEl("pswp__zoom-wrap");if(!g.src&&g.html&&(g.html.tagName?h.appendChild(g.html):h.innerHTML=g.html),kc(g),hc(g,pa),!g.src||g.loadError||g.loaded)g.src&&!g.loadError&&(d=e.createEl("pswp__img","img"),d.style.opacity=1,d.src=g.src,lc(g,d),ic(b,g,h,d,!0));else{if(g.loadComplete=function(c){if(j){if(a&&a.index===b){if(kc(c,!0))return c.loadComplete=c.img=null,hc(c,pa),Ha(c),void(a.index===m&&f.updateCurrZoomItem());c.imageAppended?!Zb&&c.placeholder&&(c.placeholder.style.display="none",c.placeholder=null):N.transform&&(ea||Zb)?dc.push({item:c,baseDiv:h,img:c.img,index:b,holder:a,clearPlaceholder:!0}):ic(b,c,h,c.img,ea||Zb,!0)}c.loadComplete=null,c.img=null,Ca("imageLoadComplete",b,c)}},e.features.transform){var k="pswp__img pswp__img--placeholder";k+=g.msrc?"":" pswp__img--placeholder--blank";var l=e.createEl(k,g.msrc?"img":"");g.msrc&&(l.src=g.msrc),lc(g,l),h.appendChild(l),g.placeholder=l}g.loading||jc(g),f.allowProgressiveImg()&&(!Yb&&N.transform?dc.push({item:g,baseDiv:h,img:g.img,index:b,holder:a}):ic(b,g,h,g.img,!0,!0))}Yb||b!==m?Ha(g):(da=h.style,bc(g,d||g.img)),a.el.innerHTML="",a.el.appendChild(h)},cleanSlide:function(a){a.img&&(a.img.onload=a.img.onerror=null),a.loaded=a.loading=a.img=a.imageAppended=!1}}});var nc,oc={},pc=function(a,b,c){var d=document.createEvent("CustomEvent"),e={origEvent:a,target:a.target,releasePoint:b,pointerType:c||"touch"};d.initCustomEvent("pswpTap",!0,!0,e),a.target.dispatchEvent(d)};ya("Tap",{publicMethods:{initTap:function(){Ba("firstTouchStart",f.onTapStart),Ba("touchRelease",f.onTapRelease),Ba("destroy",function(){oc={},nc=null})},onTapStart:function(a){a.length>1&&(clearTimeout(nc),nc=null)},onTapRelease:function(a,b){if(b&&!X&&!V&&!$a){var c=b;if(nc&&(clearTimeout(nc),nc=null,wb(c,oc)))return void Ca("doubleTap",c);if("mouse"===b.type)return void pc(a,b,"mouse");var d=a.target.tagName.toUpperCase();if("BUTTON"===d||e.hasClass(a.target,"pswp__single-tap"))return void pc(a,b);La(oc,c),nc=setTimeout(function(){pc(a,b),nc=null},300)}}}});var qc;ya("DesktopZoom",{publicMethods:{initDesktopZoom:function(){L||(G?Ba("mouseUsed",function(){f.setupDesktopZoom()}):f.setupDesktopZoom(!0))},setupDesktopZoom:function(b){qc={};var c="wheel mousewheel DOMMouseScroll";Ba("bindEvents",function(){e.bind(a,c,f.handleMouseWheel)}),Ba("unbindEvents",function(){qc&&e.unbind(a,c,f.handleMouseWheel)}),f.mouseZoomedIn=!1;var d,g=function(){f.mouseZoomedIn&&(e.removeClass(a,"pswp--zoomed-in"),f.mouseZoomedIn=!1),1>s?e.addClass(a,"pswp--zoom-allowed"):e.removeClass(a,"pswp--zoom-allowed"),h()},h=function(){d&&(e.removeClass(a,"pswp--dragging"),d=!1)};Ba("resize",g),Ba("afterChange",g),Ba("pointerDown",function(){f.mouseZoomedIn&&(d=!0,e.addClass(a,"pswp--dragging"))}),Ba("pointerUp",h),b||g()},handleMouseWheel:function(a){if(s<=f.currItem.fitRatio)return i.modal&&(!i.closeOnScroll||$a||U?a.preventDefault():E&&Math.abs(a.deltaY)>2&&(l=!0,f.close())),!0;if(a.stopPropagation(),qc.x=0,"deltaX"in a)1===a.deltaMode?(qc.x=18*a.deltaX,qc.y=18*a.deltaY):(qc.x=a.deltaX,qc.y=a.deltaY);else if("wheelDelta"in a)a.wheelDeltaX&&(qc.x=-.16*a.wheelDeltaX),a.wheelDeltaY?qc.y=-.16*a.wheelDeltaY:qc.y=-.16*a.wheelDelta;else{if(!("detail"in a))return;qc.y=a.detail}Ra(s,!0);var b=oa.x-qc.x,c=oa.y-qc.y;(i.modal||b<=ca.min.x&&b>=ca.max.x&&c<=ca.min.y&&c>=ca.max.y)&&a.preventDefault(),f.panTo(b,c)},toggleDesktopZoom:function(b){b=b||{x:pa.x/2+ra.x,y:pa.y/2+ra.y};var c=i.getDoubleTapZoom(!0,f.currItem),d=s===c;f.mouseZoomedIn=!d,f.zoomTo(d?f.currItem.initialZoomLevel:c,b,333),e[(d?"remove":"add")+"Class"](a,"pswp--zoomed-in")}}});var rc,sc,tc,uc,vc,wc,xc,yc,zc,Ac,Bc,Cc,Dc={history:!0,galleryUID:1},Ec=function(){return Bc.hash.substring(1)},Fc=function(){rc&&clearTimeout(rc),tc&&clearTimeout(tc)},Gc=function(){var a=Ec(),b={};if(a.length<5)return b;var c,d=a.split("&");for(c=0;c<d.length;c++)if(d[c]){var e=d[c].split("=");e.length<2||(b[e[0]]=e[1])}if(i.galleryPIDs){var f=b.pid;for(b.pid=0,c=0;c<Xb.length;c++)if(Xb[c].pid===f){b.pid=c;break}}else b.pid=parseInt(b.pid,10)-1;return b.pid<0&&(b.pid=0),b},Hc=function(){if(tc&&clearTimeout(tc),$a||U)return void(tc=setTimeout(Hc,500));uc?clearTimeout(sc):uc=!0;var a=m+1,b=$b(m);b.hasOwnProperty("pid")&&(a=b.pid);var c=xc+"&gid="+i.galleryUID+"&pid="+a;yc||-1===Bc.hash.indexOf(c)&&(Ac=!0);var d=Bc.href.split("#")[0]+"#"+c;Cc?"#"+c!==window.location.hash&&history[yc?"replaceState":"pushState"]("",document.title,d):yc?Bc.replace(d):Bc.hash=c,yc=!0,sc=setTimeout(function(){uc=!1},60)};ya("History",{publicMethods:{initHistory:function(){if(e.extend(i,Dc,!0),i.history){Bc=window.location,Ac=!1,zc=!1,yc=!1,xc=Ec(),Cc="pushState"in history,xc.indexOf("gid=")>-1&&(xc=xc.split("&gid=")[0],xc=xc.split("?gid=")[0]),Ba("afterChange",f.updateURL),Ba("unbindEvents",function(){e.unbind(window,"hashchange",f.onHashChange)});var a=function(){wc=!0,zc||(Ac?history.back():xc?Bc.hash=xc:Cc?history.pushState("",document.title,Bc.pathname+Bc.search):Bc.hash=""),Fc()};Ba("unbindEvents",function(){l&&a()}),Ba("destroy",function(){wc||a()}),Ba("firstUpdate",function(){m=Gc().pid});var b=xc.indexOf("pid=");b>-1&&(xc=xc.substring(0,b),"&"===xc.slice(-1)&&(xc=xc.slice(0,-1))),setTimeout(function(){j&&e.bind(window,"hashchange",f.onHashChange)},40)}},onHashChange:function(){return Ec()===xc?(zc=!0,void f.close()):void(uc||(vc=!0,f.goTo(Gc().pid),vc=!1))},updateURL:function(){Fc(),vc||(yc?rc=setTimeout(Hc,800):Hc())}}}),e.extend(f,db)};return a});
\ No newline at end of file diff --git a/Recipes/Rhubarb & Strawberry Pavlova.html b/Recipes/Rhubarb & Strawberry Pavlova.html new file mode 100644 index 0000000..3e340a5 --- /dev/null +++ b/Recipes/Rhubarb & Strawberry Pavlova.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/DvTIAHAfK9c8Bme3rmd4YA.jpg?tr=w-800,h-1066"> + <img src="Images/C0A21164-0D83-407B-8016-581098113B64-60771-00000796797C6E7B/4BD53669-EF80-47FE-B1C6-F69EEC374FA9-60771-00000796CEDF64FA.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Rhubarb & Strawberry Pavlova</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="">1 hr 10 min</span> + <b>Servings: </b><span itemprop="">8 1 hour 10 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jamieoliver.com/recipes/fruit-recipes/rhubarb-strawberry-pavlova/"> + <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>6</strong> large free-range egg whites</p><p class="line" itemprop="recipeIngredient"><strong>360</strong> g white caster sugar</p><p class="line" itemprop="recipeIngredient">quality white chocolate</p><p class="line" itemprop="recipeIngredient">RHUBARB & STRAWBERRY COMPOTE</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g rhubarb</p><p class="line" itemprop="recipeIngredient"><strong>400</strong> g strawberries</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vanilla pod</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g white caster sugar , or more if needed, depending on sweetness of rhubarb</p><p class="line" itemprop="recipeIngredient">VANILLA CREAM</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> ml double cream</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon white caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vanilla pod , or ½ teaspoon vanilla extract</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 compote, trim and cut the rhubarb into 2cm chunks, then hull and halve the strawberries. Place all the compote ingredients in a pan with a dash of water and cook over a low heat until the fruit is soft. Allow to cool.Preheat the oven to 150°C/300°F/gas 2 and line a baking tray with greaseproof paper.Meanwhile, put the egg whites and sugar in a pan and gently heat, stirring constantly until the sugar dissolves. Pour into a mixing bowl and whisk till you have soft peaks. Spoon onto the greaseproof paper in 8 mini pavlovas and bake for 40 to 45 minutes until crunchy on the outside and soft inside.For the vanilla cream, whisk all the ingredients until the cream has increased in volume and keeps its shape.Assemble the pavlova by dolloping the cream on the meringue, followed by some fruit. To finish, shave or grate over white chocolate.</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 586 29%<br/>Fat 26.6g 38%<br/>Saturates 16.4g 82%<br/>Sugars 81g 90%<br/>Protein 5.4g 11%<br/>Carbs 81g 31%</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 index 559f102..a05a718 100644 --- a/Recipes/Rhubarb & stem ginger fool.html +++ b/Recipes/Rhubarb & stem ginger fool.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,43 +144,34 @@ </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> @@ -207,7 +179,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -249,15 +220,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -293,8 +262,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Rhubarb Ice Cream Sandwiches.html b/Recipes/Rhubarb Ice Cream Sandwiches.html index 76879ac..f63d7c1 100644 --- a/Recipes/Rhubarb Ice Cream Sandwiches.html +++ b/Recipes/Rhubarb Ice Cream Sandwiches.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Rice & Bean Chilli Bowl.html b/Recipes/Rice & Bean Chilli Bowl.html index 1cb4f5d..28937fc 100644 --- a/Recipes/Rice & Bean Chilli Bowl.html +++ b/Recipes/Rice & Bean Chilli Bowl.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,40 +104,31 @@ <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> - + <b>Servings: </b><span itemprop="">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"> @@ -148,36 +136,28 @@ </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> @@ -187,7 +167,5 @@ - - </body> </html> diff --git a/Recipes/Rice with Egg and Edamame.html b/Recipes/Rice with Egg and Edamame.html index e00d1cc..9089c43 100644 --- a/Recipes/Rice with Egg and Edamame.html +++ b/Recipes/Rice with Egg and Edamame.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html b/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html index 458481e..731005d 100644 --- a/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html +++ b/Recipes/Ricotta Dumplings with Tomato and Caper Sauce.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">45 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Ricotta Fritters.html b/Recipes/Ricotta Fritters.html index 10d60b5..4368d92 100644 --- a/Recipes/Ricotta Fritters.html +++ b/Recipes/Ricotta Fritters.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Roast Carrots And Sprouts.html b/Recipes/Roast Carrots And Sprouts.html index affbbc9..859ee98 100644 --- a/Recipes/Roast Carrots And Sprouts.html +++ b/Recipes/Roast Carrots And Sprouts.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </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 index 58a644a..c3e96d0 100644 --- a/Recipes/Roast Cauliflower, Almond And Barley With Parsley And Chilli.html +++ b/Recipes/Roast Cauliflower, Almond And Barley With Parsley And Chilli.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,43 +141,34 @@ </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> @@ -201,7 +176,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -243,31 +217,27 @@ // 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, + w: 2048, + h: 1431, 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, + w: 2048, + h: 1431, 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, + w: 2048, + h: 1431, title: '3' }, - ]; var index = 0; @@ -303,8 +273,5 @@ </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 index 5ac1bfd..1f13eaf 100644 --- a/Recipes/Roast Pumpkin, Baked Lentil & Spiced Nut salad.html +++ b/Recipes/Roast Pumpkin, Baked Lentil & Spiced Nut salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,23 +140,18 @@ </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"> @@ -179,14 +159,10 @@ </div> </div> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,63 +211,55 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '7' }, - ]; var index = 0; @@ -328,8 +295,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Roasted Brassicas with Puy Lentils & Halloumi.html b/Recipes/Roasted Brassicas with Puy Lentils & Halloumi.html new file mode 100644 index 0000000..bef743d --- /dev/null +++ b/Recipes/Roasted Brassicas with Puy Lentils & Halloumi.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/EapG3Zqx4p19KmBDNvvdak.jpg?tr=w-800,h-1066"> + <img src="Images/F04696B7-8ACE-40D9-87B6-FBC1384F7C20/7B300986-5A17-474B-A28A-F2563D356A56.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted Brassicas with Puy Lentils & Halloumi</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="">50 min</span> + <b>Servings: </b><span itemprop="">4 to 6 50 minutes</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/roasted-brassicas-with-puy-lentils-halloumi/"> + <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>800</strong> g broccoli and cauliflower</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> heaped teaspoon baharat (see tip)</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> litre organic vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> fresh bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> lemons</p><p class="line" itemprop="recipeIngredient">extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g walnuts</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large bunch of mixed soft herbs (parsley, mint, chervil)</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g halloumi cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</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 220ºC/425ºF/gas 7. Cut the broccoli and cauliflower into even-sized florets, then spread out in a single layer in a roasting tray. Drizzle with olive oil, sprinkle with baharat and season with sea salt and black pepper. Toss in the unpeeled cloves of garlic, then spread everything out in the tray and pop in the oven. Roast for 20 to 25 minutes, or until the veg is cooked through and charred on the outside. Pop the lentils in a medium-sized pan, pour over the hot stock and add the bay leaf. Gently bring to the boil over a medium heat, then reduce to a simmer and cook for 25 to 30 minutes, or until they’re cooked but still retain some bite. Drain and set aside.Make the dressing by squeezing the garlic out of its skin into a bowl. Mash until creamy, then squeeze in the lemon juice and season. Whisk to combine, then add a couple of tablespoons of extra virgin olive oil.Toast the walnuts in a dry frying pan over a medium heat. Pick and chop the herb leaves, then toss with the walnuts and set aside.Toss the hot lentils through the garlic dressing, followed by the roasted veggies, herbs and nuts. Pour a lug of olive oil into a medium-sized, non-stick frying pan over a medium heat. Chop and fry the halloumi until it’s golden. Drizzle over the honey and fry for 1 more minute, until sticky and caramelised. Scatter the halloumi over the salad 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 class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 770 39%<br/>Fat 48g 69%<br/>Saturates 15.3g 77%<br/>Sugars 12.4g 14%<br/>Salt -g 0%<br/>Protein 43.9g 88%<br/>Carbs 44.2g 17%</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Roasted Maple-Spiced Almond Butter.html b/Recipes/Roasted Maple-Spiced Almond Butter.html index 4fb7dfe..601830f 100644 --- a/Recipes/Roasted Maple-Spiced Almond Butter.html +++ b/Recipes/Roasted Maple-Spiced Almond Butter.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,43 +140,34 @@ </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> @@ -199,7 +175,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -241,15 +216,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -285,8 +258,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Roasted Pumpkin, Lentil & Almond Salad.html b/Recipes/Roasted Pumpkin, Lentil & Almond Salad.html new file mode 100644 index 0000000..e6cc4df --- /dev/null +++ b/Recipes/Roasted Pumpkin, Lentil & Almond Salad.html @@ -0,0 +1,266 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/035F8E3C-74C4-440E-BA1E-E83E03768CF1/48E5497C-90E2-4A49-8D9B-CD657F816B20.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted Pumpkin, Lentil & Almond Salad</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">Full of Veg</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Prep Time: </b><span itemprop="">15</span> + <b>Cook Time: </b><span itemprop="">60</span> + <b>Total Time: </b><span itemprop="">75</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.instagram.com/p/CyU0eDDvrbm/"> + <span itemprop="author">Instragram</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>Salad:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g baby spinach, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g pumpkin, chopped into small pieces</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>g brussels sprouts, chopped in half</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g canned chickpeas, drained, rinsed and dried with some paper towel</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons extra virgin olive</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g puy lentils, rinsed & drained</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g currants, soaked in boiling water for 10 seconds</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g roasted almonds, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g mint </p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pomegranate, seeds removed</p><p class="line" itemprop="recipeIngredient">Sea salt</p><p class="line" itemprop="recipeIngredient">Black pepper</p><br/><p class="line" itemprop="recipeIngredient"><strong><strong>Dressing:</strong></strong></p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>ml white wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> orange, juice squeezed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp honey or maple syrup</p><br/><p class="line" itemprop="recipeIngredient">Hummus to serve (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"><strong>Step 1</strong><br/>- <strong>Preheat the oven</strong> to <strong>200℃/180℃ (fan)</strong>.<br/>- Place the <strong>pumpkin</strong> and <strong>brussels sprout</strong> pieces on a large roasting tray.<br/>- Place the <strong>chickpeas</strong> on a separate roasting tray.<br/>- <strong>Drizzle</strong> both trays of ingredients with <strong>olive oil</strong> and <strong>season</strong> them well. <strong>Mix</strong> everything together using your hands.<br/>- <strong>Roast</strong> the <strong>chickpeas</strong> for <strong>20-25 minutes</strong> and the <strong>vegetables</strong> for about <strong>30-35 minutes</strong>, ensuring they're cooked through. (The pumpkin might need a bit more time.)<br/>- If desired, you can also <strong>roast</strong> the <strong>almonds</strong> for approximately <strong>15 minutes</strong> alongside the other ingredients.</p><p class="line"><strong>Step 2</strong> <br/>- Place a medium-sized pot of water onto boil.<br/>- Once boiling, add the <strong>lentils</strong> to the pot and turn down to a gentle simmer.<br/>- Cook for about <strong>12-14 minutes</strong>.<br/>- Drain and run through cold water.</p><p class="line"><strong>Step 3</strong> <br/>- In a large bowl: Add the <strong>spinach, lentils, roasted brussels sprouts, roasted pumpkin, crispy chickpeas, currants, and herbs</strong> (optional).<br/>- Season well and toss the salad together.<br/>- Then add the <strong>pomegranate seeds</strong>.</p><p class="line"><strong>Step 4</strong> <br/>- For the dressing: mix all ingredients in a small bowl or jug and season well.<br/>- Add half to the salad and toss well.</p><p class="line"><strong>Step 5</strong> <br/>- Serve up the salad into bowls and dollop over some <strong>hummus</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> + +<!-- 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/035F8E3C-74C4-440E-BA1E-E83E03768CF1/E9FCDB05-8999-4EC2-BCC9-0A0BE600B506.jpg', + src: 'Images/035F8E3C-74C4-440E-BA1E-E83E03768CF1/E9FCDB05-8999-4EC2-BCC9-0A0BE600B506.jpg', + w: 472, + h: 472, + 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 index d4b45db..90c6e9f 100644 --- a/Recipes/Roasted Thyme Tomato And Ricotta Bruschetta.html +++ b/Recipes/Roasted Thyme Tomato And Ricotta Bruschetta.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 800, + h: 532, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Roasted Tofu Bowl.html b/Recipes/Roasted Tofu Bowl.html new file mode 100644 index 0000000..542bac0 --- /dev/null +++ b/Recipes/Roasted Tofu Bowl.html @@ -0,0 +1,260 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted Tofu Bowl</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 --> + <b>Cook Time: </b><span itemprop="">25 min</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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>140</strong>g firm tofu, drained and diced</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g ginger, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp white miso paste</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp rice vinegar or white wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g quinoa</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g edamame or soya beans</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful mixed salad leaves</p><p class="line" itemprop="recipeIngredient"><strong>45</strong>g avocado, peeled, pitted and sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp sesame seeds, toasted</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/>Preheat the oven to 200°C. Pat the tofu dry with kitchen paper then tip into a roasting tin, drizzle with the oil and season to taste. Bake for 20 minutes, shaking halfway through cooking until golden. Meanwhile whisk together the ginger, miso and vinegar, add to the tofu and toss to coat.</p><p class="line"><strong>Step 2</strong><br/>Meanwhile cook the quinoa and edamame beans according to the packet instructions then drain.</p><p class="line"><strong>Step 3</strong><br/>Serve the tofu in a bowl on a bed of quinoa, edamame and salad leaves then garnish with avocado, sesame seeds 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/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg', + src: 'Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg', + w: 824, + h: 824, + 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 Veggies.html b/Recipes/Roasted Veggies.html new file mode 100644 index 0000000..8742ad9 --- /dev/null +++ b/Recipes/Roasted Veggies.html @@ -0,0 +1,256 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/6B478A72-A8BA-42BB-94EC-502633A9D8B1.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Roasted 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>1</strong> parsnip</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> white potatoes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> carrots</p><p class="line" itemprop="recipeIngredient">vegetable oil</p><p class="line" itemprop="recipeIngredient">butter</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 --> + <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<br/>While the mushrooms are cooking, peel and chop the potatoes in half<br/>Add the halved potatoes to a pot of boiled water, bring to the boil over a high heat and cook for 10-15 min or until fork-tender<br/>Once the potatoes are fork-tender, drain them in a colander and shake them until they're fluffy</p><p class="line">Top, tail, then halve the parsnip [s] lengthways (no need to peel!) and trim the ends from the Brussels sprouts Top, tail and chop the carrots in quarters lengthways<br/>Wipe out the reserved pan and return to a medium heat with a generous drizzle of vegetable oil<br/>Once hot, add the remaining dried sage with a generous pinch of salt and pepper and cook for 30 secs or until fragrant - this is your sage oil</p><p class="line">Add the cooked potatoes to one side of a baking tray (or two!) and drizzle over the sage oil (reserve the pan)<br/>Add the parsnip[s] and carrots to the other side of the baking tray with a generous knob of butter alternative and a pinch of salt and pepper and put the tray in the oven for an initial 15 min<br/>After 15 min, add the Brussels sprouts to the tray[s] with a knob of butter alternative and return to the oven for a further 15 min or until the potatoes are crispy - these are your sage roast potatoes & roasted vegetables</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/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/BC010A95-E9C3-4DBA-B082-F1F47D5CA888.jpg', + src: 'Images/FC3F3933-DEA5-41D9-B402-E7DF6D6A9352/BC010A95-E9C3-4DBA-B082-F1F47D5CA888.jpg', + w: 0, + h: 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 index 25ee271..7726415 100644 --- a/Recipes/Satay Cauliflower.html +++ b/Recipes/Satay Cauliflower.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,36 +144,28 @@ </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> @@ -202,7 +175,5 @@ - - </body> </html> diff --git a/Recipes/Sałatka.html b/Recipes/Sałatka.html index ff0e07d..44c2a48 100644 --- a/Recipes/Sałatka.html +++ b/Recipes/Sałatka.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/School Lunchbox Anzac Biscuits.html b/Recipes/School Lunchbox Anzac Biscuits.html new file mode 100644 index 0000000..22e52b3 --- /dev/null +++ b/Recipes/School Lunchbox Anzac Biscuits.html @@ -0,0 +1,180 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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://wholefoodsimply.com/wp-content/uploads/2014/06/nut-free-anzacs-768x958.jpg"> + <img src="Images/CE02C54B-7E78-4620-9F8C-51D6DA9F7E0F/19506E4C-A146-46DF-A780-166AEF77A54B.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">School Lunchbox Anzac Biscuits</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="">12</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://wholefoodsimply.com/school-lunchbox-anzac-biscuits/"> + <span itemprop="author">wholefoodsimply.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 oats</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup desiccated coconut</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tablespoons hulled tahini</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tablespoons honey</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> medjool dates</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon vanilla extract</p><p class="line" itemprop="recipeIngredient">Pinch of 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">Place the ingredients into your food processor and blend until the mixture is well combined and sticking together. Use your hands to press and shape the mixture into balls. Place the balls onto your prepared tray and gently flatten.</p><p class="line">Bake the Anzas for 12 – 14 minutes or until golden. Remove from the oven and leave to cool on the tray for 5 – 10 minutes before gently transferring to a cooling rack to cool completely.</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/Scrambled Egg & Baked Beans.html b/Recipes/Scrambled Egg & Baked Beans.html new file mode 100644 index 0000000..a5507ac --- /dev/null +++ b/Recipes/Scrambled Egg & Baked Beans.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Egg & Baked 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>1</strong> tin baked beans</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> eggs</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 Egg Wraps.html b/Recipes/Scrambled Egg Wraps.html new file mode 100644 index 0000000..b023fac --- /dev/null +++ b/Recipes/Scrambled Egg Wraps.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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 Egg Wraps</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>3</strong> Wraps</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> Eggs</p><p class="line" itemprop="recipeIngredient"><strong>9</strong> Cherry Tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> g Cheddar Cheese</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 index 57dd518..5e10664 100644 --- a/Recipes/Scrambled Eggs, Baked Beans & Mushrooms.html +++ b/Recipes/Scrambled Eggs, Baked Beans & Mushrooms.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Sesame Puffed Rice Bars.html b/Recipes/Sesame Puffed Rice Bars.html new file mode 100644 index 0000000..9359818 --- /dev/null +++ b/Recipes/Sesame Puffed Rice Bars.html @@ -0,0 +1,276 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/934BF13D-1579-401F-BD20-EE835FD8B7AC.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Sesame Puffed Rice Bars</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="">6 hr 10 min</span> + <b>Cook Time: </b><span itemprop="">5 min</span> + <b>Servings: </b><span itemprop="">20</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/sesame-puffed-rice-bars/lJTLbC2w?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>3/4</strong> cup tahini</p><p class="line" itemprop="recipeIngredient"><strong>3/4</strong> cup honey</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> cups puffed rice</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cups sunflower seeds</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> cups pepitas</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> cup 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">Grease a 20cm x 30cm lamington pan. Line base and sides with baking paper, extending paper 5cm above edges of pan.</p><p class="line">Place tahini and honey in a small saucepan over low heat. Cook, stirring occasionally, for 3 minutes or until honey has melted and mixture is combined.</p><p class="line">Combine puffed rice, sunflower seeds, pepitas and sesame seeds in a bowl. Add tahini mixture. Working quickly, stir until combined. Spoon mixture into prepared pan, pressing with the back of a spoon to level and compact (see notes). Refrigerate overnight or until set.</p><p class="line">Cut into 20 bars. Refrigerate until required.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Start this recipe the day before.</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>708 kj Energy 9.6g Fat Total 1.1g Saturated Fat 2.1g Fibre 4.1g Protein 43mg Sodium 16.3g Carbs (total)</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/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/FDC67D90-5DC4-4DB3-B7E0-1F69B117058A.jpg', + src: 'Images/7F6C17BE-FA1B-48DD-9F0A-9C5A8641B58B-21470-0000034A11BB4240/FDC67D90-5DC4-4DB3-B7E0-1F69B117058A.jpg', + w: 0, + h: 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/Silverbeet And Potato Torte.html b/Recipes/Silverbeet And Potato Torte.html index d91c6e5..5de6d35 100644 --- a/Recipes/Silverbeet And Potato Torte.html +++ b/Recipes/Silverbeet And Potato Torte.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">3 hrs</span> + <b>Cook Time: </b><span itemprop="">45 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,37 +146,30 @@ </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"> @@ -205,14 +177,10 @@ </div> </div> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> - - </div> @@ -220,7 +188,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -262,23 +229,20 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '2' }, - ]; var index = 0; @@ -314,8 +278,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Simple Jam Sandwich.html b/Recipes/Simple Jam Sandwich.html new file mode 100644 index 0000000..0034c02 --- /dev/null +++ b/Recipes/Simple Jam Sandwich.html @@ -0,0 +1,167 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Simple Jam Sandwich</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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-2</strong> tsp fruit jam</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> whole-grain bread slices</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> carrot sticks</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> rice crackers (side)</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/Simple Orzo Minestrone.html b/Recipes/Simple Orzo Minestrone.html index 4fba49f..cf8efd4 100644 --- a/Recipes/Simple Orzo Minestrone.html +++ b/Recipes/Simple Orzo Minestrone.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html b/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html index 0382c7f..93e0b76 100644 --- a/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html +++ b/Recipes/Smoky Chimichurri Mushroom Steaks with Crushed Potatoes.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Smoky Meat-Free Mince Enchiladas with Tomato Salsa.html b/Recipes/Smoky Meat-Free Mince Enchiladas with Tomato Salsa.html new file mode 100644 index 0000000..49c4b12 --- /dev/null +++ b/Recipes/Smoky Meat-Free Mince Enchiladas with Tomato Salsa.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/1493_Smoky-Beef-Enchiladas-With-Fresh-Tomato-Salsa-3310-1593512616612-1618397493608-x200.jpg"> + <img src="Images/CFD609EB-37E3-42BA-BDEA-B7A8BC5AAD55/D4B0760C-9DE8-4137-8EA2-B090AA9CD894.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Smoky Meat-Free Mince Enchiladas with Tomato Salsa</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="">30 min</span> + <b>Servings: </b><span itemprop="">2 or 4 servings</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/recipes/smoky-meat-free-mince-enchiladas-with-salsa"> + <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>250</strong>ml vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> plain tortillas</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g Meatless Farm mince</p><p class="line" itemprop="recipeIngredient"><strong>32</strong>g tomato paste</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp smoked paprika</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> spring onions</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g cheddar cheese †</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g coriander</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown 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 220°C/ 200°C (fan)/ gas 7</p><p class="line">Boil half a kettle</p><p class="line">Peel and finely chop the brown onion[s]</p><p class="line">Heat a large, wide-based pan (preferably non-stick) with a drizzle of olive oil over a medium heat</p><p class="line">Once hot, add the chopped onion with a pinch of salt and cook for 4-5 min or until softened</p><p class="line">While the onions are cooking, dissolve the vegetable stock mix and tomato paste in 250ml [500ml] boiled water – this is your tomato stock</p><p class="line">Once the onion has softened, add the meat-free mince, ground cumin, smoked paprika and chilli flakes (can't handle the heat? Go easy!) to the pan and cook for 4-6 min or until browned, breaking it up with a wooden spoon as you go</p><p class="line">Meanwhile, grate the cheddar cheese</p><p class="line">Increase the heat to high, add the tomato stock and cook for 2-3 min further or until the sauce has thickened to a ragù-like consistency – this is your smoky meat-free mince filling</p><p class="line">Grease an oven-proof dish with a little olive oil</p><p class="line">Once thickened, divide the smoky meat-free mince filling between the tortillas</p><p class="line">Roll each tortilla up and arrange them into the greased oven-proof dish</p><p class="line">Top with the grated cheese and a drizzle of olive oil</p><p class="line">Put the dish in the oven for 8-10 min or until the tortillas are beginning to crisp and the cheese has melted – these are your smoky meat-free mince enchiladas</p><p class="line">While the enchiladas are cooking, chop the cherry tomatoes in half</p><p class="line">Trim, then slice the spring onions</p><p class="line">Chop the coriander finely, including the stalks</p><p class="line">Add the halved cherry tomatoes, sliced spring onion and chopped coriander to a bowl with a drizzle of olive oil and a pinch of salt and pepper</p><p class="line">Stir it all together – this is your tomato salsa</p><p class="line">Serve the smoky meat-free mince enchiladas topped with the tomato salsa</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 780 kJ 2809 kJ 185 kcal 669 kcal<br/>Fat 7.1 g 25.7 g<br/>of which saturates 3.2 g 11.6 g<br/>Carbohydrate 19.0 g 68.3 g<br/>of which sugars 3.1 g 11.2 g<br/>Fibre 3.0 g 10.7 g<br/>Protein 10.4 g 37.6 g<br/>Salt 0.66 g 2.39 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 index 35229db..16a5e3e 100644 --- a/Recipes/Smoky Tomato Soup with Cheesy Spring Onion Dumplings.html +++ b/Recipes/Smoky Tomato Soup with Cheesy Spring Onion Dumplings.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,63 +104,43 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">0:10</span> + <b>Cook Time: </b><span itemprop="">0:45</span> + <b>Difficulty: </b><span itemprop="">Medium</span> + <b>Servings: </b><span itemprop="">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"> @@ -171,36 +148,28 @@ </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> @@ -210,7 +179,5 @@ - - </body> </html> diff --git a/Recipes/Sorrel & New Potato Frittata.html b/Recipes/Sorrel & New Potato Frittata.html index 244b62f..8c23f06 100644 --- a/Recipes/Sorrel & New Potato Frittata.html +++ b/Recipes/Sorrel & New Potato Frittata.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,54 +104,38 @@ <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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">12 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -162,35 +143,27 @@ </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"> @@ -198,9 +171,6 @@ </div> </div> - - - </div> @@ -210,7 +180,5 @@ - - </body> </html> diff --git a/Recipes/Sorrel Soup With Eggs.html b/Recipes/Sorrel Soup With Eggs.html index 118a0ed..02e9a12 100644 --- a/Recipes/Sorrel Soup With Eggs.html +++ b/Recipes/Sorrel Soup With Eggs.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">30 min</span> + <b>Cook Time: </b><span itemprop="">20 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -204,7 +175,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -246,15 +216,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -290,8 +258,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Soupe au pistou.html b/Recipes/Soupe au pistou.html index fb0dc16..3a21141 100644 --- a/Recipes/Soupe au pistou.html +++ b/Recipes/Soupe au pistou.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html b/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html index 1b4bf3e..a54adf4 100644 --- a/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html +++ b/Recipes/Spaghetti with Pea, Almond & Mint Pesto.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 minutes</span> + <b>Cook Time: </b><span itemprop="">15 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/Speedy Quiche Traybake (with Broccoli).html b/Recipes/Speedy Quiche Traybake (with Broccoli).html index e16dbb3..99bc456 100644 --- a/Recipes/Speedy Quiche Traybake (with Broccoli).html +++ b/Recipes/Speedy Quiche Traybake (with Broccoli).html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">40 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,30 +146,24 @@ </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"> @@ -198,13 +171,9 @@ </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"> @@ -212,9 +181,6 @@ </div> </div> - - - </div> @@ -224,7 +190,5 @@ - - </body> </html> diff --git a/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html b/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html index 2cfb438..152f8d3 100644 --- a/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html +++ b/Recipes/Spiced Spinach and Potatoes with Poached Eggs.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Spicy Cajun Chicken Quinoa.html b/Recipes/Spicy Cajun Chicken Quinoa.html new file mode 100644 index 0000000..1c17e57 --- /dev/null +++ b/Recipes/Spicy Cajun Chicken Quinoa.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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-589462_11-7e45ab1.jpg?quality=90&webp=true&resize=440,400"> + <img src="Images/E88DA164-1C39-487B-8FC3-2492D8B07E59/8AB2D11F-D5FA-464B-BD0C-FF8F7DDEB7BF.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Spicy Cajun Chicken Quinoa</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="">10 mins</span> + <b>Cook Time: </b><span itemprop="">25 mins</span> + <b>Servings: </b><span itemprop="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/spicy-cajun-chicken-quinoa/amp"> + <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>4</strong> skinless chicken breasts, cut into bite-sized pieces</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp Cajun seasoning</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g quinoa</p><p class="line" itemprop="recipeIngredient"><strong>600</strong>ml hot chicken stock</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g dried apricots, sliced</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> x 250g pouch ready-to-use Puy lentils</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> red onions, cut into thin wedges</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch spring onions, chopped</p><p class="line" itemprop="recipeIngredient">small bunch coriander, 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">Heat oven to 200C/180C fan/gas 6. Toss the chicken with the Cajun spice and arrange in a single layer in a roasting tin. Bake for 20 mins until the chicken is cooked. Set aside.</p><p class="line">Meanwhile, cook the quinoa in the chicken stock for 15 mins until tender, adding the apricots and lentils for the final 5 mins. Drain and place into a large bowl with the chicken, toss together.</p><p class="line">While the quinoa is cooking, heat the oil in a large frying pan and soften the onions for 10-15 mins. Toss the onions into the quinoa with the coriander and some seasoning, then mix well.</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/Spicy Feta Dip, Hummus & Crunchy Veggies.html b/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html index 697110d..3a15c7a 100644 --- a/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html +++ b/Recipes/Spicy Feta Dip, Hummus & Crunchy Veggies.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,36 +140,28 @@ </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> @@ -192,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -234,15 +210,13 @@ // 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, + w: 575, + h: 588, title: '1' }, - ]; var index = 0; @@ -278,8 +252,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html b/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html index 2daca7e..6d3e2cf 100644 --- a/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html +++ b/Recipes/Spinach & Cheese Savoury Lunchbox Muffins.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 mins</span> + <b>Cook Time: </b><span itemprop="">20 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Spinach & Feta Filo Pie.html b/Recipes/Spinach & Feta Filo Pie.html index 731a3bf..02e676b 100644 --- a/Recipes/Spinach & Feta Filo Pie.html +++ b/Recipes/Spinach & Feta Filo Pie.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Spinach & Feta Tart with Crispy Potatoes and Rocket Salad.html b/Recipes/Spinach & Feta Tart with Crispy Potatoes and Rocket Salad.html new file mode 100644 index 0000000..87a8864 --- /dev/null +++ b/Recipes/Spinach & Feta Tart with Crispy Potatoes and Rocket Salad.html @@ -0,0 +1,187 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/1780---SpinachAndFetaTart_Diffused-1606823919365-x200.jpg"> + <img src="Images/424B1437-DE6F-4CAC-A84F-54AEEABC90B0/9DCF68DF-0A90-4CCA-B2C6-4BDE777D3C3E.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach & Feta Tart with Crispy Potatoes and Rocket Salad</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="">40 min</span> + <b>Servings: </b><span itemprop="">2</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/spinach-feta-tart-crispy-potatoes-salad"> + <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">For 2 people</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g baby leaf spinach</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>g pumpkin seeds</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp dried oregano</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g soft cheese </p><p class="line" itemprop="recipeIngredient"><strong>5.5</strong>g Dijon mustard </p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g feta </p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g rocket</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g puff pastry </p><p class="line" itemprop="recipeIngredient"><strong>3</strong> white potatoes</p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml red wine vinegar </p><p class="line" itemprop="recipeIngredient"><strong>15</strong>ml balsamic vinegar </p><p class="line" itemprop="recipeIngredient"><strong>125</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> brown 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">For 2 people [double for 4]</p><p class="line">1. Preheat the oven to 220°C/ 200°C (fan)/ gas 7 and boil a kettle</p><p class="line">Peel and finely slice the brown onion[s]</p><p class="line">Heat a large, wide-based pan (preferably non-stick) with a drizzle of vegetable oil over a medium heat</p><p class="line">Once hot, add the sliced onion with a pinch of salt and sugar,reduce the heat to low and cook for a further 6-7 min or until softened and caramelised</p><p class="line">2. Wash the spinach, then add it 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 the cold running water until it's cool</p><p class="line">Once cool, squeeze the water out of the spinach as much as you can then chop it roughly</p><p class="line">3. Combine the soft cheese in a bowl with the Dijon mustard, 1 tbsp [2 tbsp] boiled water, and season with a pinch of salt and pepper</p><p class="line">Cut the potatoes (skins on) into bite-sized pieces</p><p class="line">4. 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</p><p class="line">Line half a baking tray (or two!) with non-stick baking paper</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 (the border will puff up and form a nice crust)</p><p class="line">5. Spread the soft cheese mix over the pastry within the border and top with the caramelised onion (reserve the pan), chopped spinach and pumpkin seeds, then crumble over the feta</p><p class="line">Add the chopped potatoes to the other side of the tray[s] with a drizzle of vegetable oil, the dried oregano and a pinch of salt</p><p class="line">Put the tray[s] in the oven for 25-30 min or until the pastry is cooked through and puffed up, and the potatoes are golden – this is your spinach & feta tart and crispy potatoes</p><p class="line">6. Return the reserved pan to a medium heat</p><p class="line">Once hot, add the cherry tomatoes with the balsamic vinegar and 1 tbsp [2 tbsp] olive oil, cook for 4-5 min or until the tomatoes have started to blister – these are your balsamic tomatoes</p><p class="line">7. Wash the rocket, then pat it dry with kitchen paper</p><p class="line">Combine the red wine vinegar with 2 tbsp [4 tbsp] olive oil in a large bowl</p><p class="line">Season with a pinch of salt – this is your dressing</p><p class="line">Once the tart is done, add the rocket to the dressing and give it a good mix up</p><p class="line">Cut the spinach & feta tart in half</p><p class="line">Serve the spinach & feta tart with the crispy potatoes, dressed rocket and balsamic tomatoes 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 575 kJ 2780 kJ 137 kcal 665 kcal<br/>Fat 7.6 g 37.0 g<br/>of which saturates 3.6 g 17.4 g<br/>Carbohydrate 13.8 g 66.9 g<br/>of which sugars 1.8 g 8.7 g<br/>Fibre 1.9 g 9.0 g<br/>Protein 3.4 g 16.7 g<br/>Salt 0.23 g 1.13 g</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Spinach & Quinoa Patties in a Bowl.html b/Recipes/Spinach & Quinoa Patties in a Bowl.html new file mode 100644 index 0000000..de0478c --- /dev/null +++ b/Recipes/Spinach & Quinoa Patties in a Bowl.html @@ -0,0 +1,180 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2014/11/Spinach_quinoa_patties_01.jpg"> + <img src="Images/FABC0359-0A98-4E99-8976-B24BC33E2A92/16606A35-6D1D-4EED-9461-9BF84E945D21.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach & Quinoa Patties in a 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="">10-12 patties</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://greenkitchenstories.com/spinach-quinoa-patties-in-a-bowl/"> + <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</strong> cup / 200 g uncooked quinoa OR 2 ½ cups pre-cooked quinoa, (black, white or red)</p><p class="line" itemprop="recipeIngredient"><strong>¾</strong> cup / 3 oz / 80 g rolled oats</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>7</strong> oz / 200 g sheep’s feta cheese</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g / 4 cups fresh spinach, chopped</p><p class="line" itemprop="recipeIngredient">sea salt & pepper</p><p class="line" itemprop="recipeIngredient">coconut oil, butter, olive oil or ghee for frying</p><p class="line" itemprop="recipeIngredient"><strong>To serve:</strong></p><p class="line" itemprop="recipeIngredient">lettuce</p><p class="line" itemprop="recipeIngredient">tomatoes</p><p class="line" itemprop="recipeIngredient">red cabbage</p><p class="line" itemprop="recipeIngredient">winter apple</p><p class="line" itemprop="recipeIngredient">soft boiled egg</p><p class="line" itemprop="recipeIngredient">cooked white beans</p><p class="line" itemprop="recipeIngredient">sprouts or micro greens</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 quinoa: Place 2 cups / 500 ml water, rinsed quinoa and a pinch of salt in a medium-size saucepan. Bring to a boil, lower the heat to a bare simmer and gently cook for about 15minutes, or until you see small tails on the quinoa seeds. Set aside to cool.</p><p class="line">In a large mixing bowl, place cooked quinoa, oats, eggs, feta cheese, chopped spinach, salt and pepper and combine until all is mixed. Place in the fridge to set for 30 minutes.</p><p class="line">Take out the mixture and form 10 to 12 patties with your hands. Heat the oil in a frying pan on medium heat. Add the patties and fry for about 2-3 minutes on each side or until golden brown. Serve with lettuce, tomatoes, soft boiled eggs, beans and sprouts or micro greens. The patties keep for 3-5 days in the fridge and freezes well.</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 Artichoke Pizza Spread.html b/Recipes/Spinach And Artichoke Pizza Spread.html index 36769e4..36b105b 100644 --- a/Recipes/Spinach And Artichoke Pizza Spread.html +++ b/Recipes/Spinach And Artichoke Pizza Spread.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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"> @@ -163,36 +144,28 @@ </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> @@ -202,7 +175,5 @@ - - </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..17a2920 --- /dev/null +++ b/Recipes/Spinach And Feta Flatbreads (Gözleme).html @@ -0,0 +1,256 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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: 0, + h: 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 index 0c741db..eafad19 100644 --- a/Recipes/Spinach and Mushroom Lasagne.html +++ b/Recipes/Spinach and Mushroom Lasagne.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,31 +211,27 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '3' }, - ]; var index = 0; @@ -296,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Spinach, Courgette & Leek Tart.html b/Recipes/Spinach, Courgette & Leek Tart.html index 1695f1b..a0f32bf 100644 --- a/Recipes/Spinach, Courgette & Leek Tart.html +++ b/Recipes/Spinach, Courgette & Leek Tart.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">25 minutes</span> + <b>Cook Time: </b><span itemprop="">40 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </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..991251a --- /dev/null +++ b/Recipes/Spinach, Penne And Cheese Spoufflé.html @@ -0,0 +1,255 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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="">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: 0, + h: 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 index 7e1dd01..8076ab7 100644 --- a/Recipes/Spudzanella + Eggs.html +++ b/Recipes/Spudzanella + Eggs.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">12 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,29 +146,22 @@ </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> @@ -197,7 +169,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -239,23 +210,20 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '2' }, - ]; var index = 0; @@ -291,8 +259,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Squash, Pea & Feta Frittatinis.html b/Recipes/Squash, Pea & Feta Frittatinis.html new file mode 100644 index 0000000..cf2dcb8 --- /dev/null +++ b/Recipes/Squash, Pea & Feta Frittatinis.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/squash-pea-feta-frittatinis-3ab2adc.jpg?quality=90&resize=440,400"> + <img src="Images/1CC7E367-F588-4602-BCB8-40E9B3C6521C/8DA38573-518D-4190-B419-52AFA86F82C0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Squash, Pea & Feta Frittatinis</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="">20 mins</span> + <b>Cook Time: </b><span itemprop="">25 mins</span> + <b>Servings: </b><span itemprop="">8</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/squash-pea-feta-frittatinis"> + <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 butternut squash</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g feta</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> large 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">Heat oven to 200C/180C fan/gas 6. Put the butternut squash in a bowl, cover with cling film and cook in the microwave on High for 5-7 mins until tender. Meanwhile, line 8 holes of a muffin tin with squares of baking parchment – allow a little overhang at the top as the frittatinis will puff up.</p><p class="line">Divide the squash, peas and feta between the lined muffin holes – they should be quite full. Beat the eggs in a jug with some seasoning, then pour into the muffin holes. Put the tin in the centre of the oven and bake for 20 mins. Leave to cool for about 15 mins before packing into a cooler bag for transporting, or chill for up to 24 hrs.</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/Stewed Rhubarb and Vanilla Yoghurt.html b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html index 57c1061..4ca3061 100644 --- a/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html +++ b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Stir Fry with NoodlesRice and Tofu.html b/Recipes/Stir Fry with NoodlesRice and Tofu.html new file mode 100644 index 0000000..ae34032 --- /dev/null +++ b/Recipes/Stir Fry with NoodlesRice and Tofu.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Stir Fry with Noodles/Rice and Tofu</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">egg noodles</p><p class="line" itemprop="recipeIngredient">tofu</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g broccoli</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g brussel sprouts</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g sugar snap peas </p><p class="line" itemprop="recipeIngredient"><strong>2</strong> carrots</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp honey</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp rice vinegar</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp cornstarch </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/Store-Bought Pies With Peas.html b/Recipes/Store-Bought Pies With Peas.html index 154f3fb..070bf14 100644 --- a/Recipes/Store-Bought Pies With Peas.html +++ b/Recipes/Store-Bought Pies With Peas.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Strawberry Crumpets.html b/Recipes/Strawberry Crumpets.html new file mode 100644 index 0000000..27facd0 --- /dev/null +++ b/Recipes/Strawberry Crumpets.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Strawberry Crumpets</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="">Easy</span> + <b>Servings: </b><span itemprop="">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> crumpets</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g strawberries </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp sugar</p><p class="line" itemprop="recipeIngredient"><strong>90</strong>g cream cheese </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/Strawberry Oatmeal Bars.html b/Recipes/Strawberry Oatmeal Bars.html new file mode 100644 index 0000000..e3c4c6f --- /dev/null +++ b/Recipes/Strawberry Oatmeal Bars.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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.joyfulhealthyeats.com/wp-content/uploads/2022/04/Healthy-Strawberry-Oatmeal-Bars-web-12-150x219.jpg"> + <img src="Images/44C626B6-9B7D-4F65-AC15-2AAE4FBE2145/072F304B-3734-4E7D-AE48-2EBAD52FF667.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Strawberry Oatmeal Bars</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="">5 mins</span> + <b>Cook Time: </b><span itemprop="">50 mins</span> + <b>Servings: </b><span itemprop="">Yield: 16</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.joyfulhealthyeats.com/strawberry-oatmeal-bars/"> + <span itemprop="author">joyfulhealthyeats.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">For the Crust & Crumble</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> tablespoons unsalted butter, melted</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> cups white whole wheat flour</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> cups regular oats (not the instant kind)</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup honey</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> cup brown sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon ground cinnamon</p><p class="line" itemprop="recipeIngredient">pinch of salt</p><p class="line" itemprop="recipeIngredient"><strong>For the Strawberry Filling:</strong></p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cups of sliced fresh strawberries</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoons fresh lemon juice</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon of vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon white whole wheat 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">Preheat oven to 350°F.</p><p class="line">Line the bottom of an 8×8 pan with parchment paper and spray with cooking spray for easy removal.</p><p class="line">To make the crust & crumble, to a large bowl add melted butter, white whole wheat flour, regular oats, honey, brown sugar, ground cinnamon and salt. Mix until just combined, mixture should be a little crumbly. Scoop out 1 cup of the mixture and set aside, that will be your crumble.</p><p class="line">Add the remaining mixture to the prepared pan. Spread the mixture out and using your fingers press into the bottom of the pan so the crust is in an even layer.</p><p class="line">To make the Strawberry Filling: to a small bowl add strawberries, lemon juice, vanilla extract, and white whole wheat flour. Toss to combine.</p><p class="line">Add the strawberry mixture on top of the crust and spread out evenly.</p><p class="line">Evenly sprinkle the crumble mixture over the top of the bars.</p><p class="line">Bake the bars for 50 minutes. Remove the bars from the pan and let sit for 10 minutes. Cut and serve.</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>To Store: Transfer cooled bars to an airtight container and refrigerate for up to 4 days. Feel free to pop each bar into the microwave for 10-15 seconds before chowing down if desired.</p><p>To Freeze: Transfer cooled bars to a freezer-safe container and freeze for up to 3 months. If bars are cut and must be stacked in the container, add a piece of parchment paper between layers to prevent sticking. Thaw out frozen bars in the fridge before enjoying.</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>Serving Size: 1 small bar<br/>Calories: 132<br/>Sugar: 5 g<br/>Sodium: 11 mg<br/>Fat: 5 g<br/>Saturated Fat: 3 g<br/>Carbohydrates: 20 g<br/>Fiber: 3 g<br/>Protein: 3 g<br/>Cholesterol: 11 mg</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Summer Slice.html b/Recipes/Summer Slice.html new file mode 100644 index 0000000..b96480a --- /dev/null +++ b/Recipes/Summer Slice.html @@ -0,0 +1,254 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/9FA9AE85-CA92-404C-BC64-553DC6EA57B8-13068-00000427BD26A8D0.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Summer Slice</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="">4-6</span> + + <!-- Source --> + <b>Source: </b> + + <span itemprop="author">In Praise of Veg pg.378</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> medium zucchinis</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>75</strong> g self raising flour</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g frozen corn</p><p class="line" itemprop="recipeIngredient"><strong>75</strong> g frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> eggs</p><p class="line" itemprop="recipeIngredient"><strong>125</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g cheese</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> heirloom 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> + +<!-- 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/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/F8DE5EA3-9E46-4227-873D-3077DD3789BD-13068-000004279E3843A5.jpg', + src: 'Images/47181B16-09A2-474D-9B75-4D6AF8DF06A7-13068-000004265F647645/F8DE5EA3-9E46-4227-873D-3077DD3789BD-13068-000004279E3843A5.jpg', + w: 0, + h: 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 Couscous & Lentil Salad.html b/Recipes/Sweet Couscous & Lentil Salad.html new file mode 100644 index 0000000..301cd3e --- /dev/null +++ b/Recipes/Sweet Couscous & Lentil Salad.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/wnNgF3xa/w643-h428-cfill-q90/taste/2016/11/sweet-couscous-lentil-salad-24734-1.jpeg"> + <img src="Images/98B4C5E0-07D3-4395-A212-474408F9EC2F/26926874-EDC0-4DDC-B184-7A3E610EEE12.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Sweet Couscous & Lentil Salad</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="">15 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/sweet-couscous-lentil-salad/51d3a325-f048-4bc5-b684-45360e0e204c"> + <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> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red onion, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tsp balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp brown sugar</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g (1/2 cup) couscous</p><p class="line" itemprop="recipeIngredient"><strong>125</strong>ml (1/2 cup) boiling water</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 400g can brown lentils, rinsed, drained</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup chopped fresh continental parsley</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> cup chopped fresh mint</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> fresh dates, pitted, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g (1/3 cup) sunflower kernels</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> x 250g punnet cherry tomatoes, halved</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp finely grated lemon rind</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml (1/3 cup) fresh lemon juice</p><p class="line" itemprop="recipeIngredient">Low-fat natural yoghurt, to serve</p><p class="line" itemprop="recipeIngredient">Lebanese bread, to serve</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">More options Red lentil tabouli with cherry tomatoes: Replace couscous and lentils with 90g (1/2 cup) burghul, soaked in cold water for 20 minutes, drained, and 210g (1 cup) red lentils, cooked in a saucepan of boiling water for 12-15 minutes. Pine nut & raisin lentil salad: Replace the dates and sunflower seed kernels with 55g (1/3 cup) pine nuts and 95g (1/2 cup) flame raisins, chopped. Caramelised chicken & couscous salad: Omit onion. Add 2 chicken breast fillets to the pan in step 1 and cook for 4-5 minutes each side or until cooked. Thinly slice and add to salad with 2-3 green shallots, ends trimmed, sliced.</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: 11.1 grams fat<br/>Calories: 104.43 calories<br/>Saturated Fat: 1.3 grams saturated fat<br/>Sodium: 34.8 milligrams sodium<br/>Cholesterol: 439.3 milligrams cholesterol<br/>Carbohydrate: 74.9 grams carbohydrates<br/>Sugar: 37.9 grams sugar<br/>Protein: 12.9 grams protein</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Sweet Potato Broccoli & Barley Salad.html b/Recipes/Sweet Potato Broccoli & Barley Salad.html index 27ad38f..fa3e3e8 100644 --- a/Recipes/Sweet Potato Broccoli & Barley Salad.html +++ b/Recipes/Sweet Potato Broccoli & Barley Salad.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,57 +104,40 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -165,36 +145,28 @@ </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> @@ -204,7 +176,5 @@ - - </body> </html> diff --git a/Recipes/Sweet Potato Fries.html b/Recipes/Sweet Potato Fries.html index 70e41ef..8ccc14d 100644 --- a/Recipes/Sweet Potato Fries.html +++ b/Recipes/Sweet Potato Fries.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">2 mins</span> + <b>Cook Time: </b><span itemprop="">20 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html b/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html index f3b6121..e762c3b 100644 --- a/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html +++ b/Recipes/Sweet Potato Gnocchi with Creamed Spinach.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,49 +104,36 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -157,36 +141,28 @@ </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> @@ -194,7 +170,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -236,31 +211,27 @@ // 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, + w: 0, + h: 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, + w: 0, + h: 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, + w: 0, + h: 0, title: '3' }, - ]; var index = 0; @@ -296,8 +267,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Sweet Potato, Ginger And Coconut Stew.html b/Recipes/Sweet Potato, Ginger And Coconut Stew.html index cc09c1d..879849c 100644 --- a/Recipes/Sweet Potato, Ginger And Coconut Stew.html +++ b/Recipes/Sweet Potato, Ginger And Coconut Stew.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,36 +135,28 @@ </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> @@ -185,7 +166,5 @@ - - </body> </html> diff --git a/Recipes/Sweet Tahini Scrolls.html b/Recipes/Sweet Tahini Scrolls.html index cd15411..0c0d459 100644 --- a/Recipes/Sweet Tahini Scrolls.html +++ b/Recipes/Sweet Tahini Scrolls.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,31 +104,24 @@ <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> @@ -139,29 +129,22 @@ <!-- 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> @@ -171,7 +154,5 @@ - - </body> </html> diff --git a/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html b/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html index dd30f38..30e80e2 100644 --- a/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html +++ b/Recipes/Sweetcorn & Courgette Fritters with Poached Eggs.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">15 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Tacos.html b/Recipes/Tacos.html index 9be6546..c1ff5a5 100644 --- a/Recipes/Tacos.html +++ b/Recipes/Tacos.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,47 +104,35 @@ <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> - + </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"> @@ -155,29 +140,22 @@ </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> @@ -185,7 +163,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -227,15 +204,13 @@ // 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, + w: 500, + h: 281, title: '1' }, - ]; var index = 0; @@ -271,8 +246,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Tahini Yogurt Sauce.html b/Recipes/Tahini Yogurt Sauce.html index cd68f1d..3473c03 100644 --- a/Recipes/Tahini Yogurt Sauce.html +++ b/Recipes/Tahini Yogurt Sauce.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 mins</span> + <b>Cook Time: </b><span itemprop="">10 mins</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/The Creamiest and Greenest One-Pot Pasta.html b/Recipes/The Creamiest and Greenest One-Pot Pasta.html index 8e51938..b5c31f5 100644 --- a/Recipes/The Creamiest and Greenest One-Pot Pasta.html +++ b/Recipes/The Creamiest and Greenest One-Pot Pasta.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">5 min</span> + <b>Cook Time: </b><span itemprop="">15 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,36 +147,28 @@ </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> @@ -206,7 +176,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -248,15 +217,13 @@ // 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, + w: 888, + h: 1332, title: '1' }, - ]; var index = 0; @@ -292,8 +259,5 @@ </script> - - - </body> </html> diff --git a/Recipes/The Ultimate Bare-Cupboard Pasta.html b/Recipes/The Ultimate Bare-Cupboard Pasta.html new file mode 100644 index 0000000..5279878 --- /dev/null +++ b/Recipes/The Ultimate Bare-Cupboard Pasta.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/oARWZnGG/w643-h428-cfill-q90/taste/2018/01/the-ultimate-bare-cupboard-pasta-134356-1.jpg"> + <img src="Images/DC780902-755A-490A-92E6-239F378BB4C1/84EB72B8-AA72-45FD-A0B4-2D3E391AC4EE.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">The Ultimate Bare-Cupboard 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="">10 min</span> + <b>Cook Time: </b><span itemprop="">5 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/ultimate-bare-cupboard-pasta/5DfpLhT8"> + <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>375</strong>g dried lasagne sheets, broken</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp extra virgin olive oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, crushed</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon, rind finely grated, juiced</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g cherry tomatoes, halved</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g (1/3 cup) pitted kalamata olives, halved</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g cannellini beans, rinsed, drained</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient">parmesan, 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">Cook the lasagne pieces in a large saucepan of boiling water, stirring occasionally to prevent sticking, for 5 minutes or until al dente. Drain.</p><p class="line">Meanwhile, combine the olive oil, garlic, chilli, if using, and lemon rind in a large, deep frying pan over medium heat. When the oil starts to sizzle, add the tomato. Cook, stirring occasionally, for 4-5 minutes or until softened.</p><p class="line">Add the olive, beans, spinach, lasagne pieces and lemon juice to the frying pan. Use tongs to toss to combine. Season. Divide among bowls and sprinkle 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 class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Fat: 14.8 grams fat<br/>Calories: 128.57 calories<br/>Saturated Fat: 1.8 grams saturated fat<br/>Sodium: 154.8 milligrams sodium<br/>Sugar: 6.0 grams sugar<br/>Carbohydrate: 83.4 grams carbohydrates<br/>Protein: 19.7 grams protein</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html b/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html index dd778a2..01dff9e 100644 --- a/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html +++ b/Recipes/Toast With Eggs, Avocado, Mushy-Peas.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Toasties.html b/Recipes/Toasties.html index 065ca25..3f7655c 100644 --- a/Recipes/Toasties.html +++ b/Recipes/Toasties.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,29 +135,22 @@ </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> @@ -178,7 +160,5 @@ - - </body> </html> diff --git a/Recipes/Tofu Edamame Combo.html b/Recipes/Tofu Edamame Combo.html new file mode 100644 index 0000000..9fb6267 --- /dev/null +++ b/Recipes/Tofu Edamame Combo.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Tofu Edamame Combo</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-3</strong> small pieces flavoured tofu</p><p class="line" itemprop="recipeIngredient"><strong>5-6</strong> edamame pods</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> dried pears</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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 index 9b0c636..f87631d 100644 --- a/Recipes/Tofu Katsu Curry.html +++ b/Recipes/Tofu Katsu Curry.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">0 min</span> + <b>Total Time: </b><span itemprop="">30 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -161,36 +143,28 @@ </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> @@ -198,7 +172,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -240,15 +213,13 @@ // 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, + w: 2035, + h: 812, title: '1' }, - ]; var index = 0; @@ -284,8 +255,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Tofu Satay Skewers with Pickled Cucumber.html b/Recipes/Tofu Satay Skewers with Pickled Cucumber.html index 33c59df..23a8737 100644 --- a/Recipes/Tofu Satay Skewers with Pickled Cucumber.html +++ b/Recipes/Tofu Satay Skewers with Pickled Cucumber.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </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 index e99dbe8..d25a56f 100644 --- a/Recipes/Tofu Schnitzel with Pickled Potato Salad and Green Beans.html +++ b/Recipes/Tofu Schnitzel with Pickled Potato Salad and Green Beans.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Total Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,35 +146,27 @@ </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"> @@ -203,9 +174,6 @@ </div> </div> - - - </div> @@ -215,7 +183,5 @@ - - </body> </html> diff --git a/Recipes/Tomato Dhal.html b/Recipes/Tomato Dhal.html index c1ead2e..ca00a29 100644 --- a/Recipes/Tomato Dhal.html +++ b/Recipes/Tomato Dhal.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,55 +104,39 @@ <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> - + </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> - + <b>Servings: </b><span itemprop="">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"> @@ -163,29 +144,22 @@ </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> @@ -193,7 +167,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -235,15 +208,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -279,8 +250,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Tomato Soup.html b/Recipes/Tomato Soup.html index 834eb19..a398411 100644 --- a/Recipes/Tomato Soup.html +++ b/Recipes/Tomato Soup.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,38 +104,30 @@ <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"> @@ -146,36 +135,28 @@ </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> @@ -185,7 +166,5 @@ - - </body> </html> diff --git a/Recipes/Turkey Cranberry Cream Cheese Sandwich.html b/Recipes/Turkey Cranberry Cream Cheese Sandwich.html new file mode 100644 index 0000000..d8718ec --- /dev/null +++ b/Recipes/Turkey Cranberry Cream Cheese Sandwich.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Turkey Cranberry Cream Cheese Sandwich</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-3</strong> slices turkey</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp cranberry sauce</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> whole-grain bread slices</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> baby cucumbers</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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> + + + + </body> +</html> diff --git a/Recipes/Turkey Cranberry Cream Cheese Wrap.html b/Recipes/Turkey Cranberry Cream Cheese Wrap.html new file mode 100644 index 0000000..f0776ac --- /dev/null +++ b/Recipes/Turkey Cranberry Cream Cheese Wrap.html @@ -0,0 +1,166 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Turkey Cranberry Cream Cheese Wrap</h1> + + <!-- Info --> + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + <p itemprop="recipeCategory" class="categories">School Lunches</p> + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + <b>Servings: </b><span itemprop="">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-3</strong> slices turkey</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp cranberry sauce</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp cream cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> whole-grain wrap</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> baby cucumbers</p><p class="line" itemprop="recipeIngredient">Small handful chocolate chickpeas (side)</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> + + + + </body> +</html> diff --git a/Recipes/Vanilla & Berry Chia Pudding.html b/Recipes/Vanilla & Berry Chia Pudding.html new file mode 100644 index 0000000..40d3724 --- /dev/null +++ b/Recipes/Vanilla & Berry Chia Pudding.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Vanilla & Berry Chia Pudding</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="">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 chia seeds</p><p class="line" itemprop="recipeIngredient"><strong>470</strong>ml almond milk, unsweetened</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp vanilla extract</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp agave or maple syrup</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful mixed berries, 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/Vegan Chickpea Satay Curry.html b/Recipes/Vegan Chickpea Satay Curry.html index 302f289..145a88d 100644 --- a/Recipes/Vegan Chickpea Satay Curry.html +++ b/Recipes/Vegan Chickpea Satay Curry.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 min</span> + <b>Cook Time: </b><span itemprop="">30 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,35 +147,27 @@ </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"> @@ -205,9 +175,6 @@ </div> </div> - - - </div> @@ -217,7 +184,5 @@ - - </body> </html> diff --git a/Recipes/Vegemite On Crackers.html b/Recipes/Vegemite On Crackers.html new file mode 100644 index 0000000..3907a17 --- /dev/null +++ b/Recipes/Vegemite On Crackers.html @@ -0,0 +1,165 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Vegemite On Crackers</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 --> + + <!-- 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">crackers</p><p class="line" itemprop="recipeIngredient">vegemite </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/Vegetable Savoury Muffins.html b/Recipes/Vegetable Savoury Muffins.html index 3bc6ec6..81f3359 100644 --- a/Recipes/Vegetable Savoury Muffins.html +++ b/Recipes/Vegetable Savoury Muffins.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">15 minutes</span> + <b>Cook Time: </b><span itemprop="">20 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,30 +147,24 @@ </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"> @@ -200,13 +172,9 @@ </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"> @@ -214,9 +182,6 @@ </div> </div> - - - </div> @@ -226,7 +191,5 @@ - - </body> </html> diff --git a/Recipes/Vegetarian Chow Mein with Broccoli, Carrot and Mushroom.html b/Recipes/Vegetarian Chow Mein with Broccoli, Carrot and Mushroom.html new file mode 100644 index 0000000..98006ff --- /dev/null +++ b/Recipes/Vegetarian Chow Mein with Broccoli, Carrot and Mushroom.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/1c80d88c32639b7843a292de93044e0e?impolicy=wcms_crop_resize&cropH=1079&cropW=1919&xPos=0&yPos=1&width=862&height=485"> + <img src="Images/8B291879-B07D-4167-83F0-0A10E0EB8202/0278FB07-779E-4D3D-A492-9962901BB74F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Vegetarian Chow Mein with Broccoli, Carrot and Mushroom</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="">0:15</span> + <b>Cook Time: </b><span itemprop="">0:20</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.abc.net.au/everyday/vegetarian-chow-mein/100293310"> + <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>250</strong>g dried egg or wheat noodles</p><p class="line" itemprop="recipeIngredient"><strong>6</strong> dried shiitake mushrooms, soaked in boiling water for 30–60 mins</p><p class="line" itemprop="recipeIngredient">Neutral oil such as rice bran or sunflower</p><p class="line" itemprop="recipeIngredient">Fine sea salt</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong>cm piece ginger, finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g (1 large) carrot, peeled and thinly sliced into discs</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g (1 head) broccoli, cut into bite size florets</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> spring onion, finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon toasted white sesame seeds</p><p class="line" itemprop="recipeIngredient">White pepper, to taste</p><p class="line" itemprop="recipeIngredient">Seasoning sauce</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon vegetarian stir-fry sauce or oyster sauce, see tips above</p><p class="line" itemprop="recipeIngredient"><strong>180</strong>ml (¾ cup) mushroom soaking liquid or vegetable stock</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> teaspoon sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> teaspoon sugar</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> teaspoon cornflour</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon Shaoxing wine</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon soy 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">1. Bring a large pot of salted water to the boil. Add the noodles and cook according to packet instructions. Allow to drain well.</p><p class="line">2. Drain the shiitake mushrooms, reserving the soaking liquid for the sauce, and finely slice.</p><p class="line">3. Prepare the sauce by combining all the ingredients into a small bowl and whisking well.</p><p class="line">4. Heat a large 10–12 inch heavy fry pan on medium-high heat. Add 2 tablespoons of neutral oil and the noodles. Add 1 teaspoon of salt, along with the sesame oil and toss the noodles to evenly coat. Push the noodles evenly around the pan and leave them to cook for 4–5 minutes, until a crispy skin has formed at the bottom. Toss the noodles so that some of the soft noodles are now at the bottom and cook for another 4–5 minutes until there's a crispy bottom.</p><p class="line">5. Heat oven to 180˚C. Carefully slide the noodles onto a foiled lined tray so that the crispy layer is on the bottom and transfer to the oven to keep warm while you prepare the veggies.</p><p class="line">6. To the same pan on medium heat, add 1 tablespoon of neutral oil, along with the garlic and ginger and fry for 20–30 seconds until fragrant. Add the carrots and broccoli and stir fry for 4–5 minutes until softened. Increase heat to medium-high, add the mushrooms and toss (if it looks dry, add another drizzle of oil). Stir fry for 2–3 minutes until all the vegetables are just tender. Stir the sauce and add it to the vegetables, and toss to evenly distribute. Continue to stir until the sauce thickens and when it does, turn off the heat.</p><p class="line">7. Remove the noodles from the oven and carefully slide it, crispy side down, onto a large serving plate or platter. Scoop the saucy vegetables onto the noodles and top with shallots, sesame seeds and a little white 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> + + + + </body> +</html> diff --git a/Recipes/Vegetarian Chow Mein.html b/Recipes/Vegetarian Chow Mein.html new file mode 100644 index 0000000..c5897ac --- /dev/null +++ b/Recipes/Vegetarian Chow Mein.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/V6gt1fo7/w643-h428-cfill-q90/taste/2017/10/vegetarian-chow-mein-131301-1.jpg"> + <img src="Images/88C0426A-E3DE-4624-B8E4-3694E1DFAD54-21470-000003520F36F90D/D8A39C7A-BC52-4F85-B0E4-3DC5AAA621E8-21470-0000035211E3E1C7.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Vegetarian Chow Mein</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="">20 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.taste.com.au/recipes/vegetarian-chow-mein/pbuwelfp"> + <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>450</strong>g pkt shelf-fresh hokkien noodles</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml (1/3 cup) black bean sauce</p><p class="line" itemprop="recipeIngredient"><strong>80</strong>ml (1/3 cup) salt-reduced soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons honey</p><p class="line" itemprop="recipeIngredient"><strong>1 1/2</strong> tablespoons vegetable 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> bunches broccolini, halved crossways</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> celery sticks, thinly sliced diagonally</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> garlic cloves, thinly sliced</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g pkt Chinese (honey soy) marinated tofu, cut into thin strips</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> teaspoons sesame seeds, toasted</p><p class="line" itemprop="recipeIngredient">Chopped fresh red chilli, 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">Place the noodles in a large heatproof bowl and cover with boiling water. Set aside for 5 minutes to soak. Use a fork or chopsticks to separate the noodles. Drain well.</p><p class="line">Meanwhile, combine the black bean sauce, soy sauce, sesame oil and honey in a bowl. Set aside.</p><p class="line">Heat 1 tbs of the vegetable oil in a wok or large, deep frying pan over medium-high heat. Add the onion and stir-fry for 1 minute. Add the broccolini, celery and garlic. Stir-fry for a further 3-4 minutes or until tender-crisp. Transfer to a bowl and set aside.</p><p class="line">Heat the remaining 2 tsp oil in the wok and add the tofu. Cook, stirring occasionally for 3-4 minutes or until heated through – the tofu will break up slightly but that’s okay.</p><p class="line">Add the noodles, sauce mixture and vegetables to the wok. Use 2 wooden spoons to toss to combine. Divide among serving bowls. Sprinkle with sesame seeds and chilli.</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/Vegetarian Tray Bake with Salt and Vinegar Potatoes, Haloumi and Greens.html b/Recipes/Vegetarian Tray Bake with Salt and Vinegar Potatoes, Haloumi and Greens.html new file mode 100644 index 0000000..4ce9bde --- /dev/null +++ b/Recipes/Vegetarian Tray Bake with Salt and Vinegar Potatoes, Haloumi and Greens.html @@ -0,0 +1,182 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/e8e164ce7ca8a0b1bda64a6b2ab6a6e6?impolicy=wcms_crop_resize&cropH=1406&cropW=2500&xPos=0&yPos=21&width=862&height=485"> + <img src="Images/B47FC75E-A638-4D94-93E9-5A13621C0263/B9A078BC-4183-4C6E-87FB-D59FEBA3B386.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Vegetarian Tray Bake with Salt and Vinegar Potatoes, Haloumi and Greens</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="">0:10</span> + <b>Cook Time: </b><span itemprop="">35 min</span> + <b>Servings: </b><span itemprop="">4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.abc.net.au/everyday/vegetarian-tray-bake-with-potatoes-haloumi-and-greens/100144364"> + <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>1</strong>kg waxy potatoes, such as Dutch creams or Nicolas</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tablespoons extra virgin olive oil</p><p class="line" itemprop="recipeIngredient">Flaky sea salt</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g haloumi, about two packets (depending on brand)</p><p class="line" itemprop="recipeIngredient">Freshly cracked black pepper</p><p class="line" itemprop="recipeIngredient"><strong>3-4</strong> tablespoons white wine vinegar, see tips above for substitutions</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> big handfuls rocket or other leafy greens, such as baby spinach or sliced silverbeet</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large or 2 small French shallots, see tips above for substitutions</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> unwaxed lemon, for juice and zest</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bunch of mint</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 180°C and select two baking trays (ideally 40cm x 30cm).</p><p class="line">2. Scrub the potatoes then dry with a tea towel. Cut the potatoes in half lengthways, then into 1.5cm wide half-moons.</p><p class="line">3. Divide the potatoes across the two trays. Drizzle four tablespoons of olive oil over the potatoes (2 tablespoons per tray) with a generous pinch of flaky sea salt, then use your hands to massage the oil and salt into them. Ideally, the biggest surface area of each potato is in contact with the baking tray.</p><p class="line">4. Place the trays in the oven and roast for about 15 minutes until the potatoes are just beginning to turn golden.</p><p class="line">5. While you wait, prep the other ingredients: slice each slab of haloumi in half so you have a total of four rectangular pieces, if using two blocks of haloumi. This is to ensure the cheese cooks nicely without drying out (you'll be tearing it into chunks later). Finely dice the shallots; and finely chop the mint (making sure the chopping board is dry when you do so, so the mint stays fresh).</p><p class="line">6. After 15 minutes, remove the trays and toss the potatoes. Make space for the haloumi in the middle of the trays, then place two slabs on each. Crack some pepper over the haloumi and drizzle with oil, then return the trays to the oven and roast for 10-15 more minutes until the potatoes are golden brown and the haloumi is warmed through with golden edges. Keep in mind that each brand of haloumi will cook a little differently.</p><p class="line">7. Remove the haloumi onto a chopping board and set aside. Drizzle 3 tablespoons vinegar over the potatoes (1.5 tablespoons per tray). Give it a moment to allow the potatoes to soak up the vinegar, then divide the rocket and shallots between the trays. Give everything a toss to distribute the vinegar and allow the rocket to wilt. Taste a potato and add more vinegar as desired. The vinegar should shout at you, albeit pleasantly.</p><p class="line">8. Tear the haloumi into bite-sized chunks and add them to a mixing bowl. Top with lemon zest and juice, then give everything a stir.</p><p class="line">9. Serve the potatoes, rocket and shallots in bowls and top with haloumi chunks, along with any juice in the bottom of the bowl. Scatter mint 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> + + + + </body> +</html> diff --git a/Recipes/Veggie Fry-up.html b/Recipes/Veggie Fry-up.html new file mode 100644 index 0000000..467f346 --- /dev/null +++ b/Recipes/Veggie Fry-up.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Veggie Fry-up</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> egggs</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> slices sourdough bread</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>225</strong>g cherry tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>320</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cans baked beans</p><p class="line" itemprop="recipeIngredient">olive oil</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/Veggie Gyoza with Edamame & Egg.html b/Recipes/Veggie Gyoza with Edamame & Egg.html index 73a6c64..95899ca 100644 --- a/Recipes/Veggie Gyoza with Edamame & Egg.html +++ b/Recipes/Veggie Gyoza with Edamame & Egg.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,53 +104,38 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">15</span> + <b>Difficulty: </b><span itemprop="">Easy</span> + <b>Servings: </b><span itemprop="">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"> @@ -161,29 +143,22 @@ </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> @@ -191,7 +166,6 @@ </div> - <!-- Photo gallery is only included when exporting. --> <!-- PhotoSwipe gallery --> @@ -233,15 +207,13 @@ // 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, + w: 0, + h: 0, title: '1' }, - ]; var index = 0; @@ -277,8 +249,5 @@ </script> - - - </body> </html> diff --git a/Recipes/Veggie Rice Bowl with Peanut Butter.html b/Recipes/Veggie Rice Bowl with Peanut Butter.html new file mode 100644 index 0000000..1bb076a --- /dev/null +++ b/Recipes/Veggie Rice Bowl with Peanut Butter.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/Veggie-rice-bowl-1400x919-mini-ba621247-21ff-419b-9604-3a27a255b90b-0-1400x919.jpg"> + <img src="Images/86664B91-FD54-4DC1-8FF9-90BD6FBB1370-21470-00000352A4889B01/412E3E73-2423-4555-ADE4-E16303ED0CD5-21470-00000352BF82C794.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Veggie Rice Bowl with Peanut Butter</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="">5 min</span> + <b>Cook Time: </b><span itemprop="">10 min</span> + <b>Servings: </b><span itemprop="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://realfood.tesco.com/recipes/veggie-rice-bowl.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>1</strong> tbsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>120</strong>g pack Tenderstem broccoli tips, halved lengthways</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red pepper, seeded and cut into chunks</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g pack marinated tofu pieces</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> x 250g pouches microwave rice</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>g frozen peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp sesame seeds</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> spring onions, chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> red chilli, seeded and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, crushed</p><p class="line" itemprop="recipeIngredient"><strong>2.5</strong>cm piece fresh ginger, grated</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp tamari</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp sweet chilli 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 --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Heat the oil in a wok. Add the broccoli and pepper and stir-fry, over a high heat, for 3 mins. Add the tofu and cook for 1-2 mins, until crisp.</p><p class="line">Tip in the rice and stir-fry for 4 mins, breaking up the grains as they warm. Stir through the peas and cook for a further 2-3 mins.</p><p class="line">Meanwhile, make the sauce. Mix the chilli, garlic, ginger, tamari, sweet chilli sauce and vinegar in a bowl. Pour it over the rice mixture and toss until coated and warmed through. To serve, spoon into bowls and scatter over the sesame seeds and spring onions.</p><p class="line">See more Vegetarian recipes</p> + </div> + </div> + + <!-- Notes --> + + <div class="notesbox"> + <h3 class="subhead">Notes</h3> + <div itemprop="comment" class="notes text"> + <p>Add two tablespoons of peanut butter </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>Energy 1455kj 346kcal 17%<br/>Fat 9g 13%<br/>Saturates 2g 8%<br/>Sugars 10g 11%<br/>Salt 1.7g 28%<br/>Carbohydrate 51.7g Protein 9.5g Fibre 7.5g</p> + </div> +</div> + + + </div> + + <div class="clear"></div> + +</div> + + + + </body> +</html> diff --git a/Recipes/Veggie Shepherd's Pie with Sweet Potato Mash.html b/Recipes/Veggie Shepherd's Pie with Sweet Potato Mash.html new file mode 100644 index 0000000..3d0b36e --- /dev/null +++ b/Recipes/Veggie Shepherd's Pie with Sweet Potato Mash.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/2011/02/veggie-shepherds-pie-with-sweet-potato-mash-ced560e.jpg?quality=90&resize=556,505"> + <img src="Images/060530AC-31C6-47DC-9AEB-DD8DBB3D851F-21470-0000034F31A8E92F/2C8362F9-7A79-4795-8BB0-0855A1D7FBD4-21470-0000034F33E34F54.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Veggie Shepherd's Pie with Sweet Potato Mash</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="">10 mins</span> + <b>Cook Time: </b><span itemprop="">50 mins</span> + <b>Servings: </b><span itemprop="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/veggie-shepherds-pie-sweet-potato-mash"> + <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 olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large onion, halved and sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> large carrots (500g/1lb 2oz in total), cut into sugar-cube size pieces</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tbsp thyme chopped</p><p class="line" itemprop="recipeIngredient"><strong>200</strong>ml red wine</p><p class="line" itemprop="recipeIngredient"><strong>400</strong>g can chopped tomatoes</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> vegetable stock cubes</p><p class="line" itemprop="recipeIngredient"><strong>410</strong>g can green lentils</p><p class="line" itemprop="recipeIngredient"><strong>950</strong>g sweet potatoes, peeled and cut into chunks</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g butter</p><p class="line" itemprop="recipeIngredient"><strong>85</strong>g vegetarian mature cheddar, 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">Heat 1 tbsp olive oil in a frying pan, then fry 1 halved and sliced large onion until golden.</p><p class="line">Pour in 200ml red wine, 150ml water and a 400g chopped tomatoes, then crumble in 2 vegetable stock cubes and simmer for 10 mins.</p><p class="line">Tip in a 410g can green lentils, including the juice, then cover and simmer for another 10 mins until the carrots still have a bit of bite and the lentils are pulpy.</p><p class="line">Meanwhile, boil 950g sweet potatoes, cut into chunks, for 15 mins until tender, drain well, then mash with 25g butter and season to taste.</p><p class="line">Pile the lentil mixture into a pie dish, spoon the mash on top, then sprinkle over 85g grated vegetarian mature cheddar and the remaining thyme. The pie can now be covered and chilled for 2 days, or frozen for up to a month.</p><p class="line">Heat oven to 190C/170C fan/gas 5. Cook for 20 mins if cooking straightaway, or for 40 mins from chilled, until golden and hot all the way through. Serve with broccoli.</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/Warm Hummus With Toasted Bread And Pine Nuts.html b/Recipes/Warm Hummus With Toasted Bread And Pine Nuts.html new file mode 100644 index 0000000..7032c3a --- /dev/null +++ b/Recipes/Warm Hummus With Toasted Bread And Pine Nuts.html @@ -0,0 +1,253 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/7F12CCC4-77C5-4753-A84F-8A1E7046ED13-60771-0000078CA11AF95C.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Warm Hummus With Toasted Bread And Pine Nuts</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">Falastin pg. 34</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> pitas</p><p class="line" itemprop="recipeIngredient"><strong>90</strong> ml olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1.5</strong> tsp ground cumin</p><p class="line" itemprop="recipeIngredient"><strong>10</strong> g parsley leaves, finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> lemons </p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g dried chickpeas</p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> tsp bicarbonate of soda</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> garlic cloves</p><p class="line" itemprop="recipeIngredient"><strong>200</strong> g Greek-style yoghurt </p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g tahini </p><p class="line" itemprop="recipeIngredient"><strong>60</strong>g pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>1/2</strong> tsp sumac </p><p class="line" itemprop="recipeIngredient"><strong>1/4</strong> tsp paprika</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/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/C84514D4-60F5-47CD-8261-B46FB3D8CC4D-60771-0000078C9BC89A1C.jpg', + src: 'Images/BDF959E6-A60D-46C0-8B55-7DC7AB8BEE5F-60771-0000078AE65F64E8/C84514D4-60F5-47CD-8261-B46FB3D8CC4D-60771-0000078C9BC89A1C.jpg', + w: 0, + h: 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/Warm Roasted Squash and Puy Lentil Salad.html b/Recipes/Warm Roasted Squash and Puy Lentil Salad.html new file mode 100644 index 0000000..8b52482 --- /dev/null +++ b/Recipes/Warm Roasted Squash and Puy Lentil Salad.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: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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-814465_11-ed1cbd0.jpg?quality=90&resize=440,400"> + <img src="Images/5F6E084D-72DB-4991-A953-953DD0B0270C-21470-0000034F7A356D81/F341FDC0-DF21-4400-A9F2-E414DB6238D4-21470-0000034F7C6AD7C5.jpg" itemprop="image" class="photo photoswipe"/> + </a> + </div> + + <!-- Name --> + <h1 itemprop="name" class="name">Warm Roasted Squash and Puy Lentil Salad</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="">10 mins</span> + <b>Cook Time: </b><span itemprop="">30 mins</span> + <b>Servings: </b><span itemprop="">Serves 4</span> + + <!-- Source --> + <b>Source: </b> + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/warm-roasted-squash-and-puy-lentil-salad"> + <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>kg butternut squash , chunkily diced</p><p class="line" itemprop="recipeIngredient"><strong>1 ½</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove , crushed</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp thyme leaves</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp wholegrain mustard</p><p class="line" itemprop="recipeIngredient">x cans Puy lentils in water</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> red onion sliced</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g bag spinach</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g cherry tomatoes , halved</p><p class="line" itemprop="recipeIngredient"><strong>40</strong>g Cheshire cheese</p><p class="line" itemprop="recipeIngredient"><strong>1-2</strong> tbsp toasted 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">Heat oven to 200C/180C fan/gas 4. Toss the butternut squash with 1 tbsp olive oil, garlic clove, thyme leaves and seasoning. Roast for 25-30 mins or until tender.</p><p class="line">Mix together the balsamic vinegar, ½ tbsp olive oil, the wholegrain mustard and 1-2 tbsp water. Drain the Puy lentils in water and toss with the dressing, red onion, spinach and cherry tomatoes.</p><p class="line">Divide the lentils between four plates. Top with the squash, then crumble over Cheshire cheese and pumpkin 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 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/Winter Vegetable Stir-Fry with Crispy Tofu.html b/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html index b1c6c4b..5f6109e 100644 --- a/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html +++ b/Recipes/Winter Vegetable Stir-Fry with Crispy Tofu.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,59 +104,41 @@ <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> - + </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> - + <b>Cook Time: </b><span itemprop="">15 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -167,36 +146,28 @@ </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> @@ -206,7 +177,5 @@ - - </body> </html> diff --git a/Recipes/Zucchini Pea and Ricotta Slice.html b/Recipes/Zucchini Pea and Ricotta Slice.html index 7976286..2319b25 100644 --- a/Recipes/Zucchini Pea and Ricotta Slice.html +++ b/Recipes/Zucchini Pea and Ricotta Slice.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> @@ -6,28 +6,32 @@ /* Shared styles */ body { font-family: Helvetica, sans-serif; - font-size: 16.0px; + font-size: 16px; color: #34302e; margin: 0.25in; } + @page { + size: letter portrait; + margin: 0.25in; + } .name { - font-size: 18.0px; + font-size: 18px; font-family: Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0; } .categories { color: #605D5D; - font-size: 14.0px; + font-size: 14px; font-family: Helvetica, sans-serif; font-style: italic; } .rating { color: #d10505; - font-size: 14.0px; + font-size: 14px; } .metadata { - font-size: 14.0px; + font-size: 14px; } .infobox p { margin: 0; @@ -36,7 +40,7 @@ .subhead { color: #d10505; font-weight: bold; - font-size: 14.0px; + font-size: 14px; text-transform: uppercase; margin: 10px 0; } @@ -61,19 +65,15 @@ line-height: 130%; } .photobox { - float: left; margin-right: 14px; - - - } + } .photo { - max-width: 140.0px; - max-height: 140.0px; + max-width: 140px; + max-height: 140px; width: auto; height: auto; } - .inline-image { max-width: 25%; max-height: 25%; @@ -88,11 +88,8 @@ text-align: center !important; } .recipe { - page-break-after: always; - - - } + } .recipe:first-child { border-top: 0 none; margin-top: 0; @@ -107,61 +104,42 @@ <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> - + </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> - + <b>Prep Time: </b><span itemprop="">10 minutes</span> + <b>Cook Time: </b><span itemprop="">25 minutes</span> + <b>Servings: </b><span itemprop="">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"> @@ -169,36 +147,28 @@ </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> @@ -208,7 +178,5 @@ - - </body> </html> diff --git a/Recipes/Zucchini Ricotta Cannelloni.html b/Recipes/Zucchini Ricotta Cannelloni.html new file mode 100644 index 0000000..a299b60 --- /dev/null +++ b/Recipes/Zucchini Ricotta Cannelloni.html @@ -0,0 +1,164 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16px; + color: #34302e; + margin: 0.25in; + } + @page { + size: letter portrait; + margin: 0.25in; + } + .name { + font-size: 18px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14px; + } + .metadata { + font-size: 14px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14px; + 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: 140px; + max-height: 140px; + 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">Zucchini Ricotta Cannelloni</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>900</strong>g zucchinis </p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g ricotta cheese</p><p class="line" itemprop="recipeIngredient">thyme</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> egg white</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> ml passata</p><p class="line" itemprop="recipeIngredient"><strong>60</strong> g cheese</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> |
