···11import type { MetaFunction } from "@remix-run/cloudflare";
22+import { frens } from "src/ring";
2334export const meta: MetaFunction = () => {
45 return [
···9101011export default () => {
1112 return (
1212- <div className="prose max-w-5xl">
1313- <p>
1414- I love working with all things DevOps, from automation and software
1515- engineering to full-on platform engineering. I’m a huge advocate for making
1616- things self-service and as reproducible as possible (hence my love/hate
1717- relationship with <a href="https://nixos.org">Nix</a>).
1818- </p>
1313+ <>
1414+ <div className="prose max-w-5xl">
1515+ <p>
1616+ I love working with all things DevOps, from automation and software
1717+ engineering to full-on platform engineering. I’m a huge advocate for making
1818+ things self-service and as reproducible as possible (hence my love/hate
1919+ relationship with <a href="https://nixos.org">Nix</a>).
2020+ </p>
19212020- <p>
2121- Recently, I’ve been learning how to build developer-focal automation,
2222- building up understanding of how to view both sides of the infrastructure
2323- coin; platform administration and developers.
2424- </p>
2222+ <p>
2323+ Recently, I’ve been learning how to build developer-focal automation,
2424+ building up understanding of how to view both sides of the infrastructure
2525+ coin; platform administration and developers.
2626+ </p>
25272626- <p>
2727- I think pineapple on pizza is a crime, I listen to everything from rock and
2828- indie to jungle and breakcore, and I’m a huge fan of virtual reality.
2929- </p>
2828+ <p>
2929+ I think pineapple on pizza is a crime, I listen to everything from rock and
3030+ indie to jungle and breakcore, and I’m a huge fan of virtual reality.
3131+ </p>
30323131- <p>
3232- I’m based in Sheffield, in the UK, and I’m always open to having
3333- conversations with people about any topic you think I’d find interesting.
3434- </p>
3333+ <p>
3434+ I’m based in Sheffield, in the UK, and I’m always open to having
3535+ conversations with people about any topic you think I’d find interesting.
3636+ </p>
3737+3838+ <p>
3939+ <span className="line-through">also <a href="https://nohello.net">nohello.net</a> pls thx</span>
4040+ </p>
4141+ </div>
35423636- <p>
3737- <span className="line-through">also <a href="https://nohello.net">nohello.net</a> pls thx</span>
3838- </p>
3939- </div>
4343+ <div className="mt-6 max-w-5xl">
4444+ <p className="text-[var(--base0F)] underline">Webring</p>
4545+ <div className="flex items-center gap-4">
4646+ {frens.map((fren, idx) => (
4747+ <a href={fren.url} key={idx}>
4848+ <img
4949+ src={`/88x31/${fren.img}`}
5050+ width={88}
5151+ height={31}
5252+ alt={fren.name}
5353+ style={{ imageRendering: 'pixelated' }}
5454+ />
5555+ </a>
5656+ ))}
5757+ </div>
5858+ </div>
5959+ </>
4060 );
4161}