Adds Kofi and Sourcehut links

Social Links now opens in new tab

3 files changed, 16 insertions, 12 deletions

diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css
index dc34a9e..3598a25 100644
--- a/src/_includes/assets/css/styles.css
+++ b/src/_includes/assets/css/styles.css
@@ -1027,6 +1027,10 @@ select {
   justify-content: space-between;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .gap-10 {
   gap: 2.5rem;
 }
@@ -1043,10 +1047,6 @@ select {
   gap: 1rem;
 }
 
-.gap-3 {
-  gap: 0.75rem;
-}
-
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index f3bffae..c4ccae1 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -1,9 +1,11 @@
 <footer class="items-center px-6 py-2 mt-auto bg-black text-white">
     <ul class="w-full flex md:hidden gap-5 font-supply-regular ml-auto justify-center mt-5 md:mt-0">
-        <li class="hover:text-white inline-block"><a title="Twitter" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
-        <li class="hover:text-white inline-block"><a title="Github" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
-        <li class="hover:text-white inline-block"><a title="LinkedIn" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
-        <li class="hover:text-white inline-block"><a title="RSS" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="Twitter" target="_blank" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="Github" target="_blank" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="Sourcehut" target="_blank" href="https://sr.ht/~cooljith91112/" class="links">{% feather "circle" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="Ko-Fi" target="_blank" href="https://ko-fi.com/indrajith" class="links">{% feather "coffee" %}</a></li>
+        <li class="hover:text-white inline-block"><a title="RSS" target="_blank" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
     </ul>
     <ul class="flex w-full gap-10 font-supply-regular justify-center mt-5 md:mt-auto">
         <li class="mt-1">
diff --git a/src/_includes/partials/header.njk b/src/_includes/partials/header.njk
index db79cf3..bf91705 100644
--- a/src/_includes/partials/header.njk
+++ b/src/_includes/partials/header.njk
@@ -9,10 +9,12 @@
             <li class="hover:text-white"><a href="/cv" id="cv" class="links">CV</a></li>
         </ul>
         <ul class="hidden md:flex flex-row gap-10 font-supply-regular right-0 -my-8 mx-6 absolute">
-            <li class="hover:text-white"><a title="Twitter" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
-            <li class="hover:text-white"><a title="Github" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
-            <li class="hover:text-white"><a title="LinkedIn" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
-            <li class="hover:text-white"><a title="RSS" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
+            <li class="hover:text-white"><a title="Twitter" target="_blank" href="https://twitter.com/indrajithKLIS" class="links">{% feather "twitter" %}</a></li>
+            <li class="hover:text-white"><a title="Github" target="_blank" href="https://github.com/cooljith91112" class="links">{% feather "github" %}</a></li>
+            <li class="hover:text-white"><a title="Sourcehut" target="_blank" href="https://sr.ht/~cooljith91112/" class="links">{% feather "circle" %}</a></li>
+            <li class="hover:text-white"><a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/indrajithklis/" class="links">{% feather "linkedin" %}</a></li>
+            <li class="hover:text-white"><a title="Ko-Fi" target="_blank" href="https://ko-fi.com/indrajith" class="links">{% feather "coffee" %}</a></li>
+            <li class="hover:text-white"><a title="RSS" target="_blank" href="/feed.xml" class="links">{% feather "rss" %}</a></li>
         </ul>
     </nav>
 </header>