From 676aa5d08b38d28bbc027bcf19f2dd5e5b4fe56a Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Tue, 29 Jul 2025 16:02:20 +0200
Subject: [PATCH 1/2] feat: :sparkles: add ko-fi button at the end of blog
 posts

---
 src/layouts/blogpost.njk | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/layouts/blogpost.njk b/src/layouts/blogpost.njk
index bfc24d2..32ba740 100644
--- a/src/layouts/blogpost.njk
+++ b/src/layouts/blogpost.njk
@@ -33,5 +33,17 @@ layout: base.njk
 
   <section class="mx-auto prose px-safe-offset-4 prose-slate md:prose-lg md:px-safe-offset-6 lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-figcaption:text-center prose-figcaption:text-balance prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl">
     {{ content | safe }}
+
+    <hr>
+
+    <p class="text-center! text-balance">If you enjoy my writing and would like to show your appreciation, I set up a Ko-fi where you can donate a couple bucks to say "thanks!"</p>
+
+    <a href='https://ko-fi.com/I2I333GJJ' target='_blank'>
+      <img
+        src='https://storage.ko-fi.com/cdn/kofi5.png?v=6'
+        alt='Buy Me a Coffee at ko-fi.com'
+        class="h-12 w-auto rounded-none!"
+      />
+    </a>
   </section>
 </article>

From 7976800fb1e2796553bd37be2b1194cb61f90e41 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <rawr@sebin-nyshkim.net>
Date: Tue, 29 Jul 2025 18:03:35 +0200
Subject: [PATCH 2/2] fix: :lipstick: harmonize spacing and color of horizontal
 rulers

---
 src/layouts/base.njk     | 6 +++---
 src/layouts/blogpost.njk | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index 6ae7606..bb1b945 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -60,14 +60,14 @@
       </div>
     </header>
 
-    <main class="mb-20 space-y-10 sm:mb-32 md:mb-40 md:space-y-14 lg:space-y-20">
+    <main class="mb-12 space-y-12 md:mb-14 md:space-y-14 lg:mb-16 lg:space-y-16">
       {{ content | safe }}
     </main>
 
-    <footer class="pb-16">
+    <footer class="pb-12 md:pb-14 lg:pb-16">
       <div class="mx-auto max-w-(--breakpoint-xl) divide-y divide-slate-400 px-safe-offset-4 md:px-safe-offset-6 dark:divide-slate-600">
         <div class="flex flex-wrap gap-6 md:flex-nowrap md:gap-0"></div>
-        <div class="mt-16 flex flex-wrap justify-between gap-4 pt-10 sm:flex-nowrap">
+        <div class="mt-12 flex flex-wrap justify-between gap-4 sm:flex-nowrap md:mt-14 lg:mt-16">
           <div class="basis-full space-y-4">
             <p>&copy; {% year %} Sebin Nyshkim</p>
             <p>Content licensed under
diff --git a/src/layouts/blogpost.njk b/src/layouts/blogpost.njk
index 32ba740..c501792 100644
--- a/src/layouts/blogpost.njk
+++ b/src/layouts/blogpost.njk
@@ -31,7 +31,7 @@ layout: base.njk
     </div>
   </header>
 
-  <section class="mx-auto prose px-safe-offset-4 prose-slate md:prose-lg md:px-safe-offset-6 lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-figcaption:text-center prose-figcaption:text-balance prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl">
+  <section class="mx-auto prose px-safe-offset-4 prose-slate md:prose-lg md:px-safe-offset-6 lg:prose-xl 2xl:prose-2xl dark:prose-invert prose-headings:font-normal prose-p:text-justify prose-figcaption:text-center prose-figcaption:text-balance prose-strong:font-bold prose-strong:text-inherit prose-li:marker:text-inherit! prose-th:font-bold prose-img:mx-auto prose-img:rounded-3xl prose-hr:my-12 prose-hr:border-slate-400 md:prose-hr:my-14 lg:prose-hr:my-16 dark:prose-hr:border-slate-600">
     {{ content | safe }}
 
     <hr>