feat: add link to article version history and our community

Also some layout tweaks to make it prettier.

.vscode/settings.json

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

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>

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>
   );
 };