hayden.moe
My landing page, written in Astro
hayden.moe
feat: updates to other pages
+58
-33
-3
src/app/components/header.tsx
-3
src/app/components/header.tsx
···
6
6
</a>
7
7
8
8
<a className="hover:text-base0E" href="/posts">posts</a>
9
-
<a className="hover:text-base0E" href="https://bsky.app/profile/hayden.moe">bluesky</a>
10
-
<a className="hover:text-base0E" href="https://twitch.tv/hayden_dev">twitch</a>
11
-
<a className="hover:text-base0E" href="https://github.com/hbjydev">github</a>
12
9
<a className="hover:text-base0E border-r! border-muted" href="/rss.xml">rss</a>
13
10
</nav>
14
11
);
+17
-25
src/app/routes/_index.tsx
+17
-25
src/app/routes/_index.tsx
···
1
1
import type { MetaFunction } from "react-router";
2
-
import { frens } from "src/ring";
3
2
4
3
export const meta: MetaFunction = () => {
5
4
return [
···
11
10
export default () => {
12
11
return (
13
12
<>
14
-
<div className="prose max-w-5xl">
13
+
<div className="prose max-w-2xl mx-auto">
15
14
<p>
16
15
I love working with all things DevOps, from automation and software
17
16
engineering to full-on platform engineering. I’m a huge advocate for making
···
40
39
</p>
41
40
</div>
42
41
43
-
<div className="mt-6 max-w-5xl flex flex-col gap-2">
44
-
<p className="text-blue underline">Webring</p>
45
-
<div className="flex items-center gap-4">
46
-
{frens.map((fren, idx) => (
47
-
<a href={fren.url} key={idx}>
48
-
<img
49
-
src={fren.img}
50
-
className="rendering-pixelated"
51
-
width={88}
52
-
height={31}
53
-
alt={fren.name}
54
-
/>
55
-
</a>
56
-
))}
42
+
<div className="max-w-sm w-full mx-auto grid md:grid-cols-2 gap-4">
43
+
<div className="flex flex-col gap-2">
44
+
<span className="font-bold text-lg">On the web</span>
45
+
<ul className="list-disc list-inside">
46
+
<li><a className="text-pink underline" href="https://bsky.app/profile/hayden.moe">Bluesky</a></li>
47
+
<li><a className="text-pink underline" href="https://discord.gg/vmuNsEuUyW">Discord</a></li>
48
+
<li><a className="text-pink underline" href="https://github.com/hbjydev">GitHub</a></li>
49
+
<li><a className="text-pink underline" href="https://twitch.tv/hayden_dev">Twitch</a></li>
50
+
<li><a className="text-pink underline" href="mailto:hayden@hayden.moe">Email</a></li>
51
+
</ul>
57
52
</div>
58
-
<div className="p-2 bg-base01 block">
59
-
<p>Wanna add me to yours? Here's my badge!</p>
60
-
<img
61
-
src={`/88x31/hayden.png`}
62
-
className="rendering-pixelated"
63
-
width={88}
64
-
height={31}
65
-
alt="Hayden"
66
-
/>
53
+
<div className="flex flex-col gap-2">
54
+
<span className="font-bold text-lg">On this site</span>
55
+
<ul className="list-disc list-inside">
56
+
<li><a className="text-pink underline" href="/posts">Blog</a></li>
57
+
<li><a className="text-pink underline" href="/ring">Webring</a></li>
58
+
</ul>
67
59
</div>
68
60
</div>
69
61
</>
+41
src/app/routes/ring.tsx
+41
src/app/routes/ring.tsx
···
1
+
import { MetaFunction } from "react-router";
2
+
import { frens } from "src/ring";
3
+
4
+
export const meta: MetaFunction = () => {
5
+
return [
6
+
{ title: "hayden@web ~/ring" },
7
+
{ name: "description", content: "The blog of a lowly DevOps Engineer from the UK. Federated on atproto!" },
8
+
];
9
+
};
10
+
11
+
export default () => {
12
+
return (
13
+
<div className="max-w-2xl mx-auto flex flex-col gap-2">
14
+
<span className="font-bold text-lg text-blue">Webring</span>
15
+
16
+
<div className="flex items-center gap-4">
17
+
{frens.map((fren, idx) => (
18
+
<a href={fren.url} key={idx}>
19
+
<img
20
+
src={fren.img}
21
+
className="rendering-pixelated"
22
+
width={88}
23
+
height={31}
24
+
alt={fren.name}
25
+
/>
26
+
</a>
27
+
))}
28
+
</div>
29
+
<div className="p-2 bg-base01 block">
30
+
<p>Wanna add me to yours? Here's my badge!</p>
31
+
<img
32
+
src={`/88x31/hayden.png`}
33
+
className="rendering-pixelated"
34
+
width={88}
35
+
height={31}
36
+
alt="Hayden"
37
+
/>
38
+
</div>
39
+
</div>
40
+
);
41
+
};
-5
src/ring/index.ts
-5
src/ring/index.ts