From dd7a71191a9e887624b2c537a00d8f30bab39337 Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Tue, 2 Jan 2024 21:28:31 -0500 Subject: Finished first part of homepage --- src/components/Navbar.astro | 6 +++--- src/components/Navbar.css | 11 ++++++----- src/env.d.ts | 1 + src/layouts/Default.astro | 22 ++++++++++++++++++---- src/pages/index.astro | 23 +++++++++++++++++++++++ src/pages/index.css | 30 ++++++++++++++++++++++++++++-- 6 files changed, 79 insertions(+), 14 deletions(-) (limited to 'src') diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 17da17d..a838438 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -2,8 +2,8 @@ import "./Navbar.css" --- diff --git a/src/components/Navbar.css b/src/components/Navbar.css index 5987d16..7b1a334 100644 --- a/src/components/Navbar.css +++ b/src/components/Navbar.css @@ -3,7 +3,7 @@ nav { padding-top: 20px; padding-bottom: 30px; } -ul { +ul.nav-list { list-style-type: none; margin: 0; padding: 0; @@ -12,22 +12,23 @@ ul { justify-content: center; } -li { +li.nav-links { margin: 0 1rem; } -a { + +a.nav-link { font-size: 1.2rem; text-decoration: none; color: #FFFFFF; } -a:hover { +a.nav-link:hover { font-weight: 500; color: #9ECD9D; transition: ease-in-out 0.1s; } -a:active { +a.nav-link:active { color: #609460; } diff --git a/src/env.d.ts b/src/env.d.ts index f964fe0..acef35f 100644 --- a/src/env.d.ts +++ b/src/env.d.ts @@ -1 +1,2 @@ +/// /// diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index 9cbaf7a..b54dc35 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -11,7 +11,7 @@ import Navbar from '../components/Navbar.astro'; - + @@ -24,7 +24,7 @@ import Navbar from '../components/Navbar.astro';
-

© Copyright 2018-2024, Andrew Lee

+

Copyright © 2024 Andrew Lee

@@ -39,8 +39,22 @@ import Navbar from '../components/Navbar.astro'; footer { text-align: center; - font-size: 1.3em; - padding: 1rem; + font-size: 2.4vh; + padding: 1.3vh; + } + + a { + text-decoration: none; + color: #d7fcc9; + } + + a:hover { + color: #9ECD9D; + transition: ease-in-out 0.2s; + } + + a:active { + color: #609460; } code { diff --git a/src/pages/index.astro b/src/pages/index.astro index bb8e3a9..4c25869 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,6 @@ --- import Layout from '../layouts/Default.astro'; +import { Icon } from 'astro-icon/components' import { Image } from 'astro:assets'; import './index.css'; --- @@ -8,5 +9,27 @@ import './index.css';
Andrew Lee

Hey, I'm Andrew Lee!

+ +
+

19 Years Old

+

Student at Pearson Electrotechnology Centre

+

Living in Montreal, Quebec, Canada

+
+
diff --git a/src/pages/index.css b/src/pages/index.css index d242483..ddc1fc6 100644 --- a/src/pages/index.css +++ b/src/pages/index.css @@ -3,10 +3,36 @@ } .avatar { - border-radius: 50%; + border-radius: 20%; } h1 { font-weight: 500; - font-size: 2.3rem; + font-size: 4vh; +} + +h2 { + font-weight: 500; + font-size: 2.5vh; +} + +.description { + line-height: 0.4; +} + +h3 { + font-weight: 300; + font-size: 1.2rem; +} + +.social { + display: flex; + flex-direction: row; + justify-content: center; + font-size: 6vh; + gap: 7vh; +} + +.social-links { + color: #FFFFFF; } -- cgit v1.2.3