From 9f21a9f8c71ef2199115c1a3933345715c79b659 Mon Sep 17 00:00:00 2001 From: Claire Zhu Date: Wed, 3 Sep 2025 17:48:55 +0200 Subject: [PATCH] better late than never --- apple-pie/.vscode/settings.json | 3 ++ apple-pie/index.html | 75 ++++++++++++++++++++++----------- apple-pie/styles/style.css | 74 ++++++++++++++++++++++++++++++-- 3 files changed, 124 insertions(+), 28 deletions(-) create mode 100644 apple-pie/.vscode/settings.json diff --git a/apple-pie/.vscode/settings.json b/apple-pie/.vscode/settings.json new file mode 100644 index 000000000..6b665aaa0 --- /dev/null +++ b/apple-pie/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/apple-pie/index.html b/apple-pie/index.html index a019c8262..6347934f7 100644 --- a/apple-pie/index.html +++ b/apple-pie/index.html @@ -3,37 +3,64 @@ + Apple Pie Recipe - Apple Pie +
+

Apple Pie

+
+

+ This was my grandmother's apple pie recipe. I have never seen another one + quite like it. It will always be my favorite and has won me several first + place prizes in local competitions. I hope it becomes one of your + favorites as well! +

- This was my grandmother's apple pie recipe. I have never seen another one quite like it. It will always - be my favorite and has won me several first place prizes in local competitions. I hope it becomes one of your - favorites as well! - - Ingredients - - 1 recipe pastry for a 9 inch double crust pie - 1/2 cup unsalted butter - 3 tablespoons all-purpose flour - 1/4 cup water - 3 tablespoons all-purpose flour - 1/4 cup water 1/2 cup white sugar - 1/2 cup packed brown sugar - 8 Granny Smith apples - peeled, cored and sliced + picture of a cookingtime +
- Directions +

Ingredients

+ - Preheat oven to 425 degrees F (220 degrees C).Melt the butter in a saucepan. Stir in flour to form a paste. Add water, white sugar and brown sugar, and bring - to a boil. Reduce temperature and let simmer. + picture of a recipe - Place the bottom crust in your pan. Fill with apples, mounded - slightly. Cover with a lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so - that it does not run off. - - Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175 - degrees C). Continue baking for 35 to 45 minutes, until apples are soft. +
Directions
+
    +
  1. + Preheat oven to 425 degrees F (220 degrees C).Melt the butter in a + saucepan. Stir in flour to form a paste. Add water, white sugar and + brown sugar, and bring to a boil. Reduce temperature and let simmer. +
    2. +
  2. + Place the bottom crust in your pan. Fill with apples, mounded slightly. + Cover with a lattice work crust. Gently pour the sugar and butter liquid + over the crust. Pour slowly so that it does not run off. +
    3. +
  3. + Bake 15 minutes in the preheated oven. Reduce the temperature to 350 + degrees F (175 degrees C). Continue baking for 35 to 45 minutes, until + apples are soft. +
    4. +
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css index 7a55b4df4..afb029e7c 100644 --- a/apple-pie/styles/style.css +++ b/apple-pie/styles/style.css @@ -5,11 +5,25 @@ html { font-size: 16px; } -*, *:before, *:after { +*, +*:before, +*:after { box-sizing: inherit; } -body, h1, h2, h3, h4, h5, h6, p, ol, ul { +body { + background-color: white; +} +, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { margin: 0; padding: 0; font-weight: lighter; @@ -20,5 +34,57 @@ body { font-family: "Helvetica", sans-serif; } -/* STYLES */ -/* Write your CSS below */ \ No newline at end of file +#apple-pie { + background-image: url("../images/apple-pie.jpg"); + background-size: cover; + background-repeat: no repeat; + height: 650px; +} + +#title { + font-size: 60px; + color: white; + text-align: center; + vertical-align: bottom; + line-height: 650px; +} + +h3 { + padding-top: 3%; + padding-left: 10%; + padding-right: 10%; + font-size: large; + font-family: "Helvetica"; +} + +.firstpic { + margin: auto; + display: block; +} + +.secondpic { + margin: auto; + display: block; +} + +hr { + width: 80%; +} + +h4 { + padding-left: 12%; + font-size: 20px; +} + +h5 { + font-size: 20px; + padding-left: 12%; +} +ul { + padding-left: 14%; +} + +ol { + padding-left: 14%; +} +/* Write your CSS below */