diff options
Diffstat (limited to 'Recipes/Broccoli Pesto Pasta.html')
| -rw-r--r-- | Recipes/Broccoli Pesto Pasta.html | 225 |
1 files changed, 225 insertions, 0 deletions
diff --git a/Recipes/Broccoli Pesto Pasta.html b/Recipes/Broccoli Pesto Pasta.html new file mode 100644 index 0000000..1ad80f6 --- /dev/null +++ b/Recipes/Broccoli Pesto Pasta.html @@ -0,0 +1,225 @@ +<!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://images.immediate.co.uk/production/volatile/sites/30/2020/08/recipe-image-legacy-id-327948_11-a8fd7e7.jpg?quality=90&resize=440,400"> + <img src="Images/39C68770-5FD0-4D5C-8A40-DF7B952F7EEA-21109-000003489517BA52/CA6DB8A1-192E-47F2-9AB2-86FCD13F994C-21109-0000034897E0F115.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Broccoli Pesto Pasta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + <p itemprop="recipeCategory" class="categories">Pasta</p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 mins</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 mins</span> + + <b>Servings: </b><span itemprop="recipeYield">Serves 4</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://www.bbcgoodfood.com/recipes/broccoli-pesto-pasta"> + <span itemprop="author">bbcgoodfood.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>400</strong>g penne, farfalle or conchiglie pasta</p><p class="line" itemprop="recipeIngredient"><strong>250</strong>g broccoli, cut into florets</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove, peeled</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> large lemon</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp chilli flakes</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp pine nuts</p><p class="line" itemprop="recipeIngredient"><strong>5</strong> tbsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> tbsp parmesan cheese</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> can chickpeas (400g)</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">Tip the pasta into a large pan of boiling salted water and cook according to pack instructions. Meanwhile, bring a smaller pan of salted water to the boil, add the broccoli and boil for 4 minutes.</p><p class="line">Drain the broccoli and return it to the pan. Lightly mash the broccoli with a potato masher or fork. Finely grate the garlic and zest the lemon, then mix into the broccoli with the chilli flakes and pine nuts. Cut the lemon in half and keep for later.</p><p class="line">Drain the pasta and return it to the pan. Stir in the broccoli pesto and squeeze over the juice of 1/2 lemon. Pour in the olive oil and generously season with salt and pepper. Spoon in the grated Parmesan, toss the pasta well and serve.</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>kcal</p> + </div> +</div> + + + + + + </div> + + <div class="clear"></div> + +</div> + + + + + + </body> +</html> |