summaryrefslogtreecommitdiff
path: root/Recipes/Kimchi & Peanut Butter Noodles.html
diff options
context:
space:
mode:
Diffstat (limited to 'Recipes/Kimchi & Peanut Butter Noodles.html')
-rw-r--r--Recipes/Kimchi & Peanut Butter Noodles.html299
1 files changed, 299 insertions, 0 deletions
diff --git a/Recipes/Kimchi & Peanut Butter Noodles.html b/Recipes/Kimchi & Peanut Butter Noodles.html
new file mode 100644
index 0000000..64d3326
--- /dev/null
+++ b/Recipes/Kimchi & Peanut Butter Noodles.html
@@ -0,0 +1,299 @@
+<!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/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg" itemprop="image" class="photo photoswipe"/>
+ </a>
+
+
+ </div>
+
+
+ <!-- Name -->
+ <h1 itemprop="name" class="name">Kimchi &amp; Peanut Butter Noodles</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">20 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>50</strong>g medium egg noodles</p><p class="line" itemprop="recipeIngredient"><strong>½</strong> tsp sesame oil</p><p class="line" itemprop="recipeIngredient"><strong>1</strong> tsp vegetable oil</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g smoked tofu, drained and diced</p><p class="line" itemprop="recipeIngredient"><strong>100</strong>g vegetarian kimchi</p><p class="line" itemprop="recipeIngredient"><strong>35</strong>g peanut butter</p><p class="line" itemprop="recipeIngredient"><strong>50</strong>g spring onions, sliced</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/>Bring a pan of water to the boil, add the noodles and cook according to the packet instructions. Drain, rinse under cold water until cold then set aside.</p><p class="line"><strong>Step 2</strong><br/>Heat the oils in a wok, add the tofu and fry for 2-3 minutes. Add the kimchi, fry for a couple of minutes then add the peanut butter and stir until melted. Add enough hot water to loosen the sauce then add the cooked noodles and spring onions and toss everything together.</p><p class="line">Transfer to a bowl and serve.</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/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg',
+ src: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/30223093-CC83-4084-B730-98164AEFE7B5.jpg',
+ w: 946.0,
+ h: 2048.0,
+ title: '1'
+ },
+
+ {
+ msrc: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.jpg',
+ src: 'Images/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/9A94511D-8E69-4F96-AA86-68BEE229B1EC.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;
+ }
+ }
+
+ 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>