diff --git a/Markdown/TheOdinProjectNotes.md b/Markdown/TheOdinProjectNotes.md index 155acda..8826520 100644 --- a/Markdown/TheOdinProjectNotes.md +++ b/Markdown/TheOdinProjectNotes.md @@ -305,4 +305,24 @@ git remote set-url origin https://'username':'password'@repositorylink ### Recipes - Project to build a basic recipe website - Will have a main index page with links to a few recipes +#### Assignment +- Iteration 1: Initial Structure + - Within the `odin-recipes` directory, create an `index.html` file + - Fill it out with the usual boilerplate HTML and add an `h1` heading "Odin Recipes" to the body +- Iteration 2: Recipe Page + - Create a new directory within the `odin-recipes` directory and name it `recipes` + - Create a new HTML file within the `recipes` directory and name it after the recipe it will contain. + - Ie. `lasagna.html` + - Include an `h1` heading with the recipe's name as its content + - Back in the `index.html` file, add a link to the recipe page you just created + - Use an anchor +- Iteration 3: Recipe Page Content + - An Image of the finished dish under the `h1` heading + - Under the image, it should have an appropriately sized "Description" heading followed by a paragraph or two describing the recipe + - Under the description, add an "Ingredients" heading followed by an **unordered list** of the ingredients needed for the recipe. + - Finally, under the ingredients list, add a "Steps" heading followed by an **ordered list** of the steps needed for making the dish +- Iteration 4: Add More Recipes + - Add two more recipes with the identical page structures to the recipe page you've already created + - Don't forget to link to the new recipes on the index page + - Consider putting all the links in an *unordered list* so they aren't all on one line. - \ No newline at end of file diff --git a/odin-recipes/index.html b/odin-recipes/index.html new file mode 100644 index 0000000..898fffe --- /dev/null +++ b/odin-recipes/index.html @@ -0,0 +1,17 @@ + + + + + + + Document + + +

Odin Recipes

+ + + \ No newline at end of file diff --git a/odin-recipes/recipes/ChickenTenders.html b/odin-recipes/recipes/ChickenTenders.html new file mode 100644 index 0000000..7b517d4 --- /dev/null +++ b/odin-recipes/recipes/ChickenTenders.html @@ -0,0 +1,40 @@ + + + + + + + Document + + +

Juicy Chicken Tenders

+ +

Description

+

+ The Recipe was created by John Chandler, it became one of the most popular lasagna recipes + today and is still replicated and enjoyed. +

+

+ His legacy is the lasagna since he passed away at a young age of 53 +

+

Ingredients

+ +

Steps

+
    +
  1. In a small saucepan over medium heat, mix pineapple juice, + brown sugar, and soy sauce. Remove from heat just before the mixture comes to a boil.
  2. +
  3. Place chicken tenders in a medium bowl. + Cover with the pineapple marinade, and refrigerate for at least 30 minutes.
  4. +
  5. Preheat grill for medium heat. Thread chicken lengthwise onto wooden skewers.
  6. +
  7. Lightly oil the grill grate. Grill chicken tenders 5 minutes per side, + or until juices run clear. They cook quickly, so watch them closely.
  8. +
+ + \ No newline at end of file diff --git a/odin-recipes/recipes/Salmon.html b/odin-recipes/recipes/Salmon.html new file mode 100644 index 0000000..5c3f4d9 --- /dev/null +++ b/odin-recipes/recipes/Salmon.html @@ -0,0 +1,41 @@ + + + + + + + Document + + +

Grilled Salmon

+ +

Description

+

+ Amazingly sweet salmon that is fresh as can be that goes well with veggies. +

+

Ingredients

+ +

Steps

+
    +
  1. Season salmon fillets with lemon pepper, garlic powder, and salt
  2. +
  3. Stir soy sauce, brown sugar, water, and vegetable oil together in a + small bowl until sugar is dissolved. Place fish in a large resealable + plastic bag; add soy sauce mixture, seal, and turn to coat. Refrigerate + for at least 2 hours. +
  4. +
  5. Preheat an outdoor grill for medium heat and lightly oil the grate.
  6. +
  7. Place salmon on the preheated grill, and discard marinade. Cook salmon + until fish flakes easily with a fork, about 6 to 8 minutes per side.
  8. +
+ + \ No newline at end of file diff --git a/odin-recipes/recipes/lasagna.html b/odin-recipes/recipes/lasagna.html new file mode 100644 index 0000000..c2ce744 --- /dev/null +++ b/odin-recipes/recipes/lasagna.html @@ -0,0 +1,43 @@ + + + + + + + Document + + +

The Best Meat Lasagna

+ +

Description

+

+ The Recipe was created by John Chandler, it became one of the most popular lasagna recipes + today and is still replicated and enjoyed. +

+

+ His legacy is the lasagna since he passed away at a young age of 53 +

+

Ingredients

+ +

Steps

+
    +
  1. Make the meat sauce
  2. +
  3. Cook the noodles
  4. +
  5. Make the ricotta mixture
  6. +
  7. Layer the lasagna according to the recipe instructions
  8. +
  9. Cover with foil and bake
  10. +
  11. Let the lasagna rest before saving
  12. +
  13. 50 minutes in oven at 375 degrees.
  14. +
+ + \ No newline at end of file