diff options
Diffstat (limited to 'Recipes/Green Dream Noodles.html')
| -rw-r--r-- | Recipes/Green Dream Noodles.html | 221 |
1 files changed, 221 insertions, 0 deletions
diff --git a/Recipes/Green Dream Noodles.html b/Recipes/Green Dream Noodles.html new file mode 100644 index 0000000..70ebde7 --- /dev/null +++ b/Recipes/Green Dream Noodles.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/46262913.jpg?tr=w-800,h-1066"> + <img src="Images/A1C271E4-2065-4B46-8AA3-3E6C6C5F0D64-21470-0000034C0A073870/67C33BC4-B37F-48C1-87CF-10E3FD1DCA2E-21470-0000034C0D61FD5D.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Green Dream Noodles</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">1 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/vegetables-recipes/green-dream-noodles/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of sugar snap peas</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful of button mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> clove of garlic</p><p class="line" itemprop="recipeIngredient"><strong>2</strong>cm piece of ginger</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> sachet of miso paste</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small handful of broccoli</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large handful of baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g rice noodles</p><p class="line" itemprop="recipeIngredient">a few sprigs of fresh coriander</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">Halve the sugar snaps and button mushrooms, peel and finely slice the garlic, and peel and finely grate the ginger.Dilute the miso in a pan as per packet instructions. Bring to a simmer and add the broccoli, sugar snaps and mushrooms, and cook until the broccoli has softened.Add the spinach, garlic, ginger and noodles until the noodles soften, then pick over the coriander leaves.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 417 21%<br/>Fat 1.4g 2%<br/>Saturates 0.2g 1%<br/>Sugars 2.8g 3%<br/>Salt 0.6g 10%<br/>Protein 10.1g 20%<br/>Carbs 88.1g 34%<br/>Fibre 2.4g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> |