1 files changed, 291 insertions, 0 deletions
diff --git a/Recipes/Tofu Katsu Curry.html b/Recipes/Tofu Katsu Curry.html
new file mode 100644
index 0000000..9b0c636
--- /dev/null
+++ b/Recipes/Tofu Katsu Curry.html
@@ -0,0 +1,291 @@
+<!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
+               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">
+
+        <!-- Image -->
+        
+        <div class="photobox">
+            
+            <a href="#">
+                <img src="Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/A057F163-B87B-40F4-A9C0-B73E1FD1656B.jpg" itemprop="image" class="photo photoswipe"/>
+            </a>
+            
+            
+        </div>
+        
+
+        <!-- Name -->
+        <h1 itemprop="name" class="name">Tofu Katsu Curry</h1>
+        
+        <!-- Info -->
+        
+        
+        <!-- Rating, categories -->
+        <p itemprop="aggregateRating" class="rating" value="0"></p>
+        
+        
+        <p class="metadata">
+        
+            <!-- Cook time, prep time, servings, difficulty -->
+            
+            <b>Cook Time: </b><span itemprop="cookTime">0 min</span>
+            
+            <b>Total Time: </b><span itemprop="totalTime">30 min</span>
+            
+            <b>Servings: </b><span itemprop="recipeYield">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>2</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> cloves garlic, peeled and crushed</p><p class="line" itemprop="recipeIngredient"><strong>10</strong>g ginger, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> onion, peeled and finely chopped</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> small apple, peeled and grated</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp curry powder</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp turmeric</p><p class="line" itemprop="recipeIngredient"><strong>115</strong>ml vegetable stock or water</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> pinch salt</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g sushi rice or short grain rice</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g vegan cream</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp white miso paste</p><p class="line" itemprop="recipeIngredient"><strong>155</strong>g firm tofu, drained</p><p class="line" itemprop="recipeIngredient"><strong>2</strong> tsp plain flour</p><p class="line" itemprop="recipeIngredient"><strong>20</strong>g panko or fine white breadcrumbs</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> handful mixed salad leaves</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/>Heat half of the vegetable oil in a saucepan, add the garlic, ginger, onion and apple and fry gently until soft. Add the spices, fry for a minute then pour in the stock. Simmer gently for 3-4 minutes until thickened, then blend until smooth. Season with a pinch of salt. Meanwhile cook the rice according to the packet instructions.</p><p class="line"><strong>Step 2</strong><br/>Whisk the oat cream and miso paste together in a shallow bowl then coat the tofu in the flour. Dip the floured tofu in the miso mixture then coat in the breadcrumbs, making sure all of the tofu is coated.</p><p class="line"><strong>Step 3</strong><br/>Heat the remaining oil in a frying pan then fry the tofu for 3-4 minutes on each side until golden and crisp. Slice the tofu and plate up with the sauce and rice. Serve with the salad 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/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg',
+                src: 'Images/0E7CE640-E6EA-4C94-A28D-CDBA423E2DD4/D5C8C270-B198-4548-9E0B-54B5CB72D9B7.jpg',
+                w: 2035.0,
+                h: 812.0,
+                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>