-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
83edd33
commit 3cede7f
Showing
14 changed files
with
556 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Odin Recipes</title> | ||
| <link rel="icon" type="image/x-icon" href="./images/favicon.png"> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Odin Recipes</h1> | ||
| <figure> | ||
| <img src="images/tagine.jpg" alt="tagine"> | ||
| <figcaption> | ||
| <h2>The Moroccan Tagine</h2> | ||
| </figcaption> | ||
| </figure> | ||
| <p id="description">Tagine is a traditional Moroccan pot made from clay and consists of a circular base unit and a large cone cover that sits on the base during cooking. The cover is designed to turn all condensation to the bottom and keeps the dish moist as it slowly stews. In this project, I've chosen three of the most traditional Moroccan tagine recipes hope you like them.</p> | ||
| <div id="menu"> | ||
| <figure> | ||
| <div class="overlay"> | ||
| <img src="images/recipe-1.png" alt="couscous tagine"> | ||
| <div class="middle"> | ||
| <a href="recipes/couscous-tagine.html">Go to recipe</a> | ||
| </div> | ||
| </div> | ||
| <figcaption> | ||
| <a href="recipes/couscous-tagine.html">Couscous Tagine</a> | ||
| </figcaption> | ||
| </figure> | ||
| <figure> | ||
| <div class="overlay"> | ||
| <img src="images/recipe-2.png" alt="sweet tagine"> | ||
| <div class="middle"> | ||
| <a href="recipes/sweet-tagine.html">Go to recipe</a> | ||
| </div> | ||
| </div> | ||
| <figcaption> | ||
| <a href="recipes/sweet-tagine.html">Sweet Tagine</a> | ||
| </figcaption> | ||
| </figure> | ||
| <figure > | ||
| <div class="overlay"> | ||
| <img src="images/recipe-3.jpg" alt="chicken tagine"> | ||
| <div class="middle"> | ||
| <a href="recipes/chicken-tagine.html">Go to recipe</a> | ||
| </div> | ||
| </div> | ||
| <figcaption> | ||
| <a href="recipes/chicken-tagine.html">Chicken Tagine</a> | ||
| </figcaption> | ||
| </figure> | ||
| </div> | ||
| <p id="credit">Copyright © <a href="https://www.theodinproject.com/lessons/foundations-recipes" target="_blank">The Odin Recipes</a> Project 2023</p> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Chicken Tagine Recipe</title> | ||
| <link rel="icon" type="image/x-icon" href="../images/favicon.png"> | ||
| <link rel="stylesheet" href="../styles.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Chicken Tagine</h1> | ||
| <figure> | ||
| <img src="../images/chicken-tagine.jpg" alt="chicken tagine"> | ||
| <figcaption><h2>Chicken Tagine with Preserved Lemons</h2></figcaption> | ||
| </figure> | ||
| <p class="description">An easy tagine of chicken with preserved lemons and green olives, without using salt due to saltiness of the preserved lemon.</p> | ||
| <div class="details"> | ||
| <p><span>Servings:</span> 4</p> | ||
| <p><span>Prep Time:</span> 30 min.</p> | ||
| <p><span>Cook Time:</span> 50 min.</p> | ||
| <p><span>Complexity:</span> Easy</p> | ||
| </div> | ||
| <h3>Ingredients</h3> | ||
| <div class="ingredients"> | ||
| <ul> | ||
| <li>1 chicken, cut into quarters</li> | ||
| <li>½ preserved sliced lemon</li> | ||
| <li>1 tablespoon vegetable oil</li> | ||
| <li>1 tablespoon olive oil</li> | ||
| <li>½ chopped onion</li> | ||
| <li>2 garlic cloves</li> | ||
| <li>1 tablespoon chopped parsley</li> | ||
| <li>¼ teaspoon ground ginger</li> | ||
| <li>¼ teaspoon ground turmeric</li> | ||
| <li>¼ teaspoon ground pepper</li> | ||
| <li>¼ teaspoon saffron</li> | ||
| <li>½ cup water</li> | ||
| </ul> | ||
| </div> | ||
| <h3>Steps</h3> | ||
| <div class="steps"> | ||
| <ol> | ||
| <li>In tagine plate, combine chicken, onion, garlic, spices and the preserved lemon.</li> | ||
| <li>Cover the tagine and cook it on medium heat for 20 minutes.</li> | ||
| <li>Add some of water and continue cooking for 30 minutes until chicken is done.</li> | ||
| <li>Add green olives and continue cooking for 10 minutes.</li> | ||
| <li>Garnish with fresh parsley and serve it hot.</li> | ||
| </ol> | ||
| </div> | ||
| <div class="links"> | ||
| <a href="../index.html">Main Menu</a> | ||
| </div> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,73 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Couscous Tagine Recipe</title> | ||
| <link rel="icon" type="image/x-icon" href="../images/favicon.png"> | ||
| <link rel="stylesheet" href="../styles.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Couscous Tagine</h1> | ||
| <figure> | ||
| <img src="../images/couscous-tagine.jpg" alt="couscous tagine"> | ||
| <figcaption><h2>Couscous Tagine with Vegetables</h2></figcaption> | ||
| </figure> | ||
| <p class="description">A traditional steamed couscous tagine pilled high with seven vegetables, you can cook it in a couscoussier and serve it in a tagine.</p> | ||
| <div class="details"> | ||
| <p><span>Servings:</span> 6</p> | ||
| <p><span>Prep Time:</span> 45 min.</p> | ||
| <p><span>Cook Time:</span> 75 min.</p> | ||
| <p><span>Complexity:</span> Difficult</p> | ||
| </div> | ||
| <h3>Ingredients</h3> | ||
| <div class="ingredients"> | ||
| <ul> | ||
| <li>1 kilogram dry couscous</li> | ||
| <li>¼ cup vegetable oil</li> | ||
| <li>½ teaspoon salt</li> | ||
| <li>100g butter</li> | ||
| <li>1 kilogram meat, cut into large pieces</li> | ||
| <li>½ teaspoon turmeric</li> | ||
| <li>1 teaspoon ginger powder</li> | ||
| <li>½ teaspoon pepper</li> | ||
| <li>¼ teaspoon saffron</li> | ||
| <li>1 teaspoon salt</li> | ||
| <li>¼ cup olive oil</li> | ||
| <li>½ liter water</li> | ||
| <li>¼ cup dried chickpeas soaked in water</li> | ||
| <li>1 bunch of parsley</li> | ||
| <li>1 acorn squash, quartered</li> | ||
| <li>2 tomatoes, peeled and quartered</li> | ||
| <li>5 carrots, peeled and halved</li> | ||
| <li>5 small zucchinis halved</li> | ||
| <li>3 potatoes, peeled and halved</li> | ||
| <li>3 turnips, peeled and halved</li> | ||
| <li>2 small onions, peeled and halved</li> | ||
| </ul> | ||
| </div> | ||
| <h3>Steps</h3> | ||
| <div class="steps"> | ||
| <ol> | ||
| <li>Place the meat, oil, salt, turmeric, ginger, pepper, saffron and 2 cups of water in the bottom section of the couscous pot.</li> | ||
| <li>Add chickpeas and parsley and cook it on medium heat for 30 minutes.</li> | ||
| <li>Place the couscous in large bowl and mix it with some water.</li> | ||
| <li>While the meat on heat, place the couscous on the top of the pot and let it steam for 15 minutes.</li> | ||
| <li>After that, remove the couscous, place it in a bowl, add it oil, salt and mix all.</li> | ||
| <li>Place the couscous in the pot and steam it for another 15 minutes.</li> | ||
| <li>Add vegetables to the meat and let the couscous steam until the vegetables are done.</li> | ||
| <li>Pour the couscous back into the bowl, add the butter and mix all until the butter is melted.</li> | ||
| <li>Serve the couscous by setting it first in the tagine plate.</li> | ||
| <li>Add meat, vegetables and some sauce on the top of the tagine.</li> | ||
| <li>Finally, garnish with chickpeas and some of almonds.</li> | ||
| </ol> | ||
| </div> | ||
| <div class="links"> | ||
| <a href="../index.html">Main Menu</a> | ||
| <a href="./sweet-tagine.html">Next Recipe</a> | ||
| </div> | ||
| </main> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Sweet Tagine Recipe</title> | ||
| <link rel="icon" type="image/x-icon" href="../images/favicon.png"> | ||
| <link rel="stylesheet" href="../styles.css"> | ||
| </head> | ||
| <body> | ||
| <main> | ||
| <h1>Sweet Tagine</h1> | ||
| <figure> | ||
| <img src="../images/sweet-tagine.jpg" alt="sweet tagine"> | ||
| <figcaption><h2>Sweet Couscous Tagine with Dried Fruits</h2></figcaption> | ||
| </figure> | ||
| <p class="description">A sweet steamed couscous tagine with caramelized dried fruits, flavored with cinnamon; a tagine leads you to a combination of sweetness and spice.</p> | ||
| <div class="details"> | ||
| <p><span>Servings:</span> 4</p> | ||
| <p><span>Prep Time:</span> 30 min.</p> | ||
| <p><span>Cook Time:</span> 60 min.</p> | ||
| <p><span>Complexity:</span> Medium</p> | ||
| </div> | ||
| <h3>Ingredients</h3> | ||
| <div class="ingredients"> | ||
| <ul> | ||
| <li>500 grams dry couscous</li> | ||
| <li>4 tablespoons vegetable oil</li> | ||
| <li>½ teaspoon salt</li> | ||
| <li>1 to 2 tablespoons butter</li> | ||
| <li>2 cups of water</li> | ||
| <li>3 tablespoons sugar or honey</li> | ||
| <li>1 teaspoon ground cinnamon</li> | ||
| <li>100g dried apricots</li> | ||
| <li>100g dried prunes</li> | ||
| <li>2 small onions, peeled and chopped</li> | ||
| <li>¼ teaspoon salt</li> | ||
| <li>¼ teaspoon pepper</li> | ||
| <li>1 teaspoon ground ginger</li> | ||
| <li>1 tablespoons ground turmeric</li> | ||
| <li>1 tablespoon vegetable oil</li> | ||
| </ul> | ||
| </div> | ||
| <h3>Steps</h3> | ||
| <div class="steps"> | ||
| <ol> | ||
| <li>In a large bowl, combine the couscous, oil, water and mix all until the couscous covered in oil.</li> | ||
| <li>Place the couscous in a couscous pot and steam it for 30 minutes in medium heat.</li> | ||
| <li>Pour the couscous back in the bowl, add it butter and mix all until the butter is melted.</li> | ||
| <li>Place the couscous back in the pot and steam it back for another 15 minutes.</li> | ||
| <li>While the couscous on heat, we prepare the dried fruits.</li> | ||
| <li>Put the dried fruits in large sauce pan, add onions, sugar, cinnamon, salt, pepper, ginger, turmeric, oil and water.</li> | ||
| <li>Cook it in medium low heat for 20 minutes, until the dried fruits become very soft.</li> | ||
| <li>Place the couscous in a serving tagine, add on top the dried fruits mix and some of sauce.</li> | ||
| <li>Garnish the dish with some of cinnamon sticks before serving.</li> | ||
| </ol> | ||
| </div> | ||
| <div class="links"> | ||
| <a href="../index.html">Main Menu</a> | ||
| <a href="./chicken-tagine.html">Next Recipe</a> | ||
| </div> | ||
| </main> | ||
| </body> | ||
| </html> |
Oops, something went wrong.