diff options
| author | Szymon Szukalski <szymon@skas.io> | 2024-11-25 14:28:36 +1100 |
|---|---|---|
| committer | Szymon Szukalski <szymon@skas.io> | 2024-11-25 14:28:36 +1100 |
| commit | 0fb3b92b04e48c8e7f9bb2c005541342a5d7ee0c (patch) | |
| tree | 35ba1fb3d3aec4dbc94800657af28869e1fceb05 /Recipes/Green Dream Noodles.html | |
| parent | 430490952c4f1ccdfce10181650ed2b56f490087 (diff) | |
Latest export
Diffstat (limited to 'Recipes/Green Dream Noodles.html')
| -rw-r--r-- | Recipes/Green Dream Noodles.html | 355 |
1 files changed, 196 insertions, 159 deletions
diff --git a/Recipes/Green Dream Noodles.html b/Recipes/Green Dream Noodles.html index 9e9b21a..3c0888e 100644 --- a/Recipes/Green Dream Noodles.html +++ b/Recipes/Green Dream Noodles.html @@ -1,187 +1,224 @@ -<!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/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> + <a + href="https://img.jamieoliver.com/jamieoliver/recipe-database/46262913.jpg?tr=w-800,h-1066" + > + <img + src="Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> + </div> <!-- Name --> <h1 itemprop="name" class="name">Green Dream Noodles</h1> - + <!-- Info --> - + <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - + <p class="metadata"> - - <!-- Cook time, prep time, servings, difficulty --> - <b>Total Time: </b><span itemprop="">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> - + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1 15 minutes</span> + + <!-- Source --> + + <b>Source: </b> + + <a + itemprop="url" + href="https://www.jamieoliver.com/recipes/vegetables-recipes/green-dream-noodles/" + > + <span itemprop="author">jamieoliver.com</span> + </a> </p> - - <div class="clear"></div> - </div> - - <div class="left-column"> + <div class="clear"></div> + </div> + <div class="left-column"> <!-- Ingredients --> + <div class="ingredientsbox"> - <h3 class="subhead">Ingredients</h3> - <div class="ingredients text"> - <p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of sugar snap peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of button mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong>cm piece of ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sachet of miso paste</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large handful of baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g rice noodles</p><p class="line" itemprop="recipeIngredient">a few sprigs of fresh coriander</p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> small handful of sugar snap peas + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> handful of button mushrooms + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> clove of garlic + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong>cm piece of ginger + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> sachet of miso paste + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> small handful of broccoli + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> large handful of baby spinach + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>100</strong> g rice noodles + </p> + <p class="line" itemprop="recipeIngredient"> + a few sprigs of fresh coriander + </p> + </div> </div> - - <!-- Nutrition (in two-column mode it goes below the ingredients) --> - </div> - - <div class="right-column"> - - <!-- Description --> - - <!-- Directions --> - <div class="directionsbox"> - <h3 class="subhead">Directions</h3> - <div itemprop="recipeInstructions" class="directions text"> - <p class="line">Halve the sugar snaps and button mushrooms, peel and finely slice the garlic, and peel and finely grate the ginger.Dilute the miso in a pan as per packet instructions. Bring to a simmer and add the broccoli, sugar snaps and mushrooms, and cook until the broccoli has softened.Add the spinach, garlic, ginger and noodles until the noodles soften, then pick over the coriander leaves.</p> - </div> - </div> + <!-- 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 417 21%<br/>Fat 1.4g 2%<br/>Saturates 0.2g 1%<br/>Sugars 2.8g 3%<br/>Salt 0.6g 10%<br/>Protein 10.1g 20%<br/>Carbs 88.1g 34%<br/>Fibre 2.4g -</p> - </div> -</div> + <div 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> - - </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 417 21%<br />Fat 1.4g 2%<br />Saturates 0.2g 1%<br />Sugars + 2.8g 3%<br />Salt 0.6g 10%<br />Protein 10.1g 20%<br />Carbs 88.1g + 34%<br />Fibre 2.4g - + </p> + </div> + </div> + </div> - </body> + <div class="clear"></div> + </div> + </body> </html> |
