feat: add link to article version history and our community
All checks were successful
Node.js CI / Lint and Test (pull_request) Successful in 1m13s

Also some layout tweaks to make it prettier.
This commit is contained in:
2025-07-07 17:33:21 -07:00
parent 50efbb4864
commit 85121fa179
3 changed files with 27 additions and 5 deletions

6
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,6 @@
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"eslint.validate": ["typescript"],
}

View File

@ -17,13 +17,13 @@ const Home = (): JSX.Element => {
return ( return (
<main> <main>
<h1>{"Blog"}</h1> <h1>{"Blog"}</h1>
<p>{"Welcome to the musings of a transfem software engineer!"}</p> <p className="text-center text-xl">{"Welcome to the musings of a transfem software engineer!"}</p>
{posts.map((post) => { {posts.map((post) => {
return <div key={post.slug}> return <div key={post.slug}>
<Rule /> <Rule />
<h2><a className="underline" href={`/post/${post.slug}`}>{post.data.title}</a></h2> <h2><a className="underline" href={`/post/${post.slug}`}>{post.data.title}</a></h2>
<p className="italic text-center">{post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" })}</p> <p className="italic text-center">{post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" })}</p>
<p>{post.data.summary}</p> <p className="text-center">{post.data.summary}</p>
</div>; </div>;
})} })}
</main> </main>

View File

@ -27,11 +27,27 @@ const Page = async({
return ( return (
<main> <main>
<h1>{post.data.title}</h1> <h1>{post.data.title}</h1>
<p className="italic text-center">{`Published ${post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", weekday: "long", year: "numeric" })}`}</p> <p className="italic text-center">{`Published ${post.data.date.toLocaleDateString(
"en-GB",
{ day: "numeric", month: "long", weekday: "long", year: "numeric" },
)}`}</p>
<Rule /> <Rule />
<Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>{post.content}</Markdown> <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>
{post.content}
</Markdown>
<Rule /> <Rule />
<a href="/">{"← Back to home"}</a> <p className="text-center">
{`Love this post? Think Naomi is completely wrong? Have other thoughts you would like to share? `}
<a
href="https://chat.nhcarrigan.com"
rel="noreferrer"
target="_blank"
>{`Come tell us on Discord~!`}</a>
</p>
<div className="flex flex-row gap-2 w-full justify-center">
<a href="/">{"← Back to home"}</a>
<a href={`https://git.nhcarrigan.com/nhcarrigan/blog/commits/branch/main/posts/${slug}.md`} rel="noreferrer" target="_blank">{"See version history"}</a>
</div>
</main> </main>
); );
}; };