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

PTBC10-1.E.1 Recipe Site- Mira #189

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

PTBC10-1.E.1 Recipe Site- Mira #189

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
32d7d1b
Initial commit
mirawang-1013 Jan 25, 2024
52e488b
commit message
mirawang-1013 Jan 25, 2024
75738c3
对 README 的更改
mirawang-1013 Jan 25, 2024
a457950
对 README 的更改
mirawang-1013 Jan 25, 2024
b251de4
更新了网站内容，包括 Canadian.html, README.md, Scottish.html, 和 index.html
mirawang-1013 Jan 25, 2024
5cc702f
Update website content,which includes: Canadian.html, README.md, Scot…
mirawang-1013 Jan 25, 2024
c7746d8
Update website content,which includes: Canadian.html, README.md, Scot…
mirawang-1013 Jan 25, 2024
5c2da83
change styles
mirawang-1013 Jan 25, 2024
0904081
change styles
mirawang-1013 Jan 25, 2024
9806bb1
change styles
mirawang-1013 Jan 25, 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
2 changes: 0 additions & 2 deletions .gitignore
View file
Open in desktop

This file was deleted.

43 changes: 43 additions & 0 deletions Butter_Tarts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Canadian Food 2</title>
</head>

<body>
<div>
<h2>Butter Tarts</h2>
</div>
<div>
<img src = "https://bakefromscratch.com/wp-content/uploads/2018/01/pecan-butter-tarts.jpg" />
</div>
<div>
<h4>Ingredients: </h4>
<ul>
<li>Pastry shells</li>
<li>butter</li>
<li>brown sugar</li>
<li>eggs</li>
<li>vanilla extract</li>
<li>raisins</li>
<li>pecans (optional)</li>
</ul>
</div>
<div>
<h4>Instructions:</h4>
<ol>
<li>Preheat the oven to 190°C (375°F).</li>
<li>In a bowl, mix melted butter, brown sugar, eggs, and vanilla extract.</li>
<li>Place the pastry shells on a baking sheet.</li>
<li>Put raisins or pecans in each shell (optional), then fill with the butter mixture.</li>
<li>Bake for 15-20 minutes until the filling is set.</li>
<li>Let cool before serving.</li>
</ol>
</div>
<div>
<a href="./index.html">Main Page</a>
</div>
</body>

</html>
34 changes: 34 additions & 0 deletions Canadian.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang = "en">

<head>
<title>Canadian Food</title>
</head>

<body>
<div>
<div>
<h1>Canadian Food</h1>
</div>
<div>
<ul>
<li>
<h3>
<a href="./Poutine.html">Poutine</a>
</h3>
</li>
<li>
<h3>
<a href="./Butter_Tarts.html">Butter_Tarts</a>
</h3>
</li>
</ul>
</div>
<br>
<div>
<a href="./index.html">Main Page</a>
</div>
</div>
</body>

</html>
42 changes: 42 additions & 0 deletions Cranachan.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Scottish Food 2</title>
</head>

<body>
<div>
<h2>Cranachan</h2>
</div>
<div>
<img
src = "https://www.deliciousmagazine.co.uk/wp-content/uploads/2019/01/960x1200-Cranachan-GettyImages-1034595408-768x960.jpg"
style="width: 20%; height: auto;" />
</div>
<div>
<h4>Ingredients: </h4>
<ul>
<li>Fresh raspberries</li>
<li>honey</li>
<li>oatmeal</li>
<li>whisky</li>
<li>double cream</li>
</ul>
</div>
<div>
<h4>Instructions:</h4>
<ol>
<li>Toast the oatmeal until golden brown.</li>
<li>Whip the double cream until stiff, then stir in honey and whisky.</li>
<li>Gently fold in the toasted oatmeal.</li>
<li>Layer the cream mixture and fresh raspberries in glasses.</li>
<li>Chill before serving.</li>
</ol>
</div>
<div>
<a href="./index.html">Main Page</a>
</div>
</body>

</html>
42 changes: 42 additions & 0 deletions Haggis.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Scottish Food 1</title>
</head>

