From 6164c18f0d7ffb8a77149a2f1e7534375e155cc6 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Sat, 19 Oct 2024 19:55:24 +0200
Subject: [PATCH] feat: :sparkles: add social icon links to footer

---
 src/layouts/base.njk | 39 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/layouts/base.njk b/src/layouts/base.njk
index dbb55ac..edff726 100644
--- a/src/layouts/base.njk
+++ b/src/layouts/base.njk
@@ -54,14 +54,49 @@
       <div class="mx-auto max-w-screen-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="basis-full">
+          <div class="basis-full space-y-4">
             <p>&copy; {% year %} Sebin Nyshkim</p>
             <p>Content licensed under
               <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
             </p>
           </div>
-          <div class="basis-full sm:text-right">
+          <div class="basis-full space-y-4 sm:text-right">
             <p>Made with <a href="https://11ty.dev">11ty</a></p>
+            <ul class="flex justify-end gap-4" aria-label="Connect">
+              <li>
+                <a
+                  class="fill-slate-700 hover:fill-[#0285FF] dark:fill-slate-300"
+                  href="https://bsky.app/profile/sebin-nyshkim.net"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="Bluesky"
+                >
+                  {% icon "simple:bluesky", { width: 24, height: 24 } %}
+                </a>
+              </li>
+              <li>
+                <a
+                  class="fill-slate-700 hover:fill-[#6364FF] dark:fill-slate-300"
+                  href="https://meow.social/@SebinNyshkim"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="Mastodon"
+                >
+                  {% icon "simple:mastodon", { width: 24, height: 24 } %}
+                </a>
+              </li>
+              <li>
+                <a
+                  class="fill-slate-700 hover:fill-[#FFA500] dark:fill-slate-300"
+                  href="https://blog.sebin-nyshkim.net/feed.xml"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="RSS Feed"
+                >
+                  {% icon "simple:rss", { width: 24, height: 24 } %}
+                </a>
+              </li>
+            </ul>
           </div>
         </div>
       </div>