diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2024-01-06 00:59:12 -0500 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2024-01-06 00:59:12 -0500 |
| commit | 5b69ffef23b4d4c3cf32c9918559ef1127a873d4 (patch) | |
| tree | a8c0391622997b6fe2060a5eb265f4d32923e355 /src/pages | |
| parent | a7c21128a440eebad4337e90baa95a16afb41a70 (diff) | |
| download | personal-website-5b69ffef23b4d4c3cf32c9918559ef1127a873d4.tar.gz personal-website-5b69ffef23b4d4c3cf32c9918559ef1127a873d4.tar.bz2 personal-website-5b69ffef23b4d4c3cf32c9918559ef1127a873d4.zip | |
Refactor Navbar and index styles, and update content
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 55 |
1 files changed, 33 insertions, 22 deletions
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'; <Layout title="Andrew Lee"> <main class="home"> - <Image class="avatar" src="/Alee.png" alt="Andrew Lee" height="200px" width="200px" /> - <h1>Hey, I'm Andrew Lee!</h1> - <div class="social"> - <a href="https://github.alee14.me" class="social-links"> - <Icon name="fa6-brands:github" /> - </a> - <a href="https://youtube.alee14.me" class="social-links"> - <Icon name="fa6-brands:youtube" /> - </a> - <a href="https://instagram.alee14.me" class="social-links"> - <Icon name="fa6-brands:instagram" /> - </a> - <a href="https://discord.alee14.me" class="social-links"> - <Icon name="fa6-brands:discord" /> - </a> + <div class="headline"> + <Image class="avatar" src="/Alee.png" alt="Andrew Lee" height="200px" width="200px" /> + <h1 id="title">Hey, I'm Andrew Lee!</h1> + <div class="social"> + <a href="https://github.alee14.me"> + <Icon name="fa6-brands:github" /> + </a> + <a href="https://youtube.alee14.me"> + <Icon name="fa6-brands:youtube" /> + </a> + <a href="https://instagram.alee14.me"> + <Icon name="fa6-brands:instagram" /> + </a> + <a href="https://discord.alee14.me"> + <Icon name="fa6-brands:discord" /> + </a> + </div> + <div class="description"> + <h2>19 Years Old</h2> + <h2>Student at Pearson Electrotechnology Centre</h2> + <h2>Living in Montreal, Quebec, Canada</h2> + </div> + <div> + <h3><a href="mailto:andrew@alee14.me" class="email-contact">andrew@alee14.me</a></h3> + </div> </div> - <div class="description"> - <h2>19 Years Old</h2> - <h2>Student at Pearson Electrotechnology Centre</h2> - <h2>Living in Montreal, Quebec, Canada</h2> - </div> - <div> - <h3><a href="mailto:andrew@alee14.me">andrew@alee14.me</a></h3> + <div class="infobox"> + <div class="about"> + <h1>About me</h1> + <p>I have been into computers since I was a kid, and it has been my passion for a long time. <br>Currently studying “Computing Support” (more preferably IT) at a vocational school.</p> + </div> + <div class="about"> + <h1>Computer Specs</h1> + </div> </div> </main> </Layout> |