Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mark Cheong Recipe Site Upload #191

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Mark Cheong Recipe Site Upload #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
abc3fe5
first commit, page structure
franktakaema888 Oct 18, 2024
becfb65
website structure, and chinese recipe and cuisine pages
franktakaema888 Oct 18, 2024
0e0d457
added the cuisine and recipe pages for the other 3 cuisines
franktakaema888 Oct 18, 2024
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
Binary file added assets/bibimbap.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/omurice.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/porridge.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/speghetti.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 50 additions & 0 deletions cuisines/chinese.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chinese Food</title>
<link rel="stylesheet" href="../style.css"/>
</head>
<body>
<nav>
<div>
<a href="../index.html">
<h1>The Best Recipes!</h1>
</a>
</div>
<div>
<a href="./italian.html">Italian</a>
<a href="./chinese.html">Chinese</a>
<a href="./japanese.html">Japanese</a>
<a href="./korean.html">Korean</a>
</div>
</nav>

<main>
<div>
<div class="cuisine-column">
<div class="cuisine-row">
<h3>Porridge</h3>
<a href="../recipes/porridge.html">
<img src="../assets/porridge.jpg" alt="Chinese" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Porridge</h3>
<a href="../recipes/porridge.html">
<img src="../assets/porridge.jpg" alt="Chinese" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Porridge</h3>
<a href="../recipes/porridge.html">
<img src="../assets/porridge.jpg" alt="Chinese" class="cuisine-image">
</a>
</div>
</div>
</div>
</main>

</body>
</html>
50 changes: 50 additions & 0 deletions cuisines/italian.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Italian Food</title>
<link rel="stylesheet" href="../style.css"/>
</head>
<body>
<nav>
<div>
<a href="../index.html">
<h1>The Best Recipes!</h1>
</a>
</div>
<div>
<a href="./italian.html">Italian</a>
<a href="./chinese.html">Chinese</a>
<a href="./japanese.html">Japanese</a>
<a href="./korean.html">Korean</a>
</div>
</nav>

<main>
<div>
<div class="cuisine-column">
<div class="cuisine-row">
<h3>Aglio Olio</h3>
<a href="../recipes/aglio-olio.html">
<img src="../assets/speghetti.jpg" alt="Italian" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Aglio Olio</h3>
<a href="../recipes/aglio-olio.html">
<img src="../assets/speghetti.jpg" alt="Italian" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Aglio Olio</h3>
<a href="../recipes/aglio-olio.html">
<img src="../assets/speghetti.jpg" alt="Italian" class="cuisine-image">
</a>
</div>
</div>
</div>
</main>

</body>
</html>
50 changes: 50 additions & 0 deletions cuisines/japanese.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jap Food</title>
<link rel="stylesheet" href="../style.css"/>
</head>
<body>
<nav>
<div>
<a href="../index.html">
<h1>The Best Recipes!</h1>
</a>
</div>
<div>
<a href="./italian.html">Italian</a>
<a href="./chinese.html">Chinese</a>
<a href="./japanese.html">Japanese</a>
<a href="./korean.html">Korean</a>
</div>
</nav>

<main>
<div>
<div class="cuisine-column">
<div class="cuisine-row">
<h3>Omurice</h3>
<a href="../recipes/omurice.html">
<img src="../assets/omurice.jpg" alt="Japanese" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Omurice</h3>
<a href="../recipes/omurice.html">
<img src="../assets/omurice.jpg" alt="Japanese" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Omurice</h3>
<a href="../recipes/omurice.html">
<img src="../assets/omurice.jpg" alt="Japanese" class="cuisine-image">
</a>
</div>
</div>
</div>
</main>

</body>
</html>
50 changes: 50 additions & 0 deletions cuisines/korean.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Korean Food</title>
<link rel="stylesheet" href="../style.css"/>
</head>
<body>
<nav>
<div>
<a href="../index.html">
<h1>The Best Recipes!</h1>
</a>
</div>
<div>
<a href="./italian.html">Italian</a>
<a href="./chinese.html">Chinese</a>
<a href="./japanese.html">Japanese</a>
<a href="./korean.html">Korean</a>
</div>
</nav>

