lukeonline - commit 58b7e27

diff --git a/src/components/Heading.astro b/src/components/Heading.astro index 6c184d5..ef3bed2 100644 --- 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 index 7efeb41..a8da981 100644 --- 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>