diff options
| author | Szymon Szukalski <szymon@skas.io> | 2023-11-29 12:42:57 +1100 |
|---|---|---|
| committer | Szymon Szukalski <szymon@skas.io> | 2023-11-29 12:42:57 +1100 |
| commit | 430490952c4f1ccdfce10181650ed2b56f490087 (patch) | |
| tree | e529631801220df6e414d91a7988c51e9621fefa /Recipes/Roasted Tofu Bowl.html | |
| parent | 0063dbabb53381dcd8e08df96e6dafe15da7475f (diff) | |
latest export
Diffstat (limited to 'Recipes/Roasted Tofu Bowl.html')
| -rw-r--r-- | Recipes/Roasted Tofu Bowl.html | 260 |
1 files changed, 260 insertions, 0 deletions
diff --git a/Recipes/Roasted Tofu Bowl.html b/Recipes/Roasted Tofu Bowl.html new file mode 100644 index 0000000..542bac0 --- /dev/null +++ b/Recipes/Roasted Tofu Bowl.html @@ -0,0 +1,260 @@ +<!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"> + + <!-- 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> + + <!-- 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 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> + + <!-- Source --> + + </p> + + <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> + </div> + + <!-- Nutrition (in two-column mode it goes below the ingredients) --> + + </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> + </div> + + <!-- 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> + +<!-- 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__container"> + <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> + </div> +</div> + +<script type="text/javascript"> + var openPhotoSwipe = function(event) { + var pswp = document.querySelector('.pswp'); + + var element = event.target; + 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' + }, + ]; + + var index = 0; + 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 + }; + + 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 element = elements[i]; + element.addEventListener('click', openPhotoSwipe); + } +</script> + + + </body> +</html> |
