diff options
Diffstat (limited to 'Recipes/Broccoli & Goats’ Cheese Fritata.html')
| -rw-r--r-- | Recipes/Broccoli & Goats’ Cheese Fritata.html | 570 |
1 files changed, 305 insertions, 265 deletions
diff --git a/Recipes/Broccoli & Goats’ Cheese Fritata.html b/Recipes/Broccoli & Goats’ Cheese Fritata.html index d77704d..773b2b4 100644 --- a/Recipes/Broccoli & Goats’ Cheese Fritata.html +++ b/Recipes/Broccoli & Goats’ Cheese Fritata.html @@ -1,314 +1,354 @@ -<!DOCTYPE html> +<!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 + <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: 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"> + .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/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg" itemprop="image" class="photo photoswipe"/> - </a> - - + <a href="#"> + <img + src="Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/DA52E93B-F776-496C-B567-CA89B86BB36D.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> </div> - <!-- Name --> - <h1 itemprop="name" class="name">Broccoli & Goats’ Cheese Fritata</h1> - + <h1 itemprop="name" class="name"> + Broccoli & Goats’ Cheese Fritata + </h1> + <!-- Info --> - - + <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - - <p itemprop="recipeCategory" class="categories">High Protein</p> - - + + <p itemprop="recipeCategory" class="categories">High Protein</p> + <p class="metadata"> - - <!-- Cook time, prep time, servings, difficulty --> - - <b>Total Time: </b><span itemprop="totalTime">25 min</span> - - <b>Servings: </b><span itemprop="recipeYield">3</span> - - - <!-- Source --> - - <b>Source: </b> - - - <span itemprop="author">Body Coach App</span> - - + <!-- Cook time, prep time, servings, difficulty --> + + <b>Total Time: </b><span itemprop="totalTime">25 min</span> + + <b>Servings: </b><span itemprop="recipeYield">3</span> + + <!-- Source --> + + <b>Source: </b> + + <span itemprop="author">Body Coach App</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>150</strong>g broccoli florets</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp olive oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g spring onions, sliced</p><p class="line" itemprop="recipeIngredient"><strong>145</strong>g cooked new potatoes, sliced</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>8</strong> large eggs, beaten</p><p class="line" itemprop="recipeIngredient"><strong>4</strong> egg whites, beaten</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> small bunch parsley, chopped</p><p class="line" itemprop="recipeIngredient"><strong>110</strong>g soft goats' cheese</p><p class="line" itemprop="recipeIngredient">simple green salad, to serve</p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>150</strong>g broccoli florets + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>2</strong> tsp olive oil + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>100</strong>g spring onions, sliced + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>145</strong>g cooked new potatoes, sliced + </p> + <p class="line" itemprop="recipeIngredient">salt and pepper</p> + <p class="line" itemprop="recipeIngredient"> + <strong>8</strong> large eggs, beaten + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>4</strong> egg whites, beaten + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> small bunch parsley, chopped + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>110</strong>g soft goats' cheese + </p> + <p class="line" itemprop="recipeIngredient"> + simple green salad, to serve + </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"><strong>Step 1</strong><br/>Preheat the grill to its highest setting.<br/>Bring a pan of water to the boil, add the broccoli and blanch for 3 minutes. Drain then pat dry on kitchen paper.</p><p class="line"><strong>Step 2</strong><br/>Heat the oil over a high heat in a medium-sized, non-stick frying pan. Add the spring onions and fry for a couple of minutes until softened. Add the broccoli and potatoes then give the pan a shake to get everything in an even layer. Season with salt and pepper then whisk together the eggs, egg whites and parsley and pour over the top. Gently shake the pan and pull the eggs into the middle as they start to set.</p><p class="line"><strong>Step 3</strong><br/>Dot the goats' cheese over the top then slide the pan under the hot grill. Cook for around 3 minutes until the top of the frittata is golden brown and the eggs are set. Slide onto a board, cut into portions and serve with the salad.</p><p></p> - </div> - </div> - + <div class="right-column"> + <!-- Description --> - <!-- Notes --> - + <!-- Directions --> - <!-- Nutrition (in regular mode it goes below the notes) --> - - <!-- Used in two different places depending on the recipe layout --> + <div class="directionsbox"> + <h3 class="subhead">Directions</h3> + <div itemprop="recipeInstructions" class="directions text"> + <p class="line"> + <strong>Step 1</strong><br />Preheat the grill to its highest + setting.<br />Bring a pan of water to the boil, add the broccoli + and blanch for 3 minutes. Drain then pat dry on kitchen paper. + </p> + <p class="line"> + <strong>Step 2</strong><br />Heat the oil over a high heat in a + medium-sized, non-stick frying pan. Add the spring onions and fry + for a couple of minutes until softened. Add the broccoli and + potatoes then give the pan a shake to get everything in an even + layer. Season with salt and pepper then whisk together the eggs, + egg whites and parsley and pour over the top. Gently shake the pan + and pull the eggs into the middle as they start to set. + </p> + <p class="line"> + <strong>Step 3</strong><br />Dot the goats' cheese over the + top then slide the pan under the hot grill. Cook for around 3 + minutes until the top of the frittata is golden brown and the eggs + are set. Slide onto a board, cut into portions and serve with the + salad. + </p> + <p></p> + </div> + </div> + <!-- Notes --> -<div class="nutritionbox textbox"> - <h3 class="subhead">Nutrition</h3> - <div itemprop="nutrition" class="nutrition text"> - <p><span uid="4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD" class="image-border image-box"><img src="Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg" alt="2" class="inline-image photoswipe" /></span></p><p>Nutrition Facts<br/>Servings: 3<br/>Amount per serving <br/>Calories 417<br/>% Daily Value*<br/>Total Fat 25g 32%<br/>Saturated Fat 10.1g 51%<br/>Cholesterol 513mg 171%<br/>Sodium 414mg 18%<br/>Total Carbohydrate 17.7g 6%<br/>Dietary Fiber 4.6g 16%<br/>Total Sugars 4.3g <br/>Protein 32.5g <br/>Vitamin D 47mcg 233%<br/>Calcium 225mg 17%<br/>Iron 7mg 38%<br/>Potassium 918mg 20%<br/></p> - </div> -</div> + <!-- 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> + <span + uid="4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD" + class="image-border image-box" + ><img + src="Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg" + alt="2" + class="inline-image photoswipe" + /></span> + </p> + <p> + Nutrition Facts<br />Servings: 3<br />Amount per serving + <br />Calories 417<br />% Daily Value*<br />Total Fat 25g 32%<br />Saturated + Fat 10.1g 51%<br />Cholesterol 513mg 171%<br />Sodium 414mg 18%<br />Total + Carbohydrate 17.7g 6%<br />Dietary Fiber 4.6g 16%<br />Total + Sugars 4.3g <br />Protein 32.5g <br />Vitamin D 47mcg 233%<br />Calcium + 225mg 17%<br />Iron 7mg 38%<br />Potassium 918mg 20%<br /> + </p> + </div> + </div> + </div> - - + <div class="clear"></div> </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> -<!-- 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" 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/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg', - src: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg', - w: 946.0, - h: 2048.0, - title: '1' - }, - - { - msrc: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg', - src: 'Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg', - w: 946.0, - h: 2048.0, - title: '2' - }, - + { + msrc: "Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg", + src: "Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/19E3D353-53ED-41BC-AF12-9E546477D256.jpg", + w: 946.0, + h: 2048.0, + title: "1", + }, + + { + msrc: "Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg", + src: "Images/DB7F80E8-CCAE-4EAE-84FF-7E2241A082B9/4A9B4213-35A6-4EB1-9B6D-1FDE7F365ACD.jpg", + w: 946.0, + h: 2048.0, + title: "2", + }, ]; - + 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> |