Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added HTML/README.md
Empty file.
Binary file added HTML/images/aglio-e-olio-e-peperoncino-01.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions HTML/odin-recipes/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recipes Pages</title>
</head>
<body>
<h1>Odin Recipes</h1>
<ul>
<li><a href="recipes/spaghetti.html">Spaghetti</a></li>
<li><a href="recipes/salad.html">Salad</a></li>
<li><a href="recipes/thai.html">Thai Curry</a></li>
</ul>
</body>
</html>
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.
30 changes: 30 additions & 0 deletions HTML/odin-recipes/recipes/salad.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Salad Recipe</title>
</head>
<body>
<a href="../index.html">Back to Home</a>
<h1>Caprise Salad</h1>
<img src="images/k_archive_3b432b41ce04c96a08d77befa42b9881a587a436.jpg" alt="Dish Image" height="400" width="400">
<p>A refreshing and colorful salad that highlights the juicy flavors of ripe tomatoes and fresh mozzarella, accented by fragrant basil and a drizzle of balsamic glaze.</p>
<h2>Ingredients</h2>
<ul>
<li>3 large ripe tomatoes, sliced</li>
<li>250g fresh mozzarella, sliced</li>
<li>4 garlic cloves, thinly sliced</li>
<li>Fresh basil leaves</li>
<li>Salt and Pepper, to taste</li>
<li>Balsamic glaze</li>
</ul>
<h2>Steps</h2>
<ol>
<li>Arrange alternating slices of tomato and mozzarella on a serving plate.</li>
<li>Tuck whole basil leaves between the layers of tomato and mozzarella.</li>
<li>Drizzle with olive oil and balsamic glaze evenly over the salad.</li>
<li>Season with salt and pepper to taste, and serve chilled or at room temperature.</li>
</ol>
</body>
</html>
32 changes: 32 additions & 0 deletions HTML/odin-recipes/recipes/spaghetti.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spaghetti Recipe</title>
</head>
<body>
<a href="../index.html">Back to Home</a>
<h1>Spaghetti Aglio e Olio</h1>
<img src="images/aglio-e-olio-e-peperoncino-01.jpeg" alt="Dish Image" height="400" width="600">
<p>A simple and delicious Italian pasta dish that delivers a kick of garlic and red pepper flakes in every bite, perfect for a quick weeknight dinner.</p>
<h2>Ingredients</h2>
<ul>
<li>200g spaghett</li>
<li>1/2 cup extra virgin olive oil</li>
<li>4 garlic cloves, thinly sliced</li>
<li>1/2 teaspoon red pepper flakes</li>
<li>Salt, to taste</li>
<li>Fresh parsley, chopped</li>
<li>Optional: Grated Parmesan cheese</li>
</ul>
<h2>Steps</h2>
<ol>
<li>Boil a large pot of salted water and cook the spaghetti until al dente, then drain and set aside.</li>
<li>In a large skillet, heat the olive oil over medium heat, then add the sliced garlic and red pepper flakes.
Sauté until the garlic turns golden, being careful not to burn it.</li>
<li>Add the cooked spaghetti to the skillet and toss well to combine all the flavors.</li>
<li>Season with salt, sprinkle chopped parsley and, if using, grated Parmesan cheese. Serve immediately.</li>
</ol>
</body>
</html>
35 changes: 35 additions & 0 deletions HTML/odin-recipes/recipes/thai.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curry Recipe</title>
</head>
<body>
<a href="../index.html">Back to Home</a>
<h1>Thai Green Curry Chicken</h1>
<img src="images/green-curry-new-sq-3.jpg" alt="Dish Image" height="400" width="400">
<p>A fragrant and savory Thai curry featuring tender chicken pieces simmered in a rich, spicy, and creamy green curry sauce with hints of lime and fresh basil.</p>
<h2>Ingredients</h2>
<ul>
<li>500g chicken breast, cut into bite-sized pieces</li>
<li>2 tablespoons green curry paste</li>
<li>1 can (400ml) coconut milk</li>
<li>1 tablespoon fish sauce</li>
<li>1 tablespoon brown sugar</li>
<li>1 bell pepper, sliced</li>
<li>1 cup Thai basil leaves (or regular basil if Thai basil is unavailable)</li>
<li>1 lime, cut into wedges</li>
<li>1 tablespoon vegetable oil</li>
<li> Optional: Fresh chopped cilantro for garnish</li>
</ul>
<h2>Steps</h2>
<ol>
<li>In a large pan, heat the vegetable oil over medium-high heat and sauté the chicken pieces until they’re browned on all sides.</li>
<li>Add the green curry paste to the pan and stir well to evenly coat the chicken with the spices.</li>
<li>Pour in the coconut milk, then add the fish sauce and brown sugar; stir to combine and let simmer for about 10 minutes until the chicken is cooked through.</li>
<li>Toss in the sliced bell pepper and cook for an additional 3–4 minutes until tender but still crisp.</li>
<li>Remove from heat, stir in the basil leaves, and squeeze in lime juice. Garnish with fresh cilantro if desired, and serve over steamed rice.</li>
</ol>
</body>
</html>