diff options
Diffstat (limited to 'Recipes/Roasted Tofu Bowl.html')
| -rw-r--r-- | Recipes/Roasted Tofu Bowl.html | 478 |
1 files changed, 268 insertions, 210 deletions
diff --git a/Recipes/Roasted Tofu Bowl.html b/Recipes/Roasted Tofu Bowl.html index 542bac0..de4f263 100644 --- a/Recipes/Roasted Tofu Bowl.html +++ b/Recipes/Roasted Tofu Bowl.html @@ -1,260 +1,318 @@ -<!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/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg" itemprop="image" class="photo photoswipe"/> - </a> - </div> + <a href="#"> + <img + src="Images/8391031C-1856-4E5F-9064-FFA85289B791/21CD05D4-06F5-4FEA-A774-5475BEB7485C.jpg" + itemprop="image" + class="photo photoswipe" + /> + </a> + </div> <!-- Name --> <h1 itemprop="name" class="name">Roasted Tofu Bowl</h1> - + <!-- Info --> - + <!-- Rating, categories --> <p itemprop="aggregateRating" class="rating" value="0"></p> - <p itemprop="recipeCategory" class="categories">Lunch</p> - + + <p itemprop="recipeCategory" class="categories">Lunch</p> + <p class="metadata"> - - <!-- Cook time, prep time, servings, difficulty --> - <b>Cook Time: </b><span itemprop="">25 min</span> - <b>Difficulty: </b><span itemprop="">Easy</span> - <b>Servings: </b><span itemprop="">1</span> + <!-- Cook time, prep time, servings, difficulty --> - <!-- Source --> + <b>Cook Time: </b><span itemprop="cookTime">25 min</span> + <b>Difficulty: </b><span itemprop="difficulty">Easy</span> + + <b>Servings: </b><span itemprop="recipeYield">1</span> + + <!-- 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>140</strong>g firm tofu, drained and diced</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient">salt and pepper</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g ginger, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp white miso paste</p><p class="line" itemprop="recipeIngredient"><strong>1½</strong> tsp rice vinegar or white wine vinegar</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g quinoa</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g edamame or soya beans</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful mixed salad leaves</p><p class="line" itemprop="recipeIngredient"><strong>45</strong>g avocado, peeled, pitted and sliced</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp sesame seeds, toasted</p><p class="line" itemprop="recipeIngredient">pickled ginger, to serve</p> - </div> + <h3 class="subhead">Ingredients</h3> + <div class="ingredients text"> + <p class="line" itemprop="recipeIngredient"> + <strong>140</strong>g firm tofu, drained and diced + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1½</strong> tsp vegetable oil + </p> + <p class="line" itemprop="recipeIngredient">salt and pepper</p> + <p class="line" itemprop="recipeIngredient"> + <strong>10</strong>g ginger, peeled and grated + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1½</strong> tsp white miso paste + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1½</strong> tsp rice vinegar or white wine vinegar + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>20</strong>g quinoa + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>50</strong>g edamame or soya beans + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> handful mixed salad leaves + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>45</strong>g avocado, peeled, pitted and sliced + </p> + <p class="line" itemprop="recipeIngredient"> + <strong>1</strong> tsp sesame seeds, toasted + </p> + <p class="line" itemprop="recipeIngredient"> + pickled ginger, 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 oven to 200°C. Pat the tofu dry with kitchen paper then tip into a roasting tin, drizzle with the oil and season to taste. Bake for 20 minutes, shaking halfway through cooking until golden. Meanwhile whisk together the ginger, miso and vinegar, add to the tofu and toss to coat.</p><p class="line"><strong>Step 2</strong><br/>Meanwhile cook the quinoa and edamame beans according to the packet instructions then drain.</p><p class="line"><strong>Step 3</strong><br/>Serve the tofu in a bowl on a bed of quinoa, edamame and salad leaves then garnish with avocado, sesame seeds and pickled ginger.</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><br />Preheat the oven to 200°C. Pat the + tofu dry with kitchen paper then tip into a roasting tin, drizzle + with the oil and season to taste. Bake for 20 minutes, shaking + halfway through cooking until golden. Meanwhile whisk together the + ginger, miso and vinegar, add to the tofu and toss to coat. + </p> + <p class="line"> + <strong>Step 2</strong><br />Meanwhile cook the quinoa and edamame + beans according to the packet instructions then drain. + </p> + <p class="line"> + <strong>Step 3</strong><br />Serve the tofu in a bowl on a bed of + quinoa, edamame and salad leaves then garnish with avocado, sesame + seeds and pickled ginger. + </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/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg', - src: 'Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg', - w: 824, - h: 824, - title: '1' - }, + { + msrc: "Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg", + src: "Images/8391031C-1856-4E5F-9064-FFA85289B791/4488EB04-BF22-4EAA-A09D-4C73E1991422.jpg", + w: 824.0, + h: 824.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> |