systems-obscure/src/pages/about.jsx
thomasabishop 3ff472f5f6
All checks were successful
Deploy Blog / deploy (push) Successful in 1m55s
style: improve mobile
2025-12-29 19:11:22 +00:00

90 lines
2.7 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import MainTemplate from "@/templates/MainTemplate"
import portrait from "../images/portrait-compressed.jpg"
const AboutPage = () => {
return (
<MainTemplate>
<div className="container mx-auto py-4 px-1 md:p-4">
<figure className="w-full flex flex-col items-center mb-6">
<div className="scanlined inline-block">
<img
alt="A portrait of the blog author"
src={portrait}
className="w-80 flex"
/>
</div>
<figcaption className="text-sm text-muted-foreground mt-3 text-center">
Pictured with the WITCH computer at the{" "}
<a
href="https://www.tnmoc.org/"
target="_blank"
className="text-primary hover:text-primary/80 underline decoration-1 underline-offset-4"
>
National Museum of Computing
</a>
, Bletchley Park.
</figcaption>
</figure>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6">
I'm a self-taught software engineer based in West Sussex, UK.{" "}
</p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6">
Currently I work for{" "}
<a
href="https://en.wikipedia.org/wiki/ITV_(TV_network)"
target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
>
ITV
</a>{" "}
{""}
as a backend software engineer. Before that, I worked as a full-stack
engineer at the{" "}
<a
href="https://en.wikipedia.org/wiki/BBC"
target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
>
BBC
</a>{" "}
and as a frontend engineer at{" "}
<a
href="https://www.arria.com/"
target="_blank"
className="underline decoration-1 hover:text-primary/80 underline-offset-4 text-primary"
>
Arria NLG
</a>{" "}
and in several web developer roles. Before software I was a
teacher.{" "}
</p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6">
Some things I like:
<ul className="pt-2">
<li className="mb-1">🐶 Staffies and other bull-breeds</li>
<li className="mb-1">🎼 Classical music (Haydn, Mozart, JSB)</li>
<li className="mb-1">🛸 Science fiction </li>
</ul>
</p>
<p className="leading-[1.6] [&:not(:first-child)]:mt-6">
Some things I'm interested in:
<ul className="pt-2">
<li className="mb-1">🧑💻 Self-hosting and digital resiliance</li>
<li className="mb-1">🖳 The history of computing and networks</li>
<li className="mb-1"> Buddhism</li>
{/*
<li className="mb-1">📡 Civil communications infrastructure</li>
*/}
</ul>
</p>
</div>
</MainTemplate>
)
}
export { AboutPage }