From 0a00baeefb231db6e6908d921b272acd5079c2fb Mon Sep 17 00:00:00 2001
From: IwanIDev <iwan@iwani.dev>
Date: Fri, 27 Mar 2026 15:19:33 +0000
Subject: refactor: move home page header into a seperate component

---
 src/components/HomePageHeader.astro | 11 +++++++++++
 src/pages/index.astro               | 15 ++-------------
 2 files changed, 13 insertions(+), 13 deletions(-)
 create mode 100644 src/components/HomePageHeader.astro

(limited to 'src')

diff --git a/src/components/HomePageHeader.astro b/src/components/HomePageHeader.astro
new file mode 100644
index 0000000..b03c189
--- /dev/null
+++ b/src/components/HomePageHeader.astro
@@ -0,0 +1,11 @@
+---
+---
+<!-- Title -->
+<div class="flex flex-col items-center px-4">
+  <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman</h1>
+  <p class="text-lg text-center text-muted-foreground mt-4">
+    I'm a Computer Science student at Cardiff University, with a focus
+    on Software Development.
+  </p>
+</div>
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e3afff5..af26414 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,24 +2,13 @@
 import Layout from "@/layouts/main.astro"
 import BlogPosts from "@/components/BlogPosts.astro"
 import OpenRing from "@/components/OpenRing.astro"
+import HomePageHeader from "@/components/HomePageHeader.astro"
 ---
 
 <Layout title="Iwan Ingman's Blog">
   <main class="mx-auto flex w-full max-w-3xl flex-col gap-8 p-4 md:p-6">
-    <!-- Title -->
-    <div class="flex flex-col items-center px-4">
-      <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman</h1>
-      <p class="text-lg text-center text-muted-foreground mt-4">
-	I'm a Computer Science student at Cardiff University, with a focus
-	on Software Development.
-      </p>
-    </div>
-
-    <!-- Content -->
-    <!-- List Astro posts -->
+    <HomePageHeader />
     <BlogPosts />
-
-    <!-- Render openring output -->
     <OpenRing />
   </main>
 </Layout>
-- 
cgit