summaryrefslogtreecommitdiff
path: root/Recipes/Kimchi & Peanut Butter Noodles.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/Kimchi & Peanut Butter Noodles.html
parent430490952c4f1ccdfce10181650ed2b56f490087 (diff)
Latest export
Diffstat (limited to 'Recipes/Kimchi & Peanut Butter Noodles.html')
-rw-r--r--Recipes/Kimchi & Peanut Butter Noodles.html474
1 files changed, 258 insertions, 216 deletions
diff --git a/Recipes/Kimchi & Peanut Butter Noodles.html b/Recipes/Kimchi & Peanut Butter Noodles.html
index de2a6f5..2426390 100644
--- a/Recipes/Kimchi & Peanut Butter Noodles.html
+++ b/Recipes/Kimchi & Peanut Butter Noodles.html
@@ -1,266 +1,308 @@
-<!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/B1BD6B8A-6F00-4593-8B15-1E7C20FBB3C2/0075877F-390E-47B5-AA2B-98DABC1940A5.jpg" itemprop="image" class="photo photoswipe"/>
- </a>
- </div>
+ <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="">0 min</span>
- <b>Total Time: </b><span itemprop="">20 min</span>
- <b>Servings: </b><span itemprop="">1</span>
+ <!-- Cook time, prep time, servings, difficulty -->
+
+ <b>Cook Time: </b><span itemprop="cookTime">0 min</span>
- <!-- Source -->
+ <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">
+ <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>
+ <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>
-
- <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 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>
- </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/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: 0,
- h: 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: 0,
- h: 0,
- title: '2'
- },
+ {
+ 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;
- }
+ 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>