commit 58b7e27960268978a99472c3b79b0f2e7fd0e531
parent 16e1b9b610bc4d75bad589b56a3e1e05aa7cde27
Author: Luke Jones <luke.jones.2567@gmail.com>
Date: Tue, 21 Jul 2026 19:15:24 +0100
feat: updates to about page
Diffstat:
2 files changed, 24 insertions(+), 1 deletion(-)
diff --git a/src/components/Heading.astro b/src/components/Heading.astro
@@ -2,7 +2,7 @@
const { level } = Astro.props;
---
{level === 1 && <h1 class="text-2xl font-bold"><slot/></h1>}
-{level === 2 && <h2><slot/></h2>}
+{level === 2 && <h2 class="text-xl font-bold"><slot/></h2>}
{level === 3 && <h3><slot/></h3>}
{level === 4 && <h4><slot/></h4>}
{level === 5 && <h5><slot/></h5>}
diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro
@@ -1,8 +1,22 @@
---
import Base from "../../layouts/Base.astro";
import Heading from "../../components/Heading.astro";
+import LargeButtonCol from "../../components/LargeButtonCol.astro";
const title = "About";
+
+const contactMethods = [
+ {
+ title: "luke.jones.2567@gmail.com",
+ desc: "E-mail",
+ link: "mailto:luke.jones.2567@gmail.com"
+ },
+ {
+ title: "@lukep:lukeonline.net",
+ desc: "Matrix (via matrix.to)",
+ link: "https://matrix.to/#/@lukep:lukeonline.net"
+ },
+];
---
<Base title={title}>
<p>My name is Luke Jones. I'm a student at Aberystwyth University,
@@ -16,4 +30,13 @@ const title = "About";
slightly-more gimmicky computers, as well some photography when I can
manage. I also have a pretty heavy interest in the history of British Road
infrastructure, though that's less relevant to my career aspirations...</p>
+
+ <Heading level={2}>Contact</Heading>
+ <p>Right now I'd prefer e-mail as the first point-of-contact, but I'll open
+ up more methods in the future. I ask that this is used for serious
+ communications only. Anything else will be respectfully ignored.</p>
+
+ <LargeButtonCol entries={contactMethods} />
+
+ <span class="italic text-gray-500">Last Updated July 2026</span>
</Base>
