diff options
Diffstat (limited to 'Recipes/Spinach and Mushroom Lasagne.html')
| -rw-r--r-- | Recipes/Spinach and Mushroom Lasagne.html | 303 |
1 files changed, 303 insertions, 0 deletions
diff --git a/Recipes/Spinach and Mushroom Lasagne.html b/Recipes/Spinach and Mushroom Lasagne.html new file mode 100644 index 0000000..0c741db --- /dev/null +++ b/Recipes/Spinach and Mushroom Lasagne.html @@ -0,0 +1,303 @@ +<!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/75A34E51-31BF-4C7E-A18A-035791E949C9/7AD74BDB-0639-4E91-9A6C-7FE45DFE58D9.jpg" itemprop="image" class="photo photoswipe"/> + </a> + + + </div> + + + <!-- Name --> + <h1 itemprop="name" class="name">Spinach and Mushroom Lasagne</h1> + + <!-- Info --> + + + <!-- Rating, categories --> + <p itemprop="aggregateRating" class="rating" value="0"></p> + + + <p class="metadata"> + + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + + <!-- Source --> + + </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>Filling</strong></p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g mushrooms, sliced</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, peeled and crushed</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g frozen spinach, defrosted and squeezed dry</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch ground nutmeg</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> squeeze lemon juice</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>25</strong>g reduced-fat mozzarella, grated or torn into chunks</p><p class="line" itemprop="recipeIngredient"><strong>245</strong>g fresh lasagne sheets</p><p class="line" itemprop="recipeIngredient"><strong>55</strong>g reduced-fat mozzarella, grated or torn into chunks for the topping</p><p class="line" itemprop="recipeIngredient">green salad, to serve</p><br/><p class="line" itemprop="recipeIngredient"><strong>Sauce</strong></p><p class="line" itemprop="recipeIngredient"><strong>1</strong> carrot, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>190</strong>ml skimmed milk</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp cornflour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp nutritional yeast</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp yeast extract, such as marmite</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp garlic granules</p><p class="line" itemprop="recipeIngredient"><strong>395</strong>g tofu, drained</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"><strong>Step 1</strong><br/>Heat the oil in a large saucepan, add the mushrooms and garlic and cook gently for 5 minutes until soft. Stir in the spinach, nutmeg and lemon juice, season to taste and leave to cool.</p><p class="line"><strong>Step 2</strong><br/>Meanwhile make the white sauce. Put the carrot and milk into a pan, bring to the boil then simmer for 5 minutes until soft.<br/>Pour into a liquidiser, add the remaining ingredients and blend until smooth.<br/>Return to the pan and heat gently for 5 minutes, whisking constantly until thickened.</p><p class="line"><strong>Step 3</strong><br/>Preheat the oven to 180°C. Layer the spinach and mushroom mixture with the mozzarella, white sauce and pasta sheets in an ovenproof dish, finishing with a final layer of white sauce. Scatter over the extra mozzarella for the topping and bake for 40 minutes until golden and bubbling. Remove from the oven, leave to stand for 10 minutes then serve with a simple green salad.</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/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/B5EB3A32-6795-40AE-A0DB-E3825425AAA1.jpg', + w: 946.0, + h: 2048.0, + title: '1' + }, + + { + msrc: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/55D02D71-C5F6-432D-A4D3-24FEA0E73E27.jpg', + w: 946.0, + h: 2048.0, + title: '2' + }, + + { + msrc: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg', + src: 'Images/75A34E51-31BF-4C7E-A18A-035791E949C9/FBE44A84-F46B-453E-82F6-605ED40C0367.jpg', + w: 946.0, + h: 2048.0, + title: '3' + }, + + ]; + + 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> |