From 9d5422ad7b5b002b084c89c770ce669863a03469 Mon Sep 17 00:00:00 2001 From: efoneon <115902510+efoneon@users.noreply.github.com> Date: Sat, 26 Aug 2023 18:34:12 -0400 Subject: [PATCH 1/2] Added separation border --- index.html | 19 +++++++++++-------- styles.css | 4 ++++ 2 files changed, 15 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index be397c1..db8038b 100644 --- a/index.html +++ b/index.html @@ -8,14 +8,17 @@
-

Welcome

-
- to the Zelda Info page -
-
where YOU can know more about your favorite Zelda characters.
-
- -
+

Welcome

+
+ to the Zelda Info page +
+
where YOU can know more about your favorite Zelda characters.
+
+ +
+
+ more content here +
diff --git a/styles.css b/styles.css index 5abac19..3dae9b8 100644 --- a/styles.css +++ b/styles.css @@ -13,6 +13,10 @@ h1 { padding-bottom: 10px; } +header { + border-bottom: 20px solid black; +} + header button { background-color: black; color: white; From b08fe18e65d7da117fe4b3f94a8f4d8aa4030127 Mon Sep 17 00:00:00 2001 From: efoneon <115902510+efoneon@users.noreply.github.com> Date: Sat, 26 Aug 2023 20:37:43 -0400 Subject: [PATCH 2/2] Finished the description and added some new css classes Changed some of the shadowing for text. --- index.html | 14 ++++++++++---- styles.css | 32 ++++++++++++++++++++++++++++---- z.png | Bin 0 -> 5045 bytes 3 files changed, 38 insertions(+), 8 deletions(-) create mode 100644 z.png diff --git a/index.html b/index.html index db8038b..87fd114 100644 --- a/index.html +++ b/index.html @@ -3,22 +3,28 @@ + Zelda Info page

Welcome

-
+
to the Zelda Info page
-
where YOU can know more about your favorite Zelda characters.
-
+
where YOU can know more about your favorite Zelda characters.
+
- more content here +

About

+

This is a crazy cool site that will let you click on the different options of Zelda characters.
+ NOTE: We did not add ALL Zelda characters to let you know!
+ "Anyway, my name is Aaron." -Aaron Jr "And my name is Aaron too 😉" -Aaron Sr
+ Hope you enjoy your visit! +

diff --git a/styles.css b/styles.css index 3dae9b8..87d4062 100644 --- a/styles.css +++ b/styles.css @@ -1,20 +1,25 @@ -h1 { +header h1 { text-align: center; font-size: 100px; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - text-shadow: 20px 10px 5px lightgrey; } .align-center { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-align: center; font-style: italic; - text-shadow: 20px 10px 5px grey; + text-shadow: 20px 10px 5px white; padding-bottom: 10px; } +.align-center-2 { + text-align: center; + font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + padding: 10px 0px 10px 0px; +} + header { - border-bottom: 20px solid black; + border-bottom: 20px solid white; } header button { @@ -32,3 +37,22 @@ button:hover { background-color: white; color: black } + +section h1 { + text-align: center; + color: darkblue; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + font-size: 30px; +} + +body { + background-color: black; + color: white; +} + + +section p { + text-shadow: 20px 10px 5px white; + text-align: center; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; +} diff --git a/z.png b/z.png new file mode 100644 index 0000000000000000000000000000000000000000..cd9114a54a883830b72ae577f9e0de7f54fc0ee2 GIT binary patch literal 5045 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 literal 0 HcmV?d00001