diff options
Diffstat (limited to 'Recipes/Spinach And Feta Flatbreads (Gözleme).html')
| -rw-r--r-- | Recipes/Spinach And Feta Flatbreads (Gözleme).html | 491 |
1 files changed, 282 insertions, 209 deletions
diff --git a/Recipes/Spinach And Feta Flatbreads (Gözleme).html b/Recipes/Spinach And Feta Flatbreads (Gözleme).html index 17a2920..c1aa3c1 100644 --- a/Recipes/Spinach And Feta Flatbreads (Gözleme).html +++ b/Recipes/Spinach And Feta Flatbreads (Gözleme).html @@ -1,256 +1,329 @@ -<!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="#"> - <img src="Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg" itemprop="image" class="photo photoswipe"/> - </a> - </div> + <a href="#"> + <img + src="Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/FCA852A9-4D5D-40DB-8A80-1F1A681F53E9.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> + </div> <!-- Name --> - <h1 itemprop="name" class="name">Spinach And Feta Flatbreads (Gözleme)</h1> - + <h1 itemprop="name" class="name"> + Spinach And Feta Flatbreads (Gözleme) + </h1> + <!-- Info --> - + <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - - <p class="metadata"> - - <!-- Cook time, prep time, servings, difficulty --> - <!-- Source --> + <p class="metadata"> + <!-- Cook time, prep time, servings, difficulty --> + <!-- Source --> </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>2</strong> tbsp extra virgin olive oil, plus extra for drizzling</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> onion, finely sliced</p><p class="line" itemprop="recipeIngredient"><strong>3</strong> cloves garlic, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tbsp cumin seeds</p><p class="line" itemprop="recipeIngredient">Zest of a lemon</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> bunch of dill, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> bunch parsley, roughly chopped</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g spinach leaves, roughly chopped and thoroughly dried</p><p class="line" itemprop="recipeIngredient"><strong>300</strong>g Greek feta, crumbled</p><p class="line" itemprop="recipeIngredient">Sea salt and pepper</p><p class="line" itemprop="recipeIngredient">Dill fronds</p><p class="line" itemprop="recipeIngredient">Lemon wedges</p><p class="line" itemprop="recipeIngredient">Natural yoghurt</p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong> tbsp extra virgin olive oil, plus extra for + drizzling + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> onion, finely sliced + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>3</strong> cloves garlic, roughly chopped + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> tbsp cumin seeds + </p> + <p class="line" itemprop="recipeIngredient">Zest of a lemon</p> + <p class="line" itemprop="recipeIngredient"> + <strong>½</strong> bunch of dill, roughly chopped + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>½</strong> bunch parsley, roughly chopped + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>300</strong>g spinach leaves, roughly chopped and + thoroughly dried + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>300</strong>g Greek feta, crumbled + </p> + <p class="line" itemprop="recipeIngredient">Sea salt and pepper</p> + <p class="line" itemprop="recipeIngredient">Dill fronds</p> + <p class="line" itemprop="recipeIngredient">Lemon wedges</p> + <p class="line" itemprop="recipeIngredient">Natural yoghurt</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">Make the dough <a href="Flatbread for Gözleme.html">Flatbread for Gözleme</a></p><p class="line">Meanwhile, prepare the filling by warming the olive<br/>oil in a pan over a low-medium heat. Gently fry the onion until soft and beginning to colour, around 10 minutes. Add in the garlic and cumin seeds and cook for a further two minutes or until the garlic is softened and the cumin is fragrant. Transfer to a large bowl and allow to cool. Add in the remaining ingredients and drizzle with some more extra virgin olive oil, just<br/>a tablespoon will do. Mix really well, ensuring there are no large pieces of feta as it will pierce holes in the dough when they are rolled. Season to taste.</p><p class="line">Turn the dough onto a work surface and divide into<br/>8 equal pieces. Roll each piece into a ball. Dust your work surface with flour and flatten each ball of dough with the palm of your hand and roll into a rough circle around 15cm in diameter dusting with flour as you need. Place approximately 1⁄2 cup of filling into the centre of the dough. Seal the flatbread by bringing the edges into the centre and pinching to seal. Repeat with remaining pieces of dough. Dust the little parcels with flour on both sides so they don’t stick to the bench or work surface, and gently flatten with your hands or roll until they are around 1cm in thickness, being careful not to make any holes. If holes do occur, try to pinch the dough back together with your fingers to seal.</p><p class="line">Heat a pan over a medium heat and cook the flatbread in the pan until golden and cooked through on both sides (around 2 minutes on each side). Repeat with remaining flatbreads.<br/>Serve the flatbreads with wedges of lemon, extra dill and yoghurt drizzled with a little olive oil and seasoned with salt and pepper.</p> + <!-- Directions --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"> + Make the dough + <a href="Flatbread for Gözleme.html">Flatbread for Gözleme</a> + </p> + <p class="line"> + Meanwhile, prepare the filling by warming the olive<br />oil in a + pan over a low-medium heat. Gently fry the onion until soft and + beginning to colour, around 10 minutes. Add in the garlic and + cumin seeds and cook for a further two minutes or until the garlic + is softened and the cumin is fragrant. Transfer to a large bowl + and allow to cool. Add in the remaining ingredients and drizzle + with some more extra virgin olive oil, just<br />a tablespoon will + do. Mix really well, ensuring there are no large pieces of feta as + it will pierce holes in the dough when they are rolled. Season to + taste. + </p> + <p class="line"> + Turn the dough onto a work surface and divide into<br />8 equal + pieces. Roll each piece into a ball. Dust your work surface with + flour and flatten each ball of dough with the palm of your hand + and roll into a rough circle around 15cm in diameter dusting with + flour as you need. Place approximately 1⁄2 cup of filling into the + centre of the dough. Seal the flatbread by bringing the edges into + the centre and pinching to seal. Repeat with remaining pieces of + dough. Dust the little parcels with flour on both sides so they + don’t stick to the bench or work surface, and gently flatten with + your hands or roll until they are around 1cm in thickness, being + careful not to make any holes. If holes do occur, try to pinch the + dough back together with your fingers to seal. + </p> + <p class="line"> + Heat a pan over a medium heat and cook the flatbread in the pan + until golden and cooked through on both sides (around 2 minutes on + each side). Repeat with remaining flatbreads.<br />Serve the + flatbreads with wedges of lemon, extra dill and yoghurt drizzled + with a little olive oil and seasoned with salt and pepper. + </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/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg', - src: 'Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg', - w: 0, - h: 0, - title: '1' - }, + { + msrc: "Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg", + src: "Images/606F859F-9C67-4FB7-9DEB-0C93E240F9A2/5871BA3C-CD7A-486F-93D6-69F61FF81735.jpg", + w: 0, + h: 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> |