diff options
Diffstat (limited to 'src/pages/index.astro')
| -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> |