<body>
<div>
<h2>Haggis</h2>
</div>
<div>
<img src = "https://images.immediate.co.uk/production/volatile/sites/30/2021/12/Haggis-neeps-and-tatties-b8ad618.jpg?quality=90&webp=true&resize=600,545" />
</div>
<div>
<h4>Ingredients: </h4>
<ul>
<li>Sheep's heart, liver, and lungs</li>
<li>onion</li>
<li>oatmeal</li>
<li>suet</li>
<li>spices</li>
<li>stock</li>
</ul>
</div>
<div>
<h4>Instructions:</h4>
<ol>
<li>Clean the sheep's heart, liver, and lungs.</li>
<li>Boil them with onion until cooked, then mince the meats.</li>
<li>Mix the minced meats with toasted oatmeal, suet, and spices.</li>
<li>Stuff the mixture into a sheep's stomach or an artificial casing.</li>
<li>Boil the haggis in stock for several hours.</li>
<li></li>Serve with neeps (turnips) and tatties (potatoes).</li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There an extra li here.

</ol>
</div>
<div>
<a href="./index.html">Main Page</a>
</div>
</body>

</html>
37 changes: 37 additions & 0 deletions Poutine.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Canadian Food 1</title>
</head>

<body>
<div>
<h2>Poutine</h2>
</div>
<div>
<img src = "https://www.seriouseats.com/thmb/vJK2FmO5beJ5vjvV9-lkR3mJVvc=/750x0/filters:no_upscale():max_bytes(150000):strip_icc():format(webp)/ultimate-perfect-poutine-fries-cheese-curds-gravy-recipe-hero-2-7637732f8c174bc59f9b84e7b6e6b660.jpg" />
</div>
<div>
<h4>Ingredients: </h4>
<ul>
<li>French fries</li>
<li>cheese curds</li>
<li>brown gravy</li>
</ul>
</div>
<div>
<h4>Instructions:</h4>
<ol>
<li>Fry the French fries until golden and crispy.</li>
<li>Spread the fries on a plate and sprinkle cheese curds over them.</li>
<li>Pour hot brown gravy over the fries and cheese curds.</li>
<li>Serve immediately.</li>
</ol>
</div>
<div>
<a href="./index.html">Main Page</a>
</div>
</body>

</html>
14 changes: 14 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,15 @@
# Rocket Academy Coding Bootcamp: Recipe Site

## Brief Introduction

This web project introduces four delicious recipes from Canadian and Scottish cuisines, bringing a taste of these cultures right to your kitchen. The website features easy-to-follow recipes for Canadian butter tarts and poutine, as well as Scottish haggis and cranachan.

## Technologies Used
HTML
CSS
JavaScript

## Contact
For any additional questions or feedback, please contact Huijia Wang (Mira) at [email protected]


34 changes: 34 additions & 0 deletions Scottish.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang = "en">

<head>
<title>Scottish Food</title>
</head>

<body>
<div>
<div>
<h1>Scottish Food</h1>
</div>
<div>
<ul>
<li>
<h3>
<a href="./Haggis.html">Haggis</a>
</h3>
</li>
<li>
<h3>
<a href="./Cranachan.html">Cranachan</a>
</h3>
</li>
</ul>
</div>
<br>
<div>
<a href="./index.html">Main Page</a>
</div>
</div>
</body>

</html>
53 changes: 51 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<title>The Best Recipes!</title>
<title>Best Recipes</title>
</head>

<body>
<h1>Recipes</h1>
<div>
<div>
<h1>Canadian and Scottish Recipes</h1>
</div>
<br />
<div>
<h2>Canadian Recipes</h2>
<ul>
<li>
<a href="./Poutine.html">
<h3>Poutine</h3>
</a>
</li>
<li>
<a href="./Butter_Tarts.html">
<h3>Butter tarts</h3>
</a>
</li>
</ul>
</div>
<br />
<div>
<h2>Scottish Food</h2>
<ul>
<li>
<a href="./Haggis.html">
<h3>Haggis</h3>
</a>
</li>
<li>
<a href="./Cranachan.html">
<h3>Cranachan</h3>
</a>
</li>
</ul>
</div>
<br />
<div>
<h2>Recipes by category</h2>
<ul>
<li>
<a href="./Canadian.html"><h3>Canadian Food</h3></a>
</li>
<li>
<a href="./Scottish.html"><h3>Scottish Food</h3></a>
</li>
</ul>
</div>
</div>
</body>
</html>