From 3652984f8bf4e387129ecfdae1369224c9214482 Mon Sep 17 00:00:00 2001
From: Foster Hangdaan <foster@hangdaan.email>
Date: Fri, 13 Sep 2024 17:30:17 -0400
Subject: [PATCH] Add discussion link for blog posts

---
 src/_includes/layouts/post.tsx                   | 16 +++++++++++++++-
 src/_includes/styles/base.scss                   | 11 +++++++++++
 .../posts/2023-08-26_favourite-color-palettes.md |  1 +
 .../index.md                                     |  1 +
 .../posts/2023-12-02_make-your-own-ddns/index.md |  1 +
 5 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/_includes/layouts/post.tsx b/src/_includes/layouts/post.tsx
index c1326c9..8e99577 100644
--- a/src/_includes/layouts/post.tsx
+++ b/src/_includes/layouts/post.tsx
@@ -16,7 +16,9 @@ interface Data {
   }[];
 }
 
-export default function ({ children, toc, footnotes }: Data & Lume.Data) {
+export default function (
+  { children, toc, footnotes, lemmy }: Data & Lume.Data,
+) {
   return (
     <>
       {toc.length > 0 &&
@@ -45,6 +47,18 @@ export default function ({ children, toc, footnotes }: Data & Lume.Data) {
       <article>
         {children}
       </article>
+      <div className="button-group section">
+        {lemmy && (
+          <a href={lemmy} className="button">
+            <img
+              alt="message icon"
+              className="icon"
+              src="https://minio.fosterhangdaan.com/public/images/icons/tabler-icons/3.14.0/outline/message.svg"
+            />
+            Discuss on Lemmy
+          </a>
+        )}
+      </div>
       {footnotes.length > 0 &&
         (
           <ol className="footnotes">
diff --git a/src/_includes/styles/base.scss b/src/_includes/styles/base.scss
index 717553a..e650498 100644
--- a/src/_includes/styles/base.scss
+++ b/src/_includes/styles/base.scss
@@ -355,6 +355,7 @@ .button {
   justify-items: center;
   padding: 0.5em;
   border: 1px solid var(--color-green);
+  text-decoration: none;
 
   img.icon {
     font-size: 1.25em;
@@ -369,3 +370,13 @@ .button {
     }
   }
 }
+
+.button-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.section {
+  margin: 3rem auto;
+}
diff --git a/src/blog/posts/2023-08-26_favourite-color-palettes.md b/src/blog/posts/2023-08-26_favourite-color-palettes.md
index 4092d7b..b803775 100644
--- a/src/blog/posts/2023-08-26_favourite-color-palettes.md
+++ b/src/blog/posts/2023-08-26_favourite-color-palettes.md
@@ -1,6 +1,7 @@
 ---
 title: Favourite Colour Palettes
 description: My favourite colour palettes ranked in descending order.
+lemmy: https://lemmy.fosterhangdaan.com/post/2155
 tags:
   - themes
   - design
diff --git a/src/blog/posts/2023-11-28_retro-gaming-on-an-old-laptop/index.md b/src/blog/posts/2023-11-28_retro-gaming-on-an-old-laptop/index.md
index 0ae870d..583f162 100644
--- a/src/blog/posts/2023-11-28_retro-gaming-on-an-old-laptop/index.md
+++ b/src/blog/posts/2023-11-28_retro-gaming-on-an-old-laptop/index.md
@@ -1,6 +1,7 @@
 ---
 title: Retro Gaming on an Old Laptop
 description: How to convert an old laptop into a retro gaming station.
+lemmy: https://lemmy.fosterhangdaan.com/post/2157
 tags:
   - linux
   - gaming
diff --git a/src/blog/posts/2023-12-02_make-your-own-ddns/index.md b/src/blog/posts/2023-12-02_make-your-own-ddns/index.md
index 6d952e6..4d96041 100644
--- a/src/blog/posts/2023-12-02_make-your-own-ddns/index.md
+++ b/src/blog/posts/2023-12-02_make-your-own-ddns/index.md
@@ -1,6 +1,7 @@
 ---
 title: Make Your Own DDNS
 description: A guide on how to setup a DDNS-like system using Cron and a Deno script.
+lemmy: https://lemmy.fosterhangdaan.com/post/2159
 tags:
   - linux
   - guide