<main>
<div>
<div class="cuisine-column">
<div class="cuisine-row">
<h3>Bibimbap</h3>
<a href="../recipes/bibimbap.html">
<img src="../assets/bibimbap.jpg" alt="Korean" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Bibimbap</h3>
<a href="../recipes/bibimbap.html">
<img src="../assets/bibimbap.jpg" alt="Korean" class="cuisine-image">
</a>
</div>
<div class="cuisine-row">
<h3>Bibimbap</h3>
<a href="../recipes/bibimbap.html">
<img src="../assets/bibimbap.jpg" alt="Korean" class="cuisine-image">
</a>
</div>
</div>
</div>
</main>

</body>
</html>
34 changes: 33 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,40 @@
<html>
<head>
<title>The Best Recipes!</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<h1>Recipes</h1>
<nav>
<div>
<h1>The Best Recipes!</h1>
</div>
<div>
<a href="./cuisines/italian.html">Italian</a>
<a href="./cuisines/chinese.html">Chinese</a>
<a href="./cuisines/japanese.html">Japanese</a>
<a href="./cuisines/korean.html">Korean</a>
</div>
</nav>

<main>
<div class="container">
<a href="./cuisines/chinese.html">
<img src="./assets/porridge.jpg" alt="Chinese" class="cuisine-image">
</a>
<a href="./cuisines/italian.html">
<img src="./assets/speghetti.jpg" alt="Italian" class="cuisine-image">
</a>
<a href="./cuisines/japanese.html">
<img src="./assets/omurice.jpg" alt="Japanese" class="cuisine-image">
</a>
<a href="./cuisines/korean.html">
<img src="./assets/bibimbap.jpg" alt="Korean" class="cuisine-image">
</a>
</div>
</main>

<footer>

</footer>
</body>
</html>
66 changes: 66 additions & 0 deletions recipes/aglio-olio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aglio Olio</title>
<link rel="stylesheet" href="../style.css"/>
</head>
<body>
<nav>
<div>
<a href="../index.html">
<h1>The Best Recipes!</h1>
</a>
</div>
<div>
<a href="../cuisines/italian.html">Italian</a>
<a href="../cuisines/chinese.html">Chinese</a>
<a href="../cuisines/japanese.html">Japanese</a>
<a href="../cuisines/korean.html">Korean</a>
</div>
</nav>

<main>
<div>
<div class="recipe-column">
<div class="recipe-row">
<h2>Aglio Olio</h2>
</div>
<div class="recipe-row">
<h3>Ingredients:</h3>
<ul>
<li>Spaghetti</li>
<li>Olive Oil</li>
<li>Garlic</li>
<li>Crushed Red Pepper Flakes</li>
<li>Fresh Parsely and Grated Parmesan</li>
</ul>
</div>
<div class="recipe-row">
<h3>Preperation Time:</h3>
<p>
20 Minutes
</p>
</div>
<div class="recipe-row">
<h3>Instructions:</h3>
<h4>To cook congee</h4>
<ol>
<li>Cook the spaghetti. Cook the spaghetti in a generously-salted pot of boiling water until it is just one minute shy of being al dente.</li>
<li>Sauté the garlic. Meanwhile, about 3 minutes after you add the pasta to the boiling water, heat the olive oil in a large sauté pan over medium heat. Add the sliced garlic and crushed red pepper flakes and sauté for 3 to 5 minutes, or until the garlic is lightly golden.</li>
<li>Toss the pasta in the sauce. Once the pasta is ready to go, use tongs to transfer the pasta immediately to the sauté pan, along with 1/2 cup of the hot starchy pasta water. Toss the pasta continuously until it is evenly coated in the garlic sauce. If the sauce looks a bit too dry, add in another 1/4 cup of the starchy pasta water.</li>
<li>Taste and season. Give the pasta a quick taste add an extra pinch of salt and/or crushed red pepper flakes if needed.</li>
<li>Serve. Serve immediately while it’s nice and hot, garnished with any toppings that sound good.</li>
</ol>
</div>
<div class="recipe-row">
<img src="../assets/speghetti.jpg" alt="Italian">
</div>
</div>
</div>

</main>

</body>
</html>
Loading