diff options
Diffstat (limited to 'Recipes/The Creamiest and Greenest One-Pot Pasta.html')
| -rw-r--r-- | Recipes/The Creamiest and Greenest One-Pot Pasta.html | 299 |
1 files changed, 299 insertions, 0 deletions
diff --git a/Recipes/The Creamiest and Greenest One-Pot Pasta.html b/Recipes/The Creamiest and Greenest One-Pot Pasta.html new file mode 100644 index 0000000..8e51938 --- /dev/null +++ b/Recipes/The Creamiest and Greenest One-Pot Pasta.html @@ -0,0 +1,299 @@ +<!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="#"> + <img src="Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/FD00663F-F58D-47BD-A10A-600895A06A81.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">The Creamiest and Greenest One-Pot Pasta</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Prep Time: </b><span itemprop="prepTime">5 min</span> + + <b>Cook Time: </b><span itemprop="cookTime">15 min</span> + + <b>Servings: </b><span itemprop="recipeYield">2</span> + + + <!-- Source --> + + <b>Source: </b> + + <a itemprop="url" href="https://greenkitchenstories.com/the-greenest-pasta/"> + <span itemprop="author">Green Kitchen Stories</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>160</strong> g pasta</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> leaves Kale or Cavolo Nero</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> cup (75 g) frozen peas (thawed)</p><p class="line" itemprop="recipeIngredient">A handful basil </p><p class="line" itemprop="recipeIngredient">A handful mint leaves (optional)</p><p class="line" itemprop="recipeIngredient"><strong>2-3</strong> tbsp olive oil </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon </p><p class="line" itemprop="recipeIngredient"><strong>4</strong> tbsp Parmesan cheese (or nutritional yeast to keep it vegan) </p><p class="line" itemprop="recipeIngredient"><strong>½</strong> broccoli </p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful toasted hazelnuts / pine nuts</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"><br/>1. Set a big pot of salted water on the stove and bring to a boil.</p><p class="line">2. Add pasta for two people.</p><p class="line">3. Tear the kale off the stem and add it to the pasta water along with a garlic clove.</p><p class="line">4. You only want to soften the kale slightly, so after about a minute you can use a tong to pick it up, along with the garlic and some of the pasta water.</p><p class="line">5. Add the kale, garlic, half of the peas, olive oil, basil, mint, juice from half the lemon, a good grating of parmesan (or nutritional yeast) and a little bit of the pasta water (start with 4 tablespoons) to a blender. Mix smooth, taste and adjust the flavor, adding more salt, lemon juice, parmesan or pasta water if needed. You want it entirely smooth but not too runny, in that case you can add some more peas, herbs or cheese.</p><p class="line">6. Break the florets off the broccoli and toss into the pasta water along with the remaining peas during the last few minutes of the pasta's cooking time.</p><p class="line">7. Pour it all into a colander and then back into the pot. </p><p class="line">8. Pour half of the green sauce into the pot and give it a stir until it's all creamy.</p><p class="line">9. Grab two plates and divide the remaining sauce in the middle of the plates. Use the backside of a spoon to create round puddles. Divide the pasta on top.</p><p class="line">10. Chop the toasted hazelnuts and sprinkle over the pasta, along with some fresh mint leaves, a grating of parmesan and lemon zest and freshly ground black pepper.</p> + </div> + </div> + + + <!-- Notes --> + + + <!-- Nutrition (in regular mode it goes below the notes) --> + + <!-- Used in two different places depending on the recipe layout --> + + + + + </div> + + <div class="clear"></div> + +</div> + + +<!-- Photo gallery is only included when exporting. --> +<!-- PhotoSwipe gallery --> + +<link rel="stylesheet" href="Resources/PhotoSwipe/photoswipe.css"> +<link rel="stylesheet" href="Resources/PhotoSwipe/default-skin/default-skin.css"> +<script src="Resources/PhotoSwipe/photoswipe.min.js"></script> +<script src="Resources/PhotoSwipe/photoswipe-ui-default.min.js"></script> + +<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> + <div class="pswp__bg"></div> + <div class="pswp__scroll-wrap"> + <div class="pswp__container"> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + <div class="pswp__item"></div> + </div> + <div class="pswp__ui pswp__ui--hidden"> + <div class="pswp__top-bar"> + <div class="pswp__counter"></div> + <button class="pswp__button pswp__button--close" title="Close"></button> + </div> + <button class="pswp__button pswp__button--arrow--left" title="Previous"> + </button> + <button class="pswp__button pswp__button--arrow--right" title="Next"> + </button> + <div class="pswp__caption"> + <div class="pswp__caption__center"></div> + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + var src = element.getAttribute('src'); + + // build items array + var items = [ + + { + msrc: 'Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg', + src: 'Images/B9D0EFF7-5F37-4149-A4DC-8A1E05AC6F4C/62A391B6-DB88-49CB-AFF2-A7DA7F0C791C.jpg', + w: 888.0, + h: 1332.0, + title: '1' + }, + + ]; + + var index = 0; + for (var i=0; i<items.length; i++) { + var item = items[i]; + if (item.src == src) { + index = i; + } + } + + var options = { + index: index, + history: false, + focus: true, + captionEl: true, + fullscreenEl: false, + zoomEl: false, + shareEl: false, + preloaderEl: false, + bgOpacity: 0.9, + showHideOpacity: true + }; + + var gallery = new PhotoSwipe(pswp, PhotoSwipeUI_Default, items, options); + gallery.init(); + }; + + var elements = document.querySelectorAll('.photoswipe'); + for (var i=0; i<elements.length; i++) { + var element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + + + + </body> +</html> |