summaryrefslogtreecommitdiff
path: root/Recipes/Broccoli Pesto Pasta.html
diff options
context:
space:
mode:
authorSzymon Szukalski <szymon@skas.io>2024-11-25 14:28:36 +1100
committerSzymon Szukalski <szymon@skas.io>2024-11-25 14:28:36 +1100
commit0fb3b92b04e48c8e7f9bb2c005541342a5d7ee0c (patch)
tree35ba1fb3d3aec4dbc94800657af28869e1fceb05 /Recipes/Broccoli Pesto Pasta.html
parent430490952c4f1ccdfce10181650ed2b56f490087 (diff)
Latest export
Diffstat (limited to 'Recipes/Broccoli Pesto Pasta.html')
-rw-r--r--Recipes/Broccoli Pesto Pasta.html358
1 files changed, 197 insertions, 161 deletions
diff --git a/Recipes/Broccoli Pesto Pasta.html b/Recipes/Broccoli Pesto Pasta.html
index f8b4341..800628a 100644
--- a/Recipes/Broccoli Pesto Pasta.html
+++ b/Recipes/Broccoli Pesto Pasta.html
@@ -1,189 +1,225 @@
-<!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
- 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">
+ <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
+ 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">
<!-- 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>
+ <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 itemprop="recipeCategory" class="categories">Pasta</p>
+
<p class="metadata">
-
- <!-- Cook time, prep time, servings, difficulty -->
- <b>Prep Time: </b><span itemprop="">5 mins</span>
- <b>Cook Time: </b><span itemprop="">15 mins</span>
- <b>Servings: </b><span itemprop="">Serves 4</span>
+ <!-- Cook time, prep time, servings, difficulty -->
+ <b>Prep Time: </b><span itemprop="">5 mins</span> <b>Cook Time: </b
+ ><span itemprop="">15 mins</span> <b>Servings: </b
+ ><span itemprop="">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>
-
+ <!-- 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">
+ <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>
+ <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>
-
- <div class="right-column">
-
- <!-- Description -->
+ <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>
+ <!-- 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>
- </div>
-
- <!-- Notes -->
+ <!-- Notes -->
- <!-- Nutrition (in regular mode it goes below the 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 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>
-
- <div class="clear"></div>
-
-</div>
-
-
-
- </body>
+ </body>
</html>