diff options
Diffstat (limited to 'Recipes/Stewed Rhubarb and Vanilla Yoghurt.html')
| -rw-r--r-- | Recipes/Stewed Rhubarb and Vanilla Yoghurt.html | 221 |
1 files changed, 221 insertions, 0 deletions
diff --git a/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html new file mode 100644 index 0000000..57c1061 --- /dev/null +++ b/Recipes/Stewed Rhubarb and Vanilla Yoghurt.html @@ -0,0 +1,221 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <style type="text/css"> + /* Shared styles */ + body { + font-family: Helvetica, sans-serif; + font-size: 16.0px; + color: #34302e; + margin: 0.25in; + } + .name { + font-size: 18.0px; + font-family: Helvetica, sans-serif; + font-weight: normal; + margin: 0 0 10px 0; + } + .categories { + color: #605D5D; + font-size: 14.0px; + font-family: Helvetica, sans-serif; + font-style: italic; + } + .rating { + color: #d10505; + font-size: 14.0px; + } + .metadata { + font-size: 14.0px; + } + .infobox p { + margin: 0; + line-height: 150%; + } + .subhead { + color: #d10505; + font-weight: bold; + font-size: 14.0px; + text-transform: uppercase; + margin: 10px 0; + } + + .ingredients p { + margin: 4px 0; + } + /* To prevent nutrition/directions from getting too close + to ingredients */ + .ingredients { + padding-bottom: 10px; + } + .clear { + clear:both; + } + a { + color: #4990E2; + text-decoration: none; + } + /* Full page specific styles */ + .text { + line-height: 130%; + } + .photobox { + + float: left; + margin-right: 14px; + + + } + .photo { + max-width: 140.0px; + max-height: 140.0px; + width: auto; + height: auto; + } + + .inline-image { + max-width: 25%; + max-height: 25%; + width: auto; + height: auto; + } + .photoswipe { + border: 1px #dddddd solid; + cursor: pointer; + } + .pswp__caption__center { + text-align: center !important; + } + .recipe { + + page-break-after: always; + + + } + .recipe:first-child { + border-top: 0 none; + margin-top: 0; + padding-top: 0; + } + </style> + </head> + <body> + <!-- Recipe --> +<div class="recipe" itemscope itemtype="http://schema.org/Recipe" > + + <div class="infobox"> + + <!-- Image --> + + <div class="photobox"> + + <a href="https://img.jamieoliver.com/jamieoliver/recipe-database/oldImages/large/549_1_1436890436.jpg?tr=w-325,h-433"> + <img src="Images/8CAB0A4D-2E77-42F4-8F28-51243B1D7DA6/9E3B5EB2-086A-47E8-8125-03CFB2F7064F.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Stewed Rhubarb and Vanilla Yoghurt</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">4 15 minutes</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.jamieoliver.com/recipes/fruit-recipes/stewed-rhubarb-and-vanilla-yoghurt/"> + <span itemprop="author">jamieoliver.com</span> + </a> + + + + </p> + + + + <div class="clear"></div> + + + </div> + + <div class="left-column"> + + <!-- Ingredients --> + + <div class="ingredientsbox"> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"><strong>750</strong> g rhubarb , trimmed and chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large orange , juice and zest of</p><p class="line" itemprop="recipeIngredient"><strong>100</strong> g caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tablespoon caster sugar</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> pieces stem ginger , finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> vanilla pod , halved lengthways</p><p class="line" itemprop="recipeIngredient"><strong>250</strong> ml natural yoghurt</p> + </div> + </div> + + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + + </div> + + <div class="right-column"> + + <!-- Description --> + + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line">This easy stewed rhubarb recipe is really versatile and tastes great on porridge and ice cream too.Place the chopped rhubarb in a medium-sized saucepan with the orange juice and zest, 100g caster sugar, 2 tablespoons of water and the ginger. Bring to the boil, then turn down the heat and simmer for 5 minutes until the rhubarb is soft and cooked, but still holds its shape.Meanwhile, scrape the seeds from the vanilla pod and mix these into the yoghurt with the remaining tablespoon of sugar. Serve the warm rhubarb topped with a large dollop of vanilla yoghurt.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + +<div class="nutritionbox textbox"> + <h3 class="subhead">Nutrition</h3> + <div itemprop="nutrition" class="nutrition text"> + <p>Calories 165 8%<br/>Fat 1.9g 3%<br/>Saturates 1.1g 6%<br/>Sugars 35.2g 39%<br/>Salt 0.09g 2%<br/>Protein 3.7g 7%<br/>Carbs 35.7g 14%<br/>Fibre 2.6g -</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> |