From 85121fa1798d06e87ee630b7e119ee7d599d01d0 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Mon, 7 Jul 2025 17:33:21 -0700
Subject: [PATCH] feat: add link to article version history and our community

Also some layout tweaks to make it prettier.
---
 .vscode/settings.json        |  6 ++++++
 src/app/page.tsx             |  4 ++--
 src/app/post/[slug]/page.tsx | 22 +++++++++++++++++++---
 3 files changed, 27 insertions(+), 5 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..874773d
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.validate": ["typescript"],
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4457db5..1b3f0be 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,13 +17,13 @@ const Home = (): JSX.Element => {
   return (
     <main>
       <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) => {
         return <div key={post.slug}>
           <Rule />
           <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>{post.data.summary}</p>
+          <p className="text-center">{post.data.summary}</p>
         </div>;
       })}
     </main>
diff --git a/src/app/post/[slug]/page.tsx b/src/app/post/[slug]/page.tsx
index 99d2d45..3ee29d2 100644
--- a/src/app/post/[slug]/page.tsx
+++ b/src/app/post/[slug]/page.tsx
@@ -27,11 +27,27 @@ const Page = async({
   return (
     <main>
       <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 />
-      <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>{post.content}</Markdown>
+      <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>
+        {post.content}
+      </Markdown>
       <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>
   );
 };