From 3d0a5169fefebbba400858db41f7edbcc4480159 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 29 Sep 2025 20:42:26 +0100
Subject: [PATCH] moved about page contents to home page

---
 src/pages/about.astro | 15 --------------
 src/pages/index.astro | 46 ++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 45 insertions(+), 16 deletions(-)
 delete mode 100644 src/pages/about.astro

diff --git a/src/pages/about.astro b/src/pages/about.astro
deleted file mode 100644
index 31a50bcd..00000000
--- a/src/pages/about.astro
+++ /dev/null
@@ -1,15 +0,0 @@
----
-import Layout from "../layouts/Layout.astro";
-import TimeSince from "../components/TimeSince.astro";
----
-
-<Layout currentPage={{ title: "about", path: "/about" }}>
-    <div class="text-md">
-        <p>
-            AGE: <TimeSince
-                date={new Date("11:47:00 2004-11-04")}
-                client:react
-            />
-        </p>
-    </div>
-</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 115ae1c5..83538d66 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,6 +1,9 @@
 ---
 import Layout from "../layouts/Layout.astro";
 import ProjectListItem from "../components/ProjectListItem.astro";
+import TimeSince from "../components/TimeSince.astro";
+
+import { Icon } from "astro-icon/components";
 
 interface ProjectMetadata {
     title: string;
@@ -69,8 +72,49 @@ const projects: ProjectMetadata[] = Object.values(
     .sort((a, b) => parseDate(b.date).getTime() - parseDate(a.date).getTime());
 ---
 
+<style>
+    .github-icon-link {
+        color: var(--ayu-accent);
+        transition: color 0.2s ease;
+    }
+
+    .github-icon-link:hover {
+        color: var(--ayu-red-500);
+    }
+</style>
+
 <Layout currentPage={{ title: "home", path: "/" }}>
-    <!-- <h1 class="text-2xl font-medium mb-4">projects:</h1> -->
+    <h2 class="text-2xl font-600">ABOUT</h2>
+    <div class="flex flex-col py-2 gap-2 mb-4">
+        <span class="flex flex-wrap gap-2">
+            <a
+                href="https://github.com/hex248"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="github-icon-link flex items-center gap-1"
+                title="GitHub Profile"
+            >
+                <Icon name="mdi:github" class="w-6 h-6" />
+                hex248
+            </a>
+            / <a
+                href="mailto:04oliverbryan@gmail.com"
+                class="github-icon-link flex items-center gap-1"
+                title="Email"
+            >
+                <Icon name="mdi:email-outline" class="w-6 h-6" />
+            04oliverbryan@gmail.com
+            </a>
+        </span>
+        <p>
+            AGE: <TimeSince
+                date={new Date("11:47:00 2004-11-04")}
+                client:react
+            />
+        </p>
+    </div>
+
+    <h2 class="text-2xl font-600 mb-4">PROJECTS</h2>
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4">
         {