My landing page, written in Astro
hayden.moe
feat: some new theming changes
+16
-4
+13
-2
src/app/routes/posts.$rkey.tsx
+13
-2
src/app/routes/posts.$rkey.tsx
···
53
53
54
54
return (
55
55
<>
56
-
<header className="-mx-5 px-5">
56
+
<header className="max-w-2xl mx-auto w-full">
57
57
<h1 className="font-bold before-hash-1">{post.title}</h1>
58
58
<span className="text-base03">
59
59
<FormattedDate date={new Date(Date.parse(post.createdAt))} />
60
60
</span>
61
61
</header>
62
62
63
-
<Markdown className="prose max-w-5xl pb-5">
63
+
<hr />
64
+
65
+
<Markdown className="prose max-w-2xl mx-auto pb-5">
64
66
{post.content}
65
67
</Markdown>
68
+
69
+
<hr />
70
+
71
+
<p className="max-w-2xl mx-auto pb-5 prose">
72
+
Thanks for reading along, I hope you enjoyed this post.
73
+
If you did, maybe consider following me on <a href="https://bsky.app/profile/hayden.moe">Bluesky</a>,
74
+
and if you're feeling generous, maybe consider <a href="https://ko-fi.com/haydenuwu">buying me a coffee</a>.
75
+
I'm trying to write more this year, so I'll see you in the next post. 👋
76
+
</p>
66
77
</>
67
78
);
68
79
}
+3
-2
src/app/tailwind.css
+3
-2
src/app/tailwind.css
···
61
61
62
62
hr {
63
63
border-color: var(--color-muted);
64
-
width: calc(100vw-1em);
65
-
margin: 2em -1.25em;
64
+
width: 100%;
65
+
margin: 2em 0;
66
66
}
67
67
68
68
blockquote {
69
+
color: var(--color-blue);
69
70
border-inline-start-color: var(--color-base03);
70
71
font-style: normal
71
72
& p { color: var(--color-base04) }