From 5b69ffef23b4d4c3cf32c9918559ef1127a873d4 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Sat, 6 Jan 2024 00:59:12 -0500 Subject: Refactor Navbar and index styles, and update content --- src/components/Navbar.astro | 12 +++++----- src/pages/index.astro | 55 +++++++++++++++++++++++++++------------------ src/styles/Navbar.css | 11 ++------- src/styles/index.css | 28 +++++++++++++++++------ 4 files changed, 62 insertions(+), 44 deletions(-) diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 66433b8..c9deb28 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -3,11 +3,11 @@ import "../styles/Navbar.css" --- diff --git a/src/pages/index.astro b/src/pages/index.astro index faca29e..6113dd1 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -7,29 +7,40 @@ import '../styles/index.css';
- Andrew Lee -

Hey, I'm Andrew Lee!

-
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css index 8c239e0..e17decd 100644 --- a/src/styles/Navbar.css +++ b/src/styles/Navbar.css @@ -10,21 +10,14 @@ ul.nav-list { display: flex; flex-direction: row; justify-content: center; + gap: 4vh; } -li.nav-links { - margin: 0 1rem; -} - - a.nav-link { - font-size: 1.2rem; - text-decoration: none; - color: #FFFFFF; + font-size: 2vh; } a.nav-link:hover { - font-weight: 500; color: #9ECD9D; transition: ease-in-out 0.1s; } diff --git a/src/styles/index.css b/src/styles/index.css index ddc1fc6..17d6a52 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -1,4 +1,6 @@ .home { + display: flex; + flex-direction: column; text-align: center; } @@ -8,6 +10,9 @@ h1 { font-weight: 500; +} + +#title { font-size: 4vh; } @@ -20,11 +25,6 @@ h2 { line-height: 0.4; } -h3 { - font-weight: 300; - font-size: 1.2rem; -} - .social { display: flex; flex-direction: row; @@ -33,6 +33,20 @@ h3 { gap: 7vh; } -.social-links { - color: #FFFFFF; +.email-contact { + font-weight: 300; + font-size: 2.2vh; +} + +.infobox { + display: flex; + flex-direction: column; + gap: 2vh; +} + +.about { + padding: 1vw; + text-align: left; + background: #3B513B; + border-radius: 20px; } -- cgit v1.2.3