diff options
Diffstat (limited to 'Recipes/English Garden Mocktail.html')
| -rw-r--r-- | Recipes/English Garden Mocktail.html | 359 |
1 files changed, 200 insertions, 159 deletions
diff --git a/Recipes/English Garden Mocktail.html b/Recipes/English Garden Mocktail.html index 6c9a6ae..d8b749a 100644 --- a/Recipes/English Garden Mocktail.html +++ b/Recipes/English Garden Mocktail.html @@ -1,187 +1,228 @@ -<!DOCTYPE html> +<!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 + <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; + } + .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"> + .ingredients { + padding-bottom: 10px; + } + .clear { + clear: 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/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> + <a + href="https://img.jamieoliver.com/jamieoliver/recipe-database/123541169.jpg?tr=w-800,h-1066" + > + <img + src="Images/B0794FF1-CDD5-4BF8-A6BB-88F9F71BE740/998C7EEE-F4D6-4BA2-AE43-486A75904AC2.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> + </div> <!-- Name --> <h1 itemprop="name" class="name">English Garden Mocktail</h1> - + <!-- Info --> - + <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - + <p class="metadata"> - - <!-- Cook time, prep time, servings, difficulty --> - <b>Total Time: </b><span itemprop="">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> - + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">6 15 minutes</span> + + <!-- Source --> + + <b>Source: </b> + + <a + itemprop="url" + href="https://www.jamieoliver.com/recipes/drink-recipes/english-garden-mocktail/" + > + <span itemprop="author">jamieoliver.com</span> + </a> </p> - - <div class="clear"></div> - </div> - - <div class="left-column"> + <div class="clear"></div> + </div> + <div class="left-column"> <!-- Ingredients --> + <div class="ingredientsbox"> - <h3 class="subhead">Ingredients</h3> - <div class="ingredients text"> - <p class="line" itemprop="recipeIngredient"><strong>2</strong> oranges</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>¼</strong> of a cucumber</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of strawberries</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> sprigs of mint</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tablespoons balsamic vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon apple cider vinegar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of ice cubes</p><p class="line" itemprop="recipeIngredient"><strong>600</strong> ml lemonade</p><p class="line" itemprop="recipeIngredient"><strong>300</strong> ml sparkling water</p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong> oranges + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> lemon + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>¼</strong> of a cucumber + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> handful of strawberries + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>4</strong> sprigs of mint + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1½</strong> tablespoons balsamic vinegar + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> tablespoon apple cider vinegar + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> handful of ice cubes + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>600</strong> ml lemonade + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>300</strong> ml sparkling water + </p> + </div> </div> - - <!-- Nutrition (in two-column mode it goes below the ingredients) --> - </div> - - <div class="right-column"> - - <!-- Description --> - - <!-- Directions --> - <div class="directionsbox"> - <h3 class="subhead">Directions</h3> - <div itemprop="recipeInstructions" class="directions text"> - <p class="line">Halve one orange and squeeze the juice into a large jug. Cut the lemon, cucumber, strawberries and remaining orange into thick slices, adding to the jug as you go. Pick and finely slice the mint leaves and add to the jug with the vinegars, mint sprigs and a good handful of ice. Top up with the lemonade and sparkling water and give it a good stir. Leave to sit for 5 minutes, then pour into glasses and serve.</p> - </div> - </div> + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + </div> - <!-- Notes --> + <div class="right-column"> + <!-- Description --> + <!-- Directions --> - <!-- Nutrition (in regular mode it goes below the notes) --> - <!-- Used in two different places depending on the recipe layout --> -<div class="nutritionbox textbox"> - <h3 class="subhead">Nutrition</h3> - <div itemprop="nutrition" class="nutrition text"> - <p>Calories 40 2%<br/>Fat 0.1g 0%<br/>Saturates 0g 0%<br/>Sugars 9.4g 10%<br/>Salt 0g 0%<br/>Protein 0.4g 1%<br/>Carbs 9.5g 4%<br/>Fibre 0.4g -</p> - </div> -</div> + <div 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> - - </div> - - <div class="clear"></div> + <!-- Notes --> -</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 40 2%<br />Fat 0.1g 0%<br />Saturates 0g 0%<br />Sugars + 9.4g 10%<br />Salt 0g 0%<br />Protein 0.4g 1%<br />Carbs 9.5g + 4%<br />Fibre 0.4g - + </p> + </div> + </div> + </div> - </body> + <div class="clear"></div> + </div> + </body> </html> |