diff options
24 files changed, 652 insertions, 32 deletions
diff --git a/banana-muffins.md.html b/banana-muffins.md.html index b0f851f..c48de94 100644 --- a/banana-muffins.md.html +++ b/banana-muffins.md.html @@ -28,7 +28,7 @@ <div class="image-and-text"> -<img src="images/recipe-images/banana-muffin.JPG" class="image"> +<img src="images/recipe-images/banana-muffin.JPG" class="image" alt="Banana muffins"> <div class="text"> @@ -62,6 +62,8 @@ <li>Bake until brown on top and firm to the touch.<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">2</a></sup></li> </ol> + <hr /> + <div class="footnotes" role="doc-endnotes"> <ol> <li id="fn:2" role="doc-endnote"> diff --git a/chocolate-chip-muffins.md.html b/chocolate-chip-muffins.md.html new file mode 100644 index 0000000..92c61d5 --- /dev/null +++ b/chocolate-chip-muffins.md.html @@ -0,0 +1,98 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="Vegan Recipes"> + <meta name="keywords" content="vegan, recipes, baking, cooking, animal rights"> + <meta name="author" content="Scott Jones"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Pantry of Plants</title> + <link rel="stylesheet" href="style/style.css"> + <script src="scripts/image-slide.js" defer></script> + </head> + + <body> + <header> + <nav> + <a href="index.html"><img src="images/pantry-of-plants-logo.png" class="logo"></a> + <div class="nav-text-outer"> + <a href="recipes.html" class="nav-text">Recipes</a> + <a href="about.html" class="nav-text">About</a> + </div> + </nav> +</header> + + <div class="content"> + <h1 id="recipe-title">Vegan Buttermilk Chocolate Chip Muffins</h1> + +<div class="image-and-text"> + +<img src="images/recipe-images/chocolate-chip-muffins.JPG" class="image" alt="Chocolate Chip Muffins"> + + <div class="text"> + + <h2 id="description">Description</h2> + <p>Simple and delicious Vegan Buttermilk Chocolate Chip Muffins. Adapted from the non-vegan version my mom used to make for me when I was a kid. For this recipe we are using Vegan Yogurt as our egg substitute!</p> + + <h2 id="ingredients">Ingredients</h2> + <ul> + <li>3/4 Cup Almond Milk <sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></li> + <li>1 tbsp White Vinegar or Apple Cider Vinegar</li> + <li>1/2 Cup Oil (Coconut or other)</li> + <li>1/3 Cup Sugar</li> + <li>1/4 Cup Plain Vegan Yogurt <sup id="fnref:2" role="doc-noteref"><a href="#fn:2" class="footnote" rel="footnote">2</a></sup></li> + <li>1 tsp Vanilla Extract</li> + <li>1/2 Cup Whole Wheat Flour <sup id="fnref:3" role="doc-noteref"><a href="#fn:3" class="footnote" rel="footnote">3</a></sup></li> + <li>1 1/2 Cup White Flour</li> + <li>3 tsp Baking Powder</li> + <li>1 tsp Salt</li> + <li>1 Cup Vegan ‘Dairy Free’ chocolate chips <sup id="fnref:4" role="doc-noteref"><a href="#fn:4" class="footnote" rel="footnote">4</a></sup></li> + </ul> + + <h2 id="instructions">Instructions</h2> + <ol> + <li>Heat oven to 375 degrees Fahrenheit.</li> + <li>Measure Almond Milk and Vinegar and combine. Let this mixture rest for 5 minutes. This will create a ‘Vegan Buttermilk’.</li> + <li>Grease Muffin Pan with Coconut Oil.</li> + <li>Add Coconut Oil and sugar to large mixing bowl. Mix until combined.</li> + <li>Add Vegan Yogurt, and Almond Milk / Vinegar mixture to mixing bowl and mix until combined.</li> + <li>Add Flour, Baking Powder, and Salt to mixing bowl.</li> + <li>Mix ingredients by hand until combined. Avoid over-mixing.</li> + <li>Add Chocolate Chips.</li> + <li>Add muffin batter to pan.</li> + <li>Sprinkle the muffin tops with brown sugar (optional).</li> + <li>Bake muffins approximately 35 minutes or until golden brown.</li> + </ol> + + <hr /> + +<div class="footnotes" role="doc-endnotes"> + <ol> + <li id="fn:1" role="doc-endnote"> + <p>I like to use <a href="https://vegansupply.ca/products/califia-farms-unsweetened-almond-milk-1-4l">Califia Unsweetened Almond</a> for baking as it lacks fortification. In my experience, fortified milks can impact the baking chemistry and yield unpredictable results. That being said, any plant milk should work. I have also successfully used Earth’s Own Oat Milk for this recipe in the past. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:2" role="doc-endnote"> + <p>Vegan Yogurt makes a great egg substitute. It is my go to replacement for recipes like this. I use <a href="https://vegansupply.ca/products/riviera-natural-flavour-yogurt-650g">Riviera: Coconut Milk Vegan, Plain</a> for baking. If you don’t have vegan yogurt on hand, a flax egg (1 tbsp ground flaxseed meal with 3 tbsp of water) should also work fine in this recipe. <a href="#fnref:2" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:3" role="doc-endnote"> + <p>I like to make this recipe with part white flour, part whole wheat. You can make it entirely with white flour if you prefer. <a href="#fnref:3" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:4" role="doc-endnote"> + <p>For Vegan chocolate chips I recommend reading the ingredients rather than looking for ones that are advertised as Vegan. Most semi-sweet chocolate chips other than ‘Chipits’ are dairy free. Bakers semi-sweet is a good option. Enjoy Life are a good option if you need to avoid other potential allergens like soy. Personally I find them overpriced compared to grocery store house brands or Bakers. <a href="#fnref:4" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + </ol> +</div> + + </div> + +</div> + + </div> + <footer> + <a href="mailto:scott@pantryofplants.ca" class="mail">Contact: scott@pantryofplants.ca <img src="images/mail.svg" class="mail-2"></a> + <p>© 2021 Pantry of Plants</p> +</footer> + + </body> +</html> diff --git a/content/main-pages/index.md b/content/main-pages/index.md index 7acf309..6688891 100644 --- a/content/main-pages/index.md +++ b/content/main-pages/index.md @@ -9,7 +9,7 @@ <img src="images/recipe-images/banana-muffin.JPG" style="width:100%; border-radius:20px;"> </div> <div class="slides"> - <img src="images/placeholder/home3.jpg" style="width:100%; border-radius:20px;"> + <img src="images/recipe-images/pizza.JPG" style="width:100%; border-radius:20px;"> </div> </div> <!-- The dots/circles --> diff --git a/content/main-pages/recipes.md b/content/main-pages/recipes.md index fdcd691..568406d 100644 --- a/content/main-pages/recipes.md +++ b/content/main-pages/recipes.md @@ -15,20 +15,26 @@ //recipe names names[0] = "<p>Banana Loaf / Muffins</p>"; names[1] = "<p>Maple Bread</p>"; - names[2] = "<p>Maple Bread</p>"; - names[3] = "<p>Maple Bread</p>"; + names[2] = "<p>Croutons</p>"; + names[3] = "<p>Chocolate Chip Muffins</p>"; + names[4] = "<p>Pizza Dough</p>"; + names[5] = "<p>Kale Salad</p>"; //recipe image links images[0] = '<img src="images/recipe-images/banana-muffin.JPG">'; images[1] = '<img src="images/recipe-images/bread-3.JPG">'; - images[2] = '<img src="images/recipe-images/bread-3.JPG">'; - images[3] = '<img src="images/recipe-images/bread-3.JPG">'; + images[2] = '<img src="images/recipe-images/croutons-2.JPG">'; + images[3] = '<img src="images/recipe-images/chocolate-chip-muffins.JPG">'; + images[4] = '<img src="images/recipe-images/pizza.JPG">'; + images[5] = '<img src="images/recipe-images/kale-salad.JPG">'; //recipe hrefs links[0] = '<a href="banana-muffins.md.html"</a>'; links[1] = '<a href="maple-bread.md.html"</a>'; - links[2] = '<a href="maple-bread.md.html"</a>'; - links[3] = '<a href="maple-bread.md.html"</a>'; + links[2] = '<a href="croutons.md.html"</a>'; + links[3] = '<a href="chocolate-chip-muffins.md.html"</a>'; + links[4] = '<a href="pizza-dough.md.html"</a>'; + links[5] = '<a href="kale-salad.md.html"</a>'; //show arrays in console console.log(names, images, links); diff --git a/content/posts/banana-muffins.md b/content/posts/banana-muffins.md index 4174479..a6fa6f9 100644 --- a/content/posts/banana-muffins.md +++ b/content/posts/banana-muffins.md @@ -3,7 +3,7 @@ <div markdown=1 class="image-and-text"> {::nomarkdown} -<img src="images/recipe-images/banana-muffin.JPG" class="image"> +<img src="images/recipe-images/banana-muffin.JPG" class="image" alt="Banana muffins"> {:/} <div markdown=1 class="text"> @@ -34,6 +34,8 @@ This recipe is adapted from my great grandmother’s Banana Loaf recipe. It Work 10. Add muffin batter to pan. 11. Bake until brown on top and firm to the touch.[^1] +*** + [^1]:For muffins bake approx 25-30 minutes. For Loaf bake approx 50-60 minutes. diff --git a/content/posts/chocolate-chip-muffins.md b/content/posts/chocolate-chip-muffins.md new file mode 100644 index 0000000..0c7a918 --- /dev/null +++ b/content/posts/chocolate-chip-muffins.md @@ -0,0 +1,56 @@ +#Vegan Buttermilk Chocolate Chip Muffins {#recipe-title} + +<div markdown=1 class="image-and-text"> + +{::nomarkdown} +<img src="images/recipe-images/chocolate-chip-muffins.JPG" class="image" alt="Chocolate Chip Muffins"> +{:/} + +<div markdown=1 class="text"> + +##Description +Simple and delicious Vegan Buttermilk Chocolate Chip Muffins. Adapted from the non-vegan version my mom used to make for me when I was a kid. For this recipe we are using Vegan Yogurt as our egg substitute! + +##Ingredients +- 3/4 Cup Almond Milk [^1] +- 1 tbsp White Vinegar or Apple Cider Vinegar +- 1/2 Cup Oil (Coconut or other) +- 1/3 Cup Sugar +- 1/4 Cup Plain Vegan Yogurt [^2] +- 1 tsp Vanilla Extract +- 1/2 Cup Whole Wheat Flour [^3] +- 1 1/2 Cup White Flour +- 3 tsp Baking Powder +- 1 tsp Salt +- 1 Cup Vegan 'Dairy Free' chocolate chips [^4] + +##Instructions +1. Heat oven to 375 degrees Fahrenheit. +2. Measure Almond Milk and Vinegar and combine. Let this mixture rest for 5 minutes. This will create a ‘Vegan Buttermilk’. +3. Grease Muffin Pan with Coconut Oil. +4. Add Coconut Oil and sugar to large mixing bowl. Mix until combined. +5. Add Vegan Yogurt, and Almond Milk / Vinegar mixture to mixing bowl and mix until combined. +6. Add Flour, Baking Powder, and Salt to mixing bowl. +7. Mix ingredients by hand until combined. Avoid over-mixing. +8. Add Chocolate Chips. +9. Add muffin batter to pan. +10. Sprinkle the muffin tops with brown sugar (optional). +11. Bake muffins approximately 35 minutes or until golden brown. + +*** + +[^1]: I like to use [Califia Unsweetened Almond](https://vegansupply.ca/products/califia-farms-unsweetened-almond-milk-1-4l) for baking as it lacks fortification. In my experience, fortified milks can impact the baking chemistry and yield unpredictable results. That being said, any plant milk should work. I have also successfully used Earth’s Own Oat Milk for this recipe in the past. + +[^2]: Vegan Yogurt makes a great egg substitute. It is my go to replacement for recipes like this. I use [Riviera: Coconut Milk Vegan, Plain](https://vegansupply.ca/products/riviera-natural-flavour-yogurt-650g) for baking. If you don’t have vegan yogurt on hand, a flax egg (1 tbsp ground flaxseed meal with 3 tbsp of water) should also work fine in this recipe. + +[^3]: I like to make this recipe with part white flour, part whole wheat. You can make it entirely with white flour if you prefer. + +[^4]:For Vegan chocolate chips I recommend reading the ingredients rather than looking for ones that are advertised as Vegan. Most semi-sweet chocolate chips other than ‘Chipits’ are dairy free. Bakers semi-sweet is a good option. Enjoy Life are a good option if you need to avoid other potential allergens like soy. Personally I find them overpriced compared to grocery store house brands or Bakers. + +* footnotes will be placed here. This line is necessary +{:footnotes} + + +</div> + +</div>
\ No newline at end of file diff --git a/content/posts/croutons.md b/content/posts/croutons.md new file mode 100644 index 0000000..83c5db6 --- /dev/null +++ b/content/posts/croutons.md @@ -0,0 +1,45 @@ +#Croutons {#recipe-title} + +<div markdown=1 class="image-and-text"> + +{::nomarkdown} +<img src="images/recipe-images/croutons-1.JPG" class="image" alt="Croutons"> +{:/} + +<div markdown=1 class="text"> + +##Description +Croutons are a great way to repurpose old bread. They are quick, easy to make, and delicious! I like to use mine in Kale salad. + +##Ingredients +- Bread (Any bread will do!) +- Olive Oil +- Salt +- Pepper +- Garlic Powder + +##Instructions +1. Heat oven to 425 degrees Fahrenheit. +2. Slice up bread into cubes. +3. Place bread cubes on non-stick sheet pan. +4. Cover bread with olive oil, salt, pepper, and garlic powder. +5. Bake croutons in oven until brown. I recommend flipping or mixing around the bread pieces halfway through the bake.[^1] +6. Once brown, turn off oven and let croutons harden for 5 minutes. +7. Remove croutons from oven and let them cool. +8. Once cool, store in an airtight container. I like to store mine in a Mason Jar. + +{::nomarkdown} +<img src="images/recipe-images/croutons-3.JPG" class="image-in-recipe" alt="Croutons on tray"> +{:/} + +*** + +[^1]: I find the bake time varies based on how dense the bread you are using is. Airy bread can take closer to 5 minutes while denser bread can take closer to 10 minutes. Rather than setting a timer, I recommend keeping an eye on the bread as it bakes. + +* footnotes will be placed here. This line is necessary +{:footnotes} + + +</div> + +</div>
\ No newline at end of file diff --git a/content/posts/kale-salad.md b/content/posts/kale-salad.md new file mode 100644 index 0000000..ecef94c --- /dev/null +++ b/content/posts/kale-salad.md @@ -0,0 +1,52 @@ +#Kale Salad {#recipe-title} + +<div markdown=1 class="image-and-text"> + +{::nomarkdown} +<img src="images/recipe-images/kale-salad.JPG" class="image" alt="Kale Salad"> +{:/} + +<div markdown=1 class="text"> + +##Description +Quick to make, nutritious, and delicious. This salad is great for a light lunch or as a side in a larger meal. + +##Ingredients (Individual Portion)[^1] +- Kale [^2] +- 1 tbsp Extra Virgin Olive Oil +- 1/2 tbsp Lemon Juice or Balsamic Vinegar or Apple Cider Vinegar [^3] +- 1/4 tsp Garlic Powder +- Salt [^4] +- Pepper +- 1 tbsp Nutritional Yeast +- Croutons (optional) + +##Instructions +1. Pull Kale off Kale leaf stems. +2. Chop up Kale into small pieces and put them in an appropriately sized bowl. +3. Mix Olive Oil, acid of choice, and garlic powder in a small bowl. +4. Add salt and pepper to the dressing to taste. +5. Add Nutritional Yeast and dressing to kale. [^5] +6. Massage the dressing into the Kale with your hands. +7. Add croutons to salad. +8. Serve on a plate with extra Nutritional Yeast sprinkled on top. + +*** + +[^1]: This recipe is for an individual portion. Scale the recipe up as needed to serve more people. + +[^2]: How much Kale you use is up to you. I like to use several small leaves of Kale or a couple large leaves. + +[^3]: I put several options here as I like to vary how I make this salad on a regular basis. Lemon juice is probably my favourite variation. + +[^4]: Add salt and pepper to taste. + +[^5]: Add dressing gradually until you have the correct amount to your preference. If the flavour is too weak, make another batch of dressing and continue to add gradually to the kale. + +* footnotes will be placed here. This line is necessary +{:footnotes} + + +</div> + +</div>
\ No newline at end of file diff --git a/content/posts/maple-bread.md b/content/posts/maple-bread.md index 8b9019e..116117b 100644 --- a/content/posts/maple-bread.md +++ b/content/posts/maple-bread.md @@ -3,7 +3,7 @@ <div markdown=1 class="image-and-text"> {::nomarkdown} -<img src="images/recipe-images/bread-3.JPG" class="image"> +<img src="images/recipe-images/bread-3.JPG" class="image" alt="Loaf of bread"> {:/} <div markdown=1 class="text"> @@ -13,26 +13,37 @@ This recipe is for a single loaf of whole wheat bread. This recipe is quick and ##Ingredients (1 loaf) - 1/2 Tablespoon Active Dry Yeast or Traditional Yeast -- 1/3 cup Maple Syrup or Sugar (any form of sugar will work) +- 1/3 cup Maple Syrup or Sugar (any form of sugar will work) [^1] - 1 and 1/2 Cups or 425ml Warm Water - 50ml (approx 1/6 cup) of Olive Oil -- 2 cups Whole Wheat Flour +- 2 cups Whole Wheat Flour [^2] - 1 and 3/4 cups White Flour - 1/2 Tablespoon Salt - Extra Olive Oil and Salt to spread on top of bread ##Instructions -1. Heat oven to 200 degrees fahrenheit. Warm a standard sized loaf pan (approx 8-1/2 x 4-1/2 x 2-1/2 inches – cast iron or non stick) in oven. Add Olive oil and cornmeal to the bottom of the pan. +1. Heat oven to 200 degrees fahrenheit. Warm a standard sized loaf pan (approx 8-1/2 x 4-1/2 x 2-1/2 inches – cast iron or non stick) in oven. Add Olive oil and cornmeal to the bottom of the pan. [^3] 2. Add yeast and sweetener of choice (sugar or maple syrup) to mixing bowl. Poor in warm water and give the mixture a few stirs. Let the yeast proof for about 5 minutes. (It should look foamy when it's done). 3. Add the Olive Oil to the wet mixture. 4. Add the flour and salt to a large mixing bowl or stand mixer if you have one. 5. Add the wet ingredients to the dry. 6. If using a stand mixer, knead the dough for about 5 minutes. If you are kneading by hand it should take around 100 to 200 turns. 7. Place a little oil on your hands and shape dough into a loaf. Add 3 diagonal score marks to the top of the loaf. Cover load with Olive Oil and salt and place the pan in the warm oven to rise. After 20 minutes it should be doubled in size. -8. After the 20 minutes, turn oven to 350 degrees fahrenheit. Leave bread in oven and set your timer for 35 minutes. +8. After the 20 minutes, turn oven to 350 degrees fahrenheit. Leave bread in oven and set your timer for 35 minutes. [^4] 9. Once the bread is golden brown it is done. Remove the loaf from the oven, brush top with Olive Oil, remove from pan and cool on a cooling rack. -10. Enjoy :) +*** + +[^1]: The sugar, (or Maple Syrup in this case) is used to activate the yeast. If you have Maple Syrup available give it a try for this recipe! I think it adds a nice almsot Rhye-like flavour to the bread. + +[^2]: You can tweak the whole wheat to white flour ratio if you want more of a white or brown loaf. This ratio is just my preference for this recipe. + +[^3]: The Cornmeal is optional. I think it adds to bread though. + +[^4]: Your cooking time may vary depending on your oven. I recommend paying close attention the first time you make any recipe so as not to overbake. + +* footnotes will be placed here. This line is necessary +{:footnotes} </div> </div> diff --git a/content/posts/pizza-dough.md b/content/posts/pizza-dough.md new file mode 100644 index 0000000..5b1de56 --- /dev/null +++ b/content/posts/pizza-dough.md @@ -0,0 +1,51 @@ +#Vegan Pizza Dough {#recipe-title} + +<div markdown=1 class="image-and-text"> + +{::nomarkdown} +<img src="images/recipe-images/pizza-dough.JPG" class="image" alt="Chocolate Chip Muffins"> +{:/} + +<div markdown=1 class="text"> + +##Description +For several years I worked as a line cook that made wood fire pizzas. This dough recipe is a modified and significantly scaled down version of the dough recipe I used to make at work. It is strong enough to be stretched in the traditional Italian way. You can also roll it out with a rolling pin if that’s what you are comfortable with. + +At home I like to cook my pizzas on a Barbecue using a pizza stone. It yields results very close to a wood fire oven. That being said, this recipe also works great being baked on a sheet pan baked in a regular oven too. + +##Ingredients (Yields 2 thin crust pizzas) +- 1 tsp Yeast +- 3 tsp Sugar +- 200ml Warm Water +- 1 tbsp Extra Virgin Olive Oil +- 1 1/2 Cups Flour +- 1/4 tsp Salt + +##Instructions +1. Add Yeast and Sugar to Large Mixing Bowl or Stand Mixer if you have one. +2. Add warm water to sugar and yeast mixture and give it a few stirs. +3. Let the yeast proof for approximately 5 minutes. (It should look foamy when it's done). +4. Add Olive Oil, flour and salt to mixing bowl. +5. Mix / knead ingredients until bowl is clean.[^1] +6. Grease a sheet pan with Olive Oil. +7. Once dough is adequately kneaded separate into 2 even balls and place on sheet pan. Cover dough with a kitchen towel until double in size. +8. Once doubled, you are ready to stretch or roll out your doughs and make some pizza! + +##Pizza Pictured below +Vegan Garlic Butter base, Daiya Mozzarella, fried Seitan, caramelized onions, sautéed Kale, sautéed Mushrooms, fresh Arugula. + +{::nomarkdown} +<img src="images/recipe-images/pizza.JPG" class="image-in-recipe" alt="Pizza"> +{:/} + +*** + +[^1]: Variation in humidity makes it necessary to adjust the amount of water each time you make a dough recipe. If the dough, it is is too dry or won’t fully combine, add more water. If dough is too sticky, add extra flour. + +* footnotes will be placed here. This line is necessary +{:footnotes} + + +</div> + +</div>
\ No newline at end of file diff --git a/croutons.md.html b/croutons.md.html new file mode 100644 index 0000000..9b89d7f --- /dev/null +++ b/croutons.md.html @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="Vegan Recipes"> + <meta name="keywords" content="vegan, recipes, baking, cooking, animal rights"> + <meta name="author" content="Scott Jones"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Pantry of Plants</title> + <link rel="stylesheet" href="style/style.css"> + <script src="scripts/image-slide.js" defer></script> + </head> + + <body> + <header> + <nav> + <a href="index.html"><img src="images/pantry-of-plants-logo.png" class="logo"></a> + <div class="nav-text-outer"> + <a href="recipes.html" class="nav-text">Recipes</a> + <a href="about.html" class="nav-text">About</a> + </div> + </nav> +</header> + + <div class="content"> + <h1 id="recipe-title">Croutons</h1> + +<div class="image-and-text"> + +<img src="images/recipe-images/croutons-1.JPG" class="image" alt="Croutons"> + + <div class="text"> + + <h2 id="description">Description</h2> + <p>Croutons are a great way to repurpose old bread. They are quick, easy to make, and delicious! I like to use mine in Kale salad.</p> + + <h2 id="ingredients">Ingredients</h2> + <ul> + <li>Bread (Any bread will do!)</li> + <li>Olive Oil</li> + <li>Salt</li> + <li>Pepper</li> + <li>Garlic Powder</li> + </ul> + + <h2 id="instructions">Instructions</h2> + <ol> + <li>Heat oven to 425 degrees Fahrenheit.</li> + <li>Slice up bread into cubes.</li> + <li>Place bread cubes on non-stick sheet pan.</li> + <li>Cover bread with olive oil, salt, pepper, and garlic powder.</li> + <li>Bake croutons in oven until brown. I recommend flipping or mixing around the bread pieces halfway through the bake.<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></li> + <li>Once brown, turn off oven and let croutons harden for 5 minutes.</li> + <li>Remove croutons from oven and let them cool.</li> + <li>Once cool, store in an airtight container. I like to store mine in a Mason Jar.</li> + </ol> + +<img src="images/recipe-images/croutons-3.JPG" class="image-in-recipe" alt="Croutons on tray"> + + <hr /> + +<div class="footnotes" role="doc-endnotes"> + <ol> + <li id="fn:1" role="doc-endnote"> + <p>I find the bake time varies based on how dense the bread you are using is. Airy bread can take closer to 5 minutes while denser bread can take closer to 10 minutes. Rather than setting a timer, I recommend keeping an eye on the bread as it bakes. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + </ol> +</div> + + </div> + +</div> + + </div> + <footer> + <a href="mailto:scott@pantryofplants.ca" class="mail">Contact: scott@pantryofplants.ca <img src="images/mail.svg" class="mail-2"></a> + <p>© 2021 Pantry of Plants</p> +</footer> + + </body> +</html> diff --git a/images/recipe-images/chocolate-chip-muffins.JPG b/images/recipe-images/chocolate-chip-muffins.JPG Binary files differnew file mode 100755 index 0000000..60bca10 --- /dev/null +++ b/images/recipe-images/chocolate-chip-muffins.JPG diff --git a/images/recipe-images/croutons-1.JPG b/images/recipe-images/croutons-1.JPG Binary files differnew file mode 100755 index 0000000..024b9f9 --- /dev/null +++ b/images/recipe-images/croutons-1.JPG diff --git a/images/recipe-images/croutons-2.JPG b/images/recipe-images/croutons-2.JPG Binary files differnew file mode 100755 index 0000000..074046e --- /dev/null +++ b/images/recipe-images/croutons-2.JPG diff --git a/images/recipe-images/croutons-3.JPG b/images/recipe-images/croutons-3.JPG Binary files differnew file mode 100755 index 0000000..c069e84 --- /dev/null +++ b/images/recipe-images/croutons-3.JPG diff --git a/images/recipe-images/kale-salad.JPG b/images/recipe-images/kale-salad.JPG Binary files differnew file mode 100755 index 0000000..1f95068 --- /dev/null +++ b/images/recipe-images/kale-salad.JPG diff --git a/images/recipe-images/pizza-dough.JPG b/images/recipe-images/pizza-dough.JPG Binary files differnew file mode 100755 index 0000000..b703376 --- /dev/null +++ b/images/recipe-images/pizza-dough.JPG diff --git a/images/recipe-images/pizza.JPG b/images/recipe-images/pizza.JPG Binary files differnew file mode 100755 index 0000000..18c35a3 --- /dev/null +++ b/images/recipe-images/pizza.JPG @@ -34,7 +34,7 @@ <img src="images/recipe-images/banana-muffin.JPG" style="width:100%; border-radius:20px;" /> </div> <div class="slides"> - <img src="images/placeholder/home3.jpg" style="width:100%; border-radius:20px;" /> + <img src="images/recipe-images/pizza.JPG" style="width:100%; border-radius:20px;" /> </div> </div> <!-- The dots/circles --> diff --git a/kale-salad.md.html b/kale-salad.md.html new file mode 100644 index 0000000..3b9396b --- /dev/null +++ b/kale-salad.md.html @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="Vegan Recipes"> + <meta name="keywords" content="vegan, recipes, baking, cooking, animal rights"> + <meta name="author" content="Scott Jones"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Pantry of Plants</title> + <link rel="stylesheet" href="style/style.css"> + <script src="scripts/image-slide.js" defer></script> + </head> + + <body> + <header> + <nav> + <a href="index.html"><img src="images/pantry-of-plants-logo.png" class="logo"></a> + <div class="nav-text-outer"> + <a href="recipes.html" class="nav-text">Recipes</a> + <a href="about.html" class="nav-text">About</a> + </div> + </nav> +</header> + + <div class="content"> + <h1 id="recipe-title">Kale Salad</h1> + +<div class="image-and-text"> + +<img src="images/recipe-images/kale-salad.JPG" class="image" alt="Kale Salad"> + + <div class="text"> + + <h2 id="description">Description</h2> + <p>Quick to make, nutritious, and delicious. This salad is great for a light lunch or as a side in a larger meal.</p> + + <h2 id="ingredients-individual-portion1">Ingredients (Individual Portion)<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></h2> + <ul> + <li>Kale <sup id="fnref:2" role="doc-noteref"><a href="#fn:2" class="footnote" rel="footnote">2</a></sup></li> + <li>1 tbsp Extra Virgin Olive Oil</li> + <li>1/2 tbsp Lemon Juice or Balsamic Vinegar or Apple Cider Vinegar <sup id="fnref:3" role="doc-noteref"><a href="#fn:3" class="footnote" rel="footnote">3</a></sup></li> + <li>1/4 tsp Garlic Powder</li> + <li>Salt <sup id="fnref:4" role="doc-noteref"><a href="#fn:4" class="footnote" rel="footnote">4</a></sup></li> + <li>Pepper</li> + <li>1 tbsp Nutritional Yeast</li> + <li>Croutons (optional)</li> + </ul> + + <h2 id="instructions">Instructions</h2> + <ol> + <li>Pull Kale off Kale leaf stems.</li> + <li>Chop up Kale into small pieces and put them in an appropriately sized bowl.</li> + <li>Mix Olive Oil, acid of choice, and garlic powder in a small bowl.</li> + <li>Add salt and pepper to the dressing to taste.</li> + <li>Add Nutritional Yeast and dressing to kale. <sup id="fnref:5" role="doc-noteref"><a href="#fn:5" class="footnote" rel="footnote">5</a></sup></li> + <li>Massage the dressing into the Kale with your hands.</li> + <li>Add croutons to salad.</li> + <li>Serve on a plate with extra Nutritional Yeast sprinkled on top.</li> + </ol> + + <hr /> + +<div class="footnotes" role="doc-endnotes"> + <ol> + <li id="fn:1" role="doc-endnote"> + <p>This recipe is for an individual portion. Scale the recipe up as needed to serve more people. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:2" role="doc-endnote"> + <p>How much Kale you use is up to you. I like to use several small leaves of Kale or a couple large leaves. <a href="#fnref:2" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:3" role="doc-endnote"> + <p>I put several options here as I like to vary how I make this salad on a regular basis. Lemon juice is probably my favourite variation. <a href="#fnref:3" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:4" role="doc-endnote"> + <p>Add salt and pepper to taste. <a href="#fnref:4" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:5" role="doc-endnote"> + <p>Add dressing gradually until you have the correct amount to your preference. If the flavour is too weak, make another batch of dressing and continue to add gradually to the kale. <a href="#fnref:5" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + </ol> +</div> + + </div> + +</div> + + </div> + <footer> + <a href="mailto:scott@pantryofplants.ca" class="mail">Contact: scott@pantryofplants.ca <img src="images/mail.svg" class="mail-2"></a> + <p>© 2021 Pantry of Plants</p> +</footer> + + </body> +</html> diff --git a/maple-bread.md.html b/maple-bread.md.html index 4c8515d..9b605c4 100644 --- a/maple-bread.md.html +++ b/maple-bread.md.html @@ -28,7 +28,7 @@ <div class="image-and-text"> -<img src="images/recipe-images/bread-3.JPG" class="image"> +<img src="images/recipe-images/bread-3.JPG" class="image" alt="Loaf of bread"> <div class="text"> @@ -38,10 +38,10 @@ <h2 id="ingredients-1-loaf">Ingredients (1 loaf)</h2> <ul> <li>1/2 Tablespoon Active Dry Yeast or Traditional Yeast</li> - <li>1/3 cup Maple Syrup or Sugar (any form of sugar will work)</li> + <li>1/3 cup Maple Syrup or Sugar (any form of sugar will work) <sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></li> <li>1 and 1/2 Cups or 425ml Warm Water</li> <li>50ml (approx 1/6 cup) of Olive Oil</li> - <li>2 cups Whole Wheat Flour</li> + <li>2 cups Whole Wheat Flour <sup id="fnref:2" role="doc-noteref"><a href="#fn:2" class="footnote" rel="footnote">2</a></sup></li> <li>1 and 3/4 cups White Flour</li> <li>1/2 Tablespoon Salt</li> <li>Extra Olive Oil and Salt to spread on top of bread</li> @@ -49,18 +49,36 @@ <h2 id="instructions">Instructions</h2> <ol> - <li>Heat oven to 200 degrees fahrenheit. Warm a standard sized loaf pan (approx 8-1/2 x 4-1/2 x 2-1/2 inches – cast iron or non stick) in oven. Add Olive oil and cornmeal to the bottom of the pan.</li> + <li>Heat oven to 200 degrees fahrenheit. Warm a standard sized loaf pan (approx 8-1/2 x 4-1/2 x 2-1/2 inches – cast iron or non stick) in oven. Add Olive oil and cornmeal to the bottom of the pan. <sup id="fnref:3" role="doc-noteref"><a href="#fn:3" class="footnote" rel="footnote">3</a></sup></li> <li>Add yeast and sweetener of choice (sugar or maple syrup) to mixing bowl. Poor in warm water and give the mixture a few stirs. Let the yeast proof for about 5 minutes. (It should look foamy when it’s done).</li> <li>Add the Olive Oil to the wet mixture.</li> <li>Add the flour and salt to a large mixing bowl or stand mixer if you have one.</li> <li>Add the wet ingredients to the dry.</li> <li>If using a stand mixer, knead the dough for about 5 minutes. If you are kneading by hand it should take around 100 to 200 turns.</li> <li>Place a little oil on your hands and shape dough into a loaf. Add 3 diagonal score marks to the top of the loaf. Cover load with Olive Oil and salt and place the pan in the warm oven to rise. After 20 minutes it should be doubled in size.</li> - <li>After the 20 minutes, turn oven to 350 degrees fahrenheit. Leave bread in oven and set your timer for 35 minutes.</li> + <li>After the 20 minutes, turn oven to 350 degrees fahrenheit. Leave bread in oven and set your timer for 35 minutes. <sup id="fnref:4" role="doc-noteref"><a href="#fn:4" class="footnote" rel="footnote">4</a></sup></li> <li>Once the bread is golden brown it is done. Remove the loaf from the oven, brush top with Olive Oil, remove from pan and cool on a cooling rack.</li> - <li>Enjoy :)</li> </ol> + <hr /> + +<div class="footnotes" role="doc-endnotes"> + <ol> + <li id="fn:1" role="doc-endnote"> + <p>The sugar, (or Maple Syrup in this case) is used to activate the yeast. If you have Maple Syrup available give it a try for this recipe! I think it adds a nice almsot Rhye-like flavour to the bread. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:2" role="doc-endnote"> + <p>You can tweak the whole wheat to white flour ratio if you want more of a white or brown loaf. This ratio is just my preference for this recipe. <a href="#fnref:2" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:3" role="doc-endnote"> + <p>The Cornmeal is optional. I think it adds to bread though. <a href="#fnref:3" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + <li id="fn:4" role="doc-endnote"> + <p>Your cooking time may vary depending on your oven. I recommend paying close attention the first time you make any recipe so as not to overbake. <a href="#fnref:4" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + </ol> +</div> + </div> </div> diff --git a/pizza-dough.md.html b/pizza-dough.md.html new file mode 100644 index 0000000..5c82857 --- /dev/null +++ b/pizza-dough.md.html @@ -0,0 +1,88 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="Vegan Recipes"> + <meta name="keywords" content="vegan, recipes, baking, cooking, animal rights"> + <meta name="author" content="Scott Jones"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Pantry of Plants</title> + <link rel="stylesheet" href="style/style.css"> + <script src="scripts/image-slide.js" defer></script> + </head> + + <body> + <header> + <nav> + <a href="index.html"><img src="images/pantry-of-plants-logo.png" class="logo"></a> + <div class="nav-text-outer"> + <a href="recipes.html" class="nav-text">Recipes</a> + <a href="about.html" class="nav-text">About</a> + </div> + </nav> +</header> + + <div class="content"> + <h1 id="recipe-title">Vegan Pizza Dough</h1> + +<div class="image-and-text"> + +<img src="images/recipe-images/pizza-dough.JPG" class="image" alt="Chocolate Chip Muffins"> + + <div class="text"> + + <h2 id="description">Description</h2> + <p>For several years I worked as a line cook that made wood fire pizzas. This dough recipe is a modified and significantly scaled down version of the dough recipe I used to make at work. It is strong enough to be stretched in the traditional Italian way. You can also roll it out with a rolling pin if that’s what you are comfortable with.</p> + + <p>At home I like to cook my pizzas on a Barbecue using a pizza stone. It yields results very close to a wood fire oven. That being said, this recipe also works great being baked on a sheet pan baked in a regular oven too.</p> + + <h2 id="ingredients-yields-2-thin-crust-pizzas">Ingredients (Yields 2 thin crust pizzas)</h2> + <ul> + <li>1 tsp Yeast</li> + <li>3 tsp Sugar</li> + <li>200ml Warm Water</li> + <li>1 tbsp Extra Virgin Olive Oil</li> + <li>1 1/2 Cups Flour</li> + <li>1/4 tsp Salt</li> + </ul> + + <h2 id="instructions">Instructions</h2> + <ol> + <li>Add Yeast and Sugar to Large Mixing Bowl or Stand Mixer if you have one.</li> + <li>Add warm water to sugar and yeast mixture and give it a few stirs.</li> + <li>Let the yeast proof for approximately 5 minutes. (It should look foamy when it’s done).</li> + <li>Add Olive Oil, flour and salt to mixing bowl.</li> + <li>Mix / knead ingredients until bowl is clean.<sup id="fnref:1" role="doc-noteref"><a href="#fn:1" class="footnote" rel="footnote">1</a></sup></li> + <li>Grease a sheet pan with Olive Oil.</li> + <li>Once dough is adequately kneaded separate into 2 even balls and place on sheet pan. Cover dough with a kitchen towel until double in size.</li> + <li>Once doubled, you are ready to stretch or roll out your doughs and make some pizza!</li> + </ol> + + <h2 id="pizza-pictured-below">Pizza Pictured below</h2> + <p>Vegan Garlic Butter base, Daiya Mozzarella, fried Seitan, caramelized onions, sautéed Kale, sautéed Mushrooms, fresh Arugula.</p> + +<img src="images/recipe-images/pizza.JPG" class="image-in-recipe" alt="Pizza"> + + <hr /> + +<div class="footnotes" role="doc-endnotes"> + <ol> + <li id="fn:1" role="doc-endnote"> + <p>Variation in humidity makes it necessary to adjust the amount of water each time you make a dough recipe. If the dough, it is is too dry or won’t fully combine, add more water. If dough is too sticky, add extra flour. <a href="#fnref:1" class="reversefootnote" role="doc-backlink">↩</a></p> + </li> + </ol> +</div> + + </div> + +</div> + + </div> + <footer> + <a href="mailto:scott@pantryofplants.ca" class="mail">Contact: scott@pantryofplants.ca <img src="images/mail.svg" class="mail-2"></a> + <p>© 2021 Pantry of Plants</p> +</footer> + + </body> +</html> diff --git a/recipes.html b/recipes.html index 7ddde56..55bddbb 100644 --- a/recipes.html +++ b/recipes.html @@ -41,20 +41,26 @@ //recipe names names[0] = "<p>Banana Loaf / Muffins</p>"; names[1] = "<p>Maple Bread</p>"; - names[2] = "<p>Maple Bread</p>"; - names[3] = "<p>Maple Bread</p>"; + names[2] = "<p>Croutons</p>"; + names[3] = "<p>Chocolate Chip Muffins</p>"; + names[4] = "<p>Pizza Dough</p>"; + names[5] = "<p>Kale Salad</p>"; //recipe image links images[0] = '<img src="images/recipe-images/banana-muffin.JPG">'; images[1] = '<img src="images/recipe-images/bread-3.JPG">'; - images[2] = '<img src="images/recipe-images/bread-3.JPG">'; - images[3] = '<img src="images/recipe-images/bread-3.JPG">'; + images[2] = '<img src="images/recipe-images/croutons-2.JPG">'; + images[3] = '<img src="images/recipe-images/chocolate-chip-muffins.JPG">'; + images[4] = '<img src="images/recipe-images/pizza.JPG">'; + images[5] = '<img src="images/recipe-images/kale-salad.JPG">'; //recipe hrefs links[0] = '<a href="banana-muffins.md.html"</a>'; links[1] = '<a href="maple-bread.md.html"</a>'; - links[2] = '<a href="maple-bread.md.html"</a>'; - links[3] = '<a href="maple-bread.md.html"</a>'; + links[2] = '<a href="croutons.md.html"</a>'; + links[3] = '<a href="chocolate-chip-muffins.md.html"</a>'; + links[4] = '<a href="pizza-dough.md.html"</a>'; + links[5] = '<a href="kale-salad.md.html"</a>'; //show arrays in console console.log(names, images, links); diff --git a/style/style.css b/style/style.css index 942ecb1..373a0e2 100644 --- a/style/style.css +++ b/style/style.css @@ -53,6 +53,7 @@ nav a:hover { .footnotes { font-weight: normal; + font-size: 0.9rem; } @@ -183,13 +184,14 @@ footer p { font-size: 16px; } -.image { +.image, .image-in-recipe { border-radius: 20px; width: 100%; margin-bottom: 10px; margin-top: 10px; } + h1 { font-size: 28px; font-weight: bold; @@ -303,8 +305,14 @@ ol li::before { opacity: 1; /* Firefox */ } - - +hr { + width: 92%; + height: 2px; + border: none; + border-radius: 20px; + color: #B8C5BB; + background-color: #B8C5BB; +} @media only screen and (min-width: 355px) { .logo { @@ -425,7 +433,7 @@ ol li::before { .text { width: 100%; - padding: 6px; + padding: 8px; } .image { |
