---
import Layout from '../layouts/Default.astro';
import { Icon } from 'astro-icon/components'
import { Image } from 'astro:assets';
import '../styles/index.css';
---

<Layout title="Andrew Lee">
	<main class="home">
		<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="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>