kae-dot · kae-dot · Jan 10, 2022
diff --git a/odin-recipes/README.md b/odin-recipes/README.md
@@ -0,0 +1,8 @@
+# odin-recipes
+This is my first project on the odin project. In this I'll be practicing the basics of creating recipe webpage from scratch. Along with this I'll be practicing using git commands in terminal. There will be a total of 4 pages- home(index), vegan alfredo (recipe 1), 40-minute Pho (recipe 2), edible cookie dough and (recipe 3).
+
+recipe page content:
+    1. An image of the finished dish under the h1 heading that you added earlier. You can find images of the dish on google or the site recipe site we linked to earlier.
+    2. Under the image, it should have an appropriately sized “Description” heading followed by a paragraph or two describing the recipe.
+    3. Under the description, add an “Ingredients” heading followed by an unordered list of the ingredients needed for the recipe.
+    4. Finally, under the ingredients list, add a “Steps” heading followed by an ordered list of the steps needed for making the dish.
diff --git a/odin-recipes/images/Vegan-Vietnamese-Pho.jpeg b/odin-recipes/images/Vegan-Vietnamese-Pho.jpeg
diff --git a/odin-recipes/images/easy alfredo .jpeg b/odin-recipes/images/easy alfredo .jpeg
diff --git a/odin-recipes/images/edible-cookie-dough.jpeg b/odin-recipes/images/edible-cookie-dough.jpeg
diff --git a/odin-recipes/images/the-office-kevin-eat-it.gif b/odin-recipes/images/the-office-kevin-eat-it.gif
diff --git a/odin-recipes/images/vegan-chicken-broccoli-alfredo.jpeg b/odin-recipes/images/vegan-chicken-broccoli-alfredo.jpeg
diff --git a/odin-recipes/images/vegan-pho.webp b/odin-recipes/images/vegan-pho.webp
diff --git a/odin-recipes/index.html b/odin-recipes/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Everyday Plant-based Meals</title>
+    </head>
+    <body>
+        <h1> Everyday Plant-based Meals </h1>
+        <img src="images/the-office-kevin-eat-it.gif" alt="The office Season 7, episode 13 'Ultimatum' Kevin is force fed broccoli by Michael.">
+        <p> So you're new to the plant-based and/or vegan diet. You simply don't have time or are kinda lazy when it comes to cooking, maybe both, but you don't want to eat out. </p>
+        <p> Congratulations, you've reached the right site! These recipes are quick, easy, and use minimal dishes in order to cut down on cleaning time afterwards.</p>
+        <h3>Recipes</h3>
+        <ul>
+            <li><a href="recipes/vegan-alfredo.html">Easy Vegan Alfredo</a></li>
+            <li><a href="recipes/pho.html"> 40 minute Pho </a></li>
+            <li><a href="recipes/edible-cookie-dough.html">Edible Cookie Dough</a>
+        </ul>
+
+
+    </body>
+</html>
diff --git a/odin-recipes/recipes/edible-cookie-dough.html b/odin-recipes/recipes/edible-cookie-dough.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title> Edible Cookie Dough</title>
+    </head>
+    <body>
+        <h1>Edible Cookie Dough</h1>
+        <!--img -->
+        <img src="../images/edible-cookie-dough.jpeg" alt="Easy Vegan Edbile Cookie Dough">
+        <!--description-->
+        <h2>Description</h2>
+            <p></p>
+
+        <!--prep/cook time and servings (should be made into a table)-->
+        <h4>prep time</h4><p>10 minutes</p> 
+        <h4>storage time</h4><p>up to 10 days in refrigerator</p>
+
+        <!--ingredients-->
+        <h2>Ingredients</h2>
+            <ul>
+                <li>Brown Sugar</li>
+                <li>coconut oil</li>
+                <li>Almond flour </li>
+                <li>Non-dairy milK</li>
+                <li>Vanilla Extract</li>
+                <li>Salt</li>
+                <li>Dairy Free chocolate chips </li>
+
+            </ul>
+
+        <!--instructions-->
+        <h2>Steps to make this meal</h2>
+            <ol>
+            <li>In a medium bowl, combine everything but the milk and chocolate chips. Mix until ingredients form a crumbly consistency.</li> 
+                <li>Add the milk and stir well again.</li>
+            <li> Fold in the chocolate chips until they stick into the mixture well.</li>
+
+            </ol>
+            <p> QUICK AND SIMPLE :)</p>
+    </body>
+</html>
diff --git a/odin-recipes/recipes/pho.html b/odin-recipes/recipes/pho.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <title>40-minute Pho</title>
+    </head>
+    <body>
+        <h1>40- minute Pho</h1>
+
+        <!--img-->
+        <img src="../images/Vegan-Vietnamese-Pho.jpeg" alt="Vegan Pho Served with cilantro and lime.">
+
+        <!--description-->
+        <h2>Description</h2>
+        <p>This is a soup-er flavorful and fulling recipes for those days when you have a little extra time on your hands to put together beautiful bowl of pho.</p>
+
+        <!--prep & cook time (make into a table)-->
+        <h4>prep time</h4> <p>10 minutes</p> 
+        <h4>cook time</h4> <p>40 minutes</p>
+        <h4>total time</h4><p>40 minutes</p>
+        <h4>servings</h4><!--button-->
+        <h4>days kept</h4> <p>3-4 days</p>
+       <!--add a button for conversion from metric to US system-->
+
+        <!--ingredients -->
+        <h2>Ingredients</h2>
+        <ul>
+            <li>1.5L (6 cups) veggie broth</li>
+            <li>1 package rice noodles - I used extra-large rice noodles</li>
+            <li>1 Tbsp coconut oil</li>
+            <li>200g (2 cups) button mushrooms, sliced </li>
+            <li>1 large carrot, sliced thinly or with a peeler (whatever have/ prefer)</li>
+            <li>1 tbsp minced minced garlic</li>
+            <li>1 yellow onion, thinly sliced </li>
+            <li>1 small bunch of cilantro or fresh parsley</li>
+            <li>1 chili pepper, sliced</li>
+            <li>1 star anise</li>
+            <li>1 cinnamon stick</li>
+            <li>2 Tbsp coconut aminos or soy sauce</li>
+            <li>¼ tsp ground ginger</li>
+            <li>1 tsp Sriracha, or more to taste </li>
+            <li>1 medium lime, cut into wedges</li>
+            <li>a handful of green onion for topping, chopped</li>
+        </ul>
+
+        <!--instructions-->
+        <h2>Steps to make this meal</h2>
+        <ol>
+            <li>In a large saucepan, on a medium heat, add the cinnamon stick and anise star and dry-roast them, stirring to prevent burning, for about a minute.</li>
+            <li>Add 1 Tbsp coconut oil and the sliced onions. Stir fry them for about 2 minutes.</li>
+            <li>Add the ginger and garlic and cook for 2 more minutes,</li>
+            <li>Pour in the vegetable broth, soy sauce or coconut aminos, sriracha sauce, and bring to a boil, then lower the heat. </li>
+            <li>Simmer for about 25 minutes on low heat.</li>
+            <li>Meanwhile, prepare the noodles and toppings.</li>
+            <li>Soak the rice noodles for about 20 minutes in water.</li>
+            <li>Stir-fry the mushrooms in a small pan for about 4 minutes. You can skip this step and simply add them to the soup, but I just love the lightly fried mushrooms flavor in this recipe.</li>
+            <li>Add the noodles, mushrooms, carrot, cilantro and sliced chili pepper to the soup. Boil for 3-5 more minutes.</li>
+            <li>Top with green onions and serve with a lime wedge.</li>
+
+        </ol>
+    </body>
+
+</html>
diff --git a/odin-recipes/recipes/vegan-alfredo.html b/odin-recipes/recipes/vegan-alfredo.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>Easy Vegan Alfredo</title>
+    </head>
+    <body>
+        <h1>Easy Vegan Alfredo</h1>
+
+        <!-- image of the finished dish -->
+        <img src="../images/vegan-chicken-broccoli-alfredo.jpeg" alt="Finished Creamy Vegan Alfredo"> 
+
+        <!-- desccription --> 
+        <h2>Description</h2>
+        <p> Are you a lazy vegan? Same. This recipe is quick, easy and packed full of flavor. It can be made in 30 minutes and uses ingredients that you probably already have in your kitchen. So let's get into it!  </p>
+
+        <!-- prep time, cook time, total time, servings, how long it can keep (make into a table)-->
+        <h4>prep time</h4> <p>10 minutes</p> 
+        <h4>cook time</h4> <p>20 minutes</p>
+        <h4>total time</h4><p>30 minutes</p>
+        <h4>servings</h4><!--button-->
+        <h4>days kept</h4> <p>3-4 days</p>
+
+        <!-- ingredients -->
+        <h2>Ingredients</h2>
+        <h3>Pasta</h3>
+        <ul> 
+            <li> 8-10 ounces of your favorite pasta noodles (I'll be using Cavatappi noodles)</li> 
+            <li>3 tbsp olive oil</li>
+            <li> 2 tbsp minced garlic</li>
+            <li> 4 tbsp all purpose flour</li>
+            <li>1 3/4- 2 cups unsweeetened plain almond milk (or your choice of milk alternative</li>
+            <li>1/4 cup of nutritional yeast</li>
+            <li>Seasoning to taste: italian herb seasoning, garlic powder, onion powder, salt and pepper </li>
+        </ul>
+        <h4>Optional Ingredients</h4>
+        <ul>
+            <li>fresh basil</li>
+            <li>broccoli</li>
+            <li>plant-based chicken</li>
+            <li>red pepper flakes</li>
+            <li>vegan parmesan</li>
+        </ul>
+        <!-- step/ instructions for cooking -->
+        <h3>Steps to make this meal</h3>
+        <ol>
+            <li>Add pasta to a large pot of boiling, well-salted water and cook according to package instructions.</li>
+            <li>While waiting to for the water to boil and pasta to cook, heat a large skillet over medium heat. Once hot, add olive oil and garlic, stirring quickly to ensure it doesn’t burn</li>
+            <li>Reduce heat slightly, gradually add all-purpose flour and whisk to combine. Cook for about a minute and then add almond milk slowly (about 1/4 cup at a time) as you're whisking to prevent clumps. Cook for 2 minutes</li>
+            <li>Next, add your seasonings, vegan parmesan cheese, nutritional yeast, and whisk throughly until creamy and smooth, scraping down sides as needed. Taste and adjust seasonings as needed – don't be shy.</li>
+            <li>If sauce is too thick, add a little more milk. If too thin, whisk in 1-2 tsp more of all-purpose flour. Whisk to combine and repeat as needed. <B>Once the desired consistency is reached, add your broccoli and allow the sauce to simmer.</B></li>
+            <li>Once sauce is ready, add pasta, plant-based chicken, and toss. Cook for 1-2 minutes to warm through then serve with fresh basil, additional vegan parmesan cheese, and red pepper flakes.</li>
+            <li>Leftovers keep covered in the refrigerator for up to a few days, though best when fresh.</li>
+        </ol>
+
+    </body>
+</html>