Add Astro Vercel serverless adapter and update Astro version in package.json

3 files changed, 10 insertions, 6 deletions

diff --git a/src/images/Alee.png b/src/images/Alee.png
new file mode 100755
index 0000000..51f01eb
--- /dev/null
+++ b/src/images/Alee.png
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 6113dd1..949bae5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,13 +2,14 @@
 import Layout from '../layouts/Default.astro';
 import { Icon } from 'astro-icon/components'
 import { Image } from 'astro:assets';
+import Profile from '../images/Alee.png';
 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" />
+			<Image src={Profile} class="avatar" 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">
@@ -33,14 +34,17 @@ import '../styles/index.css';
 				<h3><a href="mailto:andrew@alee14.me" class="email-contact">andrew@alee14.me</a></h3>
 			</div>
 		</div>
-		<div class="infobox">
-			<div class="about">
+		<div class="information">
+			<div class="box">
 				<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">
+			<div class="box">
 				<h1>Computer Specs</h1>
 			</div>
+			<div class="box">
+				<h1>Latest Posts</h1>
+			</div>
 		</div>
 	</main>
 </Layout>
diff --git a/src/styles/index.css b/src/styles/index.css
index 17d6a52..fe388ca 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -38,13 +38,13 @@ h2 {
     font-size: 2.2vh;
 }
 
-.infobox {
+.information {
     display: flex;
     flex-direction: column;
     gap: 2vh;
 }
 
-.about {
+.box {
     padding: 1vw;
     text-align: left;
     background: #3B513B;