summaryrefslogtreecommitdiff
path: root/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html
diff options
context:
space:
mode:
authorSzymon Szukalski <szymon@skas.io>2024-11-25 14:28:36 +1100
committerSzymon Szukalski <szymon@skas.io>2024-11-25 14:28:36 +1100
commit0fb3b92b04e48c8e7f9bb2c005541342a5d7ee0c (patch)
tree35ba1fb3d3aec4dbc94800657af28869e1fceb05 /Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html
parent430490952c4f1ccdfce10181650ed2b56f490087 (diff)
Latest export
Diffstat (limited to 'Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html')
-rw-r--r--Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html629
1 files changed, 408 insertions, 221 deletions
diff --git a/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html b/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html
index d5eeb0e..634e4a6 100644
--- a/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html
+++ b/Recipes/Green Goodness Bowl with Boiled Eggs and Sweet Potato.html
@@ -1,268 +1,455 @@
-<!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/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg" itemprop="image" class="photo photoswipe"/>
- </a>
- </div>
+ <a href="#">
+ <img
+ src="Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/056D9F2B-8706-4837-A4E4-AB0621E639F8.jpg"
+ itemprop="image"
+ class="photo photoswipe"
+ />
+ </a>
+ </div>
<!-- Name -->
- <h1 itemprop="name" class="name">Green Goodness Bowl with Boiled Eggs and Sweet Potato</h1>
-
+ <h1 itemprop="name" class="name">
+ Green Goodness Bowl with Boiled Eggs and Sweet Potato
+ </h1>
+
<!-- Info -->
-
+
<!-- Rating, categories -->
<p itemprop="aggregateRating" class="rating" value="5">★★★★★</p>
-
+
+ <p itemprop="recipeCategory" class="categories">Gousto</p>
+
<p class="metadata">
-
- <!-- Cook time, prep time, servings, difficulty -->
- <b>Total Time: </b><span itemprop="">30 min</span>
- <b>Servings: </b><span itemprop="">2 or 4 servings</span>
-
- <!-- Source -->
- <b>Source: </b>
- <a itemprop="url" href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/green-goodness-bowl-with-egg-sweet-potato">
- <span itemprop="author">gousto.co.uk</span>
- </a>
-
+ <!-- Cook time, prep time, servings, difficulty -->
+
+ <b>Total Time: </b><span itemprop="totalTime">30 min</span>
+
+ <b>Servings: </b><span itemprop="recipeYield">2 or 4 servings</span>
+
+ <!-- Source -->
+
+ <b>Source: </b>
+
+ <a
+ itemprop="url"
+ href="https://www.gousto.co.uk/cookbook/vegetarian-recipes/green-goodness-bowl-with-egg-sweet-potato"
+ >
+ <span itemprop="author">gousto.co.uk</span>
+ </a>
</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> eggs</p><p class="line" itemprop="recipeIngredient"><strong>30</strong>g pumpkin seeds</p><p class="line" itemprop="recipeIngredient"><strong>10.5</strong>g wholegrain mustard</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> lemon</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> avocado</p><p class="line" itemprop="recipeIngredient"><strong>160</strong>g baby spinach</p><p class="line" itemprop="recipeIngredient"><strong>500</strong>g sweet potato</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp tamari soy sauce</p><p class="line" itemprop="recipeIngredient"><strong>150</strong>g shredded kale</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> garlic clove</p>
- </div>
+ <h3 class="subhead">Ingredients</h3>
+ <div class="ingredients text">
+ <p class="line" itemprop="recipeIngredient">
+ <strong>2</strong> eggs
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>30</strong>g pumpkin seeds
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>10.5</strong>g wholegrain mustard
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>1</strong> lemon
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>1</strong> avocado
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>160</strong>g baby spinach
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>500</strong>g sweet potato
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>2</strong> tsp tamari soy sauce
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>150</strong>g shredded kale
+ </p>
+ <p class="line" itemprop="recipeIngredient">
+ <strong>1</strong> garlic clove
+ </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></p><p class="line">Preheat the oven to 220°C/ 200°C (fan)/ gas 7<br/>Boil a full kettle<br/>Peel and chop the <strong>sweet potatoes</strong> into wedges</p><p class="line">Add the <strong>sweet potato wedges</strong> to a tray with 1/2 tbsp [1 tbsp] olive oil and a pinch of salt</p><p class="line">Put the tray in the oven and cook for an initial 15 min</p><p class="line"><strong>Step 2</strong></p><p class="line">While the <strong>sweet potato wedges</strong> are cooking, cut the <strong>lemon</strong>[s] in half</p><p class="line">Combine the juice of 1/2 [1] <strong>lemon</strong> with half [all] the <strong>wholegrain mustard</strong>, 1 tbsp [2 tbsp] <strong>olive oil</strong> and a pinch of <strong>salt</strong> and <strong>pepper</strong> in a small bowl - this is your mustard dressing</p><p class="line">Tip: Cooking for 2? Save the remaining wholegrain mustard for another recipe!</p><p class="line">Cut the remaining <strong>lemon</strong> into wedges</p><p class="line"><strong>Step 3</strong><br/>Add the <strong>eggs</strong> to a pot of boiled water with a pinch of <strong>salt</strong> over a high heat (salt prevents the eggs from cracking)</p><p class="line">Once boiling, boil for exactly 8 min for perfect, mid-boiled eggs</p><p class="line">Once done, drain, then refill the bowl with ice-cold water and set them aside to cool</p><p class="line">Tip: Use the Gousto ice packs to chill the water!</p><p class="line"><strong>Step 4</strong></p><p class="line">Heat a large, wide-based pan (preferably non- stick with a matching lid) with 1/2 tbsp [1 tbsp] <strong>olive oil</strong> over a medium heat</p><p class="line">Wash the <strong>shredded kale</strong>, then pat it dry with kitchen paper</p><p class="line">Once hot, remove the pan from the heat, add the <strong>shredded kale</strong> with a pinch of <strong>salt</strong>, then return the pan to the heat and cook for 3-5 min or until starting to soften</p><p class="line">Tip: Cover the pan with a lid to help the kale wilt</p><p class="line"><strong>Step 5</strong><br/>Peel and finely chop (or grate) the <strong>garlic</strong></p><p class="line">Wash the <strong>spinach</strong>, then pat it dry with kitchen paper</p><p class="line">Once the <strong>kale</strong> is starting to soften, add the <strong>spinach</strong> with the <strong>chopped garlic</strong> and cook for a further 3-4 min or until the <strong>kale</strong> is tender and the <strong>spinach</strong> is starting to wilt - these are your stir-fried greens</p><p class="line"><strong>Step 6</strong></p><p class="line">Once the <strong>sweet potato wedges</strong> have had 15 min, remove them from the oven and push them to one side of the tray</p><p class="line">Add the <strong>pumpkin seeds</strong> to the other side of<br/>the tray and drizzle over the <strong>tamari soy sauce</strong></p><p class="line">Return the tray to the oven for 5-7 min until the <strong>sweet potato</strong> is cooked through and golden and the seeds are toasted - these are your tamari-roasted seeds</p><p class="line">Tip: Watch them like a hawk to make sure they<br/>don&apos;t burn!</p><p class="line"><strong>Step 7</strong></p><p class="line">Peel the <strong>cooled boiled eggs</strong> and cut them in half</p><p class="line">Cut the <strong>avocado</strong>(s] in half lengthways, around the stonels]</p><p class="line">Remove the stone(s] using a teaspoon</p><p class="line">Scoop the <strong>avocado</strong> out of the skin[s] using a spoon and slice thinly</p><p class="line"><strong>Step 8</strong></p><p class="line">Serve the sweet potato wedges with the stir-fried greens, sliced avocado, halved boiled eggs and lemon wedge to the side</p><p class="line">Drizzle over the mustard dressing and sprinkle with the tamari-roasted seeds</p><p class="line">Enjoy!</p>
+ <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></p>
+ <p class="line">
+ Preheat the oven to 220°C/ 200°C (fan)/ gas 7<br />Boil a full
+ kettle<br />Peel and chop the <strong>sweet potatoes</strong> into
+ wedges
+ </p>
+ <p class="line">
+ Add the <strong>sweet potato wedges</strong> to a tray with 1/2
+ tbsp [1 tbsp] olive oil and a pinch of salt
+ </p>
+ <p class="line">
+ Put the tray in the oven and cook for an initial 15 min
+ </p>
+ <p class="line"><strong>Step 2</strong></p>
+ <p class="line">
+ While the <strong>sweet potato wedges</strong> are cooking, cut
+ the <strong>lemon</strong>[s] in half
+ </p>
+ <p class="line">
+ Combine the juice of 1/2 [1] <strong>lemon</strong> with half
+ [all] the <strong>wholegrain mustard</strong>, 1 tbsp [2 tbsp]
+ <strong>olive oil</strong> and a pinch of
+ <strong>salt</strong> and <strong>pepper</strong> in a small bowl
+ - this is your mustard dressing
+ </p>
+ <p class="line">
+ Tip: Cooking for 2? Save the remaining wholegrain mustard for
+ another recipe!
+ </p>
+ <p class="line">
+ Cut the remaining <strong>lemon</strong> into wedges
+ </p>
+ <p class="line">
+ <strong>Step 3</strong><br />Add the <strong>eggs</strong> to a
+ pot of boiled water with a pinch of <strong>salt</strong> over a
+ high heat (salt prevents the eggs from cracking)
+ </p>
+ <p class="line">
+ Once boiling, boil for exactly 8 min for perfect, mid-boiled eggs
+ </p>
+ <p class="line">
+ Once done, drain, then refill the bowl with ice-cold water and set
+ them aside to cool
+ </p>
+ <p class="line">
+ Tip: Use the Gousto ice packs to chill the water!
+ </p>
+ <p class="line"><strong>Step 4</strong></p>
+ <p class="line">
+ Heat a large, wide-based pan (preferably non- stick with a
+ matching lid) with 1/2 tbsp [1 tbsp]
+ <strong>olive oil</strong> over a medium heat
+ </p>
+ <p class="line">
+ Wash the <strong>shredded kale</strong>, then pat it dry with
+ kitchen paper
+ </p>
+ <p class="line">
+ Once hot, remove the pan from the heat, add the
+ <strong>shredded kale</strong> with a pinch of
+ <strong>salt</strong>, then return the pan to the heat and cook
+ for 3-5 min or until starting to soften
+ </p>
+ <p class="line">
+ Tip: Cover the pan with a lid to help the kale wilt
+ </p>
+ <p class="line">
+ <strong>Step 5</strong><br />Peel and finely chop (or grate) the
+ <strong>garlic</strong>
+ </p>
+ <p class="line">
+ Wash the <strong>spinach</strong>, then pat it dry with kitchen
+ paper
+ </p>
+ <p class="line">
+ Once the <strong>kale</strong> is starting to soften, add the
+ <strong>spinach</strong> with the
+ <strong>chopped garlic</strong> and cook for a further 3-4 min or
+ until the <strong>kale</strong> is tender and the
+ <strong>spinach</strong> is starting to wilt - these are your
+ stir-fried greens
+ </p>
+ <p class="line"><strong>Step 6</strong></p>
+ <p class="line">
+ Once the <strong>sweet potato wedges</strong> have had 15 min,
+ remove them from the oven and push them to one side of the tray
+ </p>
+ <p class="line">
+ Add the <strong>pumpkin seeds</strong> to the other side of<br />the
+ tray and drizzle over the <strong>tamari soy sauce</strong>
+ </p>
+ <p class="line">
+ Return the tray to the oven for 5-7 min until the
+ <strong>sweet potato</strong> is cooked through and golden and the
+ seeds are toasted - these are your tamari-roasted seeds
+ </p>
+ <p class="line">
+ Tip: Watch them like a hawk to make sure they<br />don&apos;t
+ burn!
+ </p>
+ <p class="line"><strong>Step 7</strong></p>
+ <p class="line">
+ Peel the <strong>cooled boiled eggs</strong> and cut them in half
+ </p>
+ <p class="line">
+ Cut the <strong>avocado</strong>(s] in half lengthways, around the
+ stonels]
+ </p>
+ <p class="line">Remove the stone(s] using a teaspoon</p>
+ <p class="line">
+ Scoop the <strong>avocado</strong> out of the skin[s] using a
+ spoon and slice thinly
+ </p>
+ <p class="line"><strong>Step 8</strong></p>
+ <p class="line">
+ Serve the sweet potato wedges with the stir-fried greens, sliced
+ avocado, halved boiled eggs and lemon wedge to the side
+ </p>
+ <p class="line">
+ Drizzle over the mustard dressing and sprinkle with the
+ tamari-roasted seeds
+ </p>
+ <p class="line">Enjoy!</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 class="nutritionbox textbox">
- <h3 class="subhead">Nutrition</h3>
- <div itemprop="nutrition" class="nutrition text">
- <p><span uid="EA5E29E7-607C-42C6-8F6C-8BC816ADD129" class="image-border image-box"><img src="Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg" alt="1" class="inline-image photoswipe" /></span></p><p><strong>Amount per serving</strong><br/>Calories 787</p><p><em>% Daily Value*</em><br/>Total Fat 36.6g 47%<br/>Saturated Fat 8.3g 42%<br/>Cholesterol 327mg 109%<br/>Sodium 761mg 33%<br/>Total Carbohydrate 96.6g 35%<br/>Dietary Fiber 21.6g 77%<br/>Total Sugars 3.8g <br/><strong>Protein 26.8g</strong><br/>Vitamin D 31mcg 154%<br/>Calcium 300mg 23%<br/>Iron 10mg 53%<br/>Potassium 3646mg 78%</p>
- </div>
-</div>
-
- </div>
-
- <div class="clear"></div>
+ <div class="nutritionbox textbox">
+ <h3 class="subhead">Nutrition</h3>
+ <div itemprop="nutrition" class="nutrition text">
+ <p>
+ <span
+ uid="EA5E29E7-607C-42C6-8F6C-8BC816ADD129"
+ class="image-border image-box"
+ ><img
+ src="Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg"
+ alt="1"
+ class="inline-image photoswipe"
+ /></span>
+ </p>
+ <p><strong>Amount per serving</strong><br />Calories 787</p>
+ <p>
+ <em>% Daily Value*</em><br />Total Fat 36.6g 47%<br />Saturated
+ Fat 8.3g 42%<br />Cholesterol 327mg 109%<br />Sodium 761mg 33%<br />Total
+ Carbohydrate 96.6g 35%<br />Dietary Fiber 21.6g 77%<br />Total
+ Sugars 3.8g <br /><strong>Protein 26.8g</strong><br />Vitamin D
+ 31mcg 154%<br />Calcium 300mg 23%<br />Iron 10mg 53%<br />Potassium
+ 3646mg 78%
+ </p>
+ </div>
+ </div>
+ </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/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg',
- src: 'Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg',
- w: 828,
- h: 1300,
- title: '1'
- },
+ {
+ msrc: "Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg",
+ src: "Images/ED1C5E7D-8FFB-4F32-A6FC-A769DB6D250A/EA5E29E7-607C-42C6-8F6C-8BC816ADD129.jpg",
+ w: 828.0,
+ h: 1300.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>