diff options
Diffstat (limited to 'Recipes/Stewed Rhubarb and Vanilla Yoghurt.html')
| -rw-r--r-- | Recipes/Stewed Rhubarb and Vanilla Yoghurt.html | 74 |
1 files changed, 20 insertions, 54 deletions
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> |