diff options
| author | Szymon Szukalski <szymon@skas.io> | 2024-11-25 14:28:36 +1100 |
|---|---|---|
| committer | Szymon Szukalski <szymon@skas.io> | 2024-11-25 14:28:36 +1100 |
| commit | 0fb3b92b04e48c8e7f9bb2c005541342a5d7ee0c (patch) | |
| tree | 35ba1fb3d3aec4dbc94800657af28869e1fceb05 /Recipes/Kale And Mushroom Lasagne.html | |
| parent | 430490952c4f1ccdfce10181650ed2b56f490087 (diff) | |
Latest export
Diffstat (limited to 'Recipes/Kale And Mushroom Lasagne.html')
| -rw-r--r-- | Recipes/Kale And Mushroom Lasagne.html | 524 |
1 files changed, 312 insertions, 212 deletions
diff --git a/Recipes/Kale And Mushroom Lasagne.html b/Recipes/Kale And Mushroom Lasagne.html index 2190771..2f4b5be 100644 --- a/Recipes/Kale And Mushroom Lasagne.html +++ b/Recipes/Kale And Mushroom Lasagne.html @@ -1,260 +1,360 @@ -<!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 + <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; + } + .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"> + .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="#"> - <img src="Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg" itemprop="image" class="photo photoswipe"/> - </a> - </div> + <a href="#"> + <img + src="Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/44CB49A8-DB4C-413B-A12E-635C58BD23AD-5288-000000F3D2452912.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> + </div> <!-- Name --> <h1 itemprop="name" class="name">Kale 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="">6</span> - - <!-- Source --> - <b>Source: </b> - - <span itemprop="author">River Cottage Veg Every Day</span> - + <!-- Cook time, prep time, servings, difficulty --> + + <b>Servings: </b><span itemprop="recipeYield">6</span> + + <!-- Source --> + + <b>Source: </b> + + <span itemprop="author">River Cottage Veg Every Day</span> </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>300</strong> g cavolo nero</p><p class="line" itemprop="recipeIngredient"><strong>30</strong> g butter</p><p class="line" itemprop="recipeIngredient"><strong>500</strong> g mushrooms</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves of garlic</p><p class="line" itemprop="recipeIngredient">thyme</p><p class="line" itemprop="recipeIngredient"><strong>175</strong> g fresh lasagne sheets</p><p class="line" itemprop="recipeIngredient"><strong>20</strong> g parmesan cheese</p><p class="line" itemprop="recipeIngredient">olive oil</p><p class="line" itemprop="recipeIngredient"><strong>750</strong> ml milk</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> bay leaf</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> stalk of celery</p><p class="line" itemprop="recipeIngredient">black peppercorns</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g unsalted butter</p><p class="line" itemprop="recipeIngredient"><strong>50</strong> g plain flour</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp Dijon mustard</p><br/><p></p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>300</strong> g cavolo nero + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>30</strong> g butter + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>500</strong> g mushrooms + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong> cloves of garlic + </p> + <p class="line" itemprop="recipeIngredient">thyme</p> + <p class="line" itemprop="recipeIngredient"> + <strong>175</strong> g fresh lasagne sheets + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>20</strong> g parmesan cheese + </p> + <p class="line" itemprop="recipeIngredient">olive oil</p> + <p class="line" itemprop="recipeIngredient"> + <strong>750</strong> ml milk + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> bay leaf + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> onion + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> stalk of celery + </p> + <p class="line" itemprop="recipeIngredient">black peppercorns</p> + <p class="line" itemprop="recipeIngredient"> + <strong>50</strong> g unsalted butter + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>50</strong> g plain flour + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong> tsp Dijon mustard + </p> + <br /> + <p></p> + </div> </div> - + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + </div> - </div> - - <div class="right-column"> - - <!-- Description --> - - <!-- Directions --> - <div class="directionsbox"> - <h3 class="subhead">Directions</h3> - <div itemprop="recipeInstructions" class="directions text"> - <p class="line">Preheat the oven to 180°C/Gas Mark 4. Heat the milk for the béchamel sauce with the bay leaf, onion, celery and peppercorns until just below simmering. Remove from the heat and set aside to infuse.</p><p class="line">Roughly shred the kale or cavolo nero. Put into a large saucepan and just cover with cold water. Add salt. Bring to the boil, reduce the heat and simmer for 2-3 minutes, until just tender. Drain well and set aside.<br/>Heat half the butter in a large, wide frying pan over a medium heat.</p><p class="line">Add half the mushrooms and some salt and pepper. Increase the heat and fry, stirring often, for 5-10 minutes, until the liquid released by the mushrooms has evaporated and they are starting to reduce, concentrate and caramelise. Stir in half the garlic and half the thyme, cook for a minute longer, then remove to a bowl. Repeat to cook the remaining mushrooms and set aside.</p><p class="line">Gently reheat the infused milk, then strain. Heat the butter for the béchamel sauce in a large saucepan. Stir in the flour to form a smooth roux and cook gently for a minute or two. Remove from the heat.<br/>Add about a quarter of the hot milk and beat vigorously until smooth.</p><p class="line">Repeat with the remaining milk, adding it in 2 or 3 lots, until you have a smooth sauce. Return to the heat and cook for a few minutes, stirring often, allowing it to bubble gently until thickened. Stir in the mustard, then add some salt and pepper.</p><p class="line">Stir about half of the béchamel sauce into the kale; put to one side.</p><p class="line">Spread half the remaining béchamel over the bottom of a 28 × 22cm (or thereabouts) ovenproof dish. Laver a third of the lasagne sheets in the dish, then spoon the kale over the top. Add another layer of lasagne, then the mushrooms. Finish with a final layer of pasta and the remaining béchamel.</p><p class="line">Scatter over the cheese and add a trickle of oil. Bake for about 30 minutes until golden.</p><p class="line">Serve straight away.</p> + <div class="right-column"> + <!-- Description --> + + <!-- Directions --> + + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"> + Preheat the oven to 180°C/Gas Mark 4. Heat the milk for the + béchamel sauce with the bay leaf, onion, celery and peppercorns + until just below simmering. Remove from the heat and set aside to + infuse. + </p> + <p class="line"> + Roughly shred the kale or cavolo nero. Put into a large saucepan + and just cover with cold water. Add salt. Bring to the boil, + reduce the heat and simmer for 2-3 minutes, until just tender. + Drain well and set aside.<br />Heat half the butter in a large, + wide frying pan over a medium heat. + </p> + <p class="line"> + Add half the mushrooms and some salt and pepper. Increase the heat + and fry, stirring often, for 5-10 minutes, until the liquid + released by the mushrooms has evaporated and they are starting to + reduce, concentrate and caramelise. Stir in half the garlic and + half the thyme, cook for a minute longer, then remove to a bowl. + Repeat to cook the remaining mushrooms and set aside. + </p> + <p class="line"> + Gently reheat the infused milk, then strain. Heat the butter for + the béchamel sauce in a large saucepan. Stir in the flour to form + a smooth roux and cook gently for a minute or two. Remove from the + heat.<br />Add about a quarter of the hot milk and beat vigorously + until smooth. + </p> + <p class="line"> + Repeat with the remaining milk, adding it in 2 or 3 lots, until + you have a smooth sauce. Return to the heat and cook for a few + minutes, stirring often, allowing it to bubble gently until + thickened. Stir in the mustard, then add some salt and pepper. + </p> + <p class="line"> + Stir about half of the béchamel sauce into the kale; put to one + side. + </p> + <p class="line"> + Spread half the remaining béchamel over the bottom of a 28 × 22cm + (or thereabouts) ovenproof dish. Laver a third of the lasagne + sheets in the dish, then spoon the kale over the top. Add another + layer of lasagne, then the mushrooms. Finish with a final layer of + pasta and the remaining béchamel. + </p> + <p class="line"> + Scatter over the cheese and add a trickle of oil. Bake for about + 30 minutes until golden. + </p> + <p class="line">Serve straight away.</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> - + <div class="clear"></div> </div> - - <div class="clear"></div> - -</div> -<!-- Photo gallery is only included when exporting. --> -<!-- PhotoSwipe gallery --> + <!-- 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> + <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" 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 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 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> -</div> -<script type="text/javascript"> - var openPhotoSwipe = function(event) { - var pswp = document.querySelector('.pswp'); - + <script type="text/javascript"> + var openPhotoSwipe = function (event) { + var pswp = document.querySelector(".pswp"); + var element = event.target; - var src = element.getAttribute('src'); - + var src = element.getAttribute("src"); + // build items array var items = [ - { - msrc: 'Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg', - src: 'Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg', - w: 0, - h: 0, - title: '1' - }, + { + msrc: "Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg", + src: "Images/1401B309-6440-44C3-9497-0AD89E6E7FE4-5288-000000F17206927F/519C4CC8-AE1B-496E-B6F5-E58EC76EA75F-5288-000000F3C9076390.jpg", + w: 617.0, + h: 859.0, + title: "1", + }, ]; - + var index = 0; - for (var i=0; i<items.length; i++) { - var item = items[i]; - if (item.src == src) { - index = i; - } + 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 + 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); + + 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 elements = document.querySelectorAll(".photoswipe"); + for (var i = 0; i < elements.length; i++) { var element = elements[i]; - element.addEventListener('click', openPhotoSwipe); - } -</script> - - - </body> + element.addEventListener("click", openPhotoSwipe); + } + </script> + </body> </html> |
