Remove Tabler, fix Footer, add github.

Fixes #67. Closes #65. Closes #43

Author: robertvanhoesel

src/components/cards/Twitter.astro

@@ -14,12 +14,6 @@ const { data } = Astro.props
     <i class="ti ti-heart mr-1 w-4"></i>
     {formatNumber(data.metadata?.likes_count)}
   </a>
-  {
-    /*<span class="inline-flex items-center">
-          <Icon name="tabler:eye" class="w-4 mr-1" />
-          {formatNumber(data.statistics.viewCount)}
-        </span>*/
-  }
   <a class="inline-flex items-center truncate">
     <img src="/content/websites/twitter.com.png" class="mr-2 h-3" />
     {data.author}

src/components/cards/Youtube.astro

@@ -14,12 +14,6 @@ const { data } = Astro.props
     <i class="ti ti-thumb-up mr-1 w-4"></i>
     {formatNumber(data.metadata?.likes_count)}
   </a>
-  {
-    /*<span class="inline-flex items-center">
-          <Icon name="tabler:eye" class="w-4 mr-1" />
-          {formatNumber(data.statistics.viewCount)}
-        </span>*/
-  }
   <a class="inline-flex items-center truncate">
     <img src="/content/websites/youtube.com.png" class="mr-2 h-3" />
     {data.author}

src/components/layout/Footer.astro

@@ -1,33 +1,38 @@
 ---
 import Svg from "@jasikpark/astro-svg-loader"
-import { classes } from "../../lib/theme"
 
 const navLinks = [
   { href: "/faq", text: "FAQ" },
   { href: "/api", text: "API" },
   { href: "/privacy", text: "Privacy" },
   { href: "/about", text: "About" },
+  {
+    href: "https://github.com/stormgateworld/web",
+    text: "GitHub",
+    target: "_blank",
+    icon: import("lucide-static/icons/github.svg?raw"),
+  },
   {
     href: "https://twitter.com/StormgateWorld",
     text: "Twitter",
     target: "_blank",
-    icon: "ti-brand-twitter-filled",
+    icon: import("lucide-static/icons/twitter.svg?raw"),
   },
-  { href: "/rss.xml", text: "RSS Feed", target: "_blank", icon: "ti-rss" },
+  { href: "/rss.xml", text: "RSS Feed", target: "_blank", icon: import("lucide-static/icons/rss.svg?raw") },
 ]
 ---
 
-<footer class="mt-4 border-t border-gray-900 py-32 text-center md:mt-8">
-  <div class="mx-auto">
-    <nav class="flex columns-2 flex-wrap justify-center gap-x-8 gap-y-2 pb-6 sm:space-x-12" aria-label="Footer">
+<footer class="relative mt-4 border-t border-gray-900 py-16 text-center md:mt-8 md:py-24">
+  <div class="mx-auto max-w-screen-xl">
+    <nav class="flex columns-2 flex-wrap justify-evenly gap-x-2 gap-y-2 px-4 pb-6 sm:space-x-12" aria-label="Footer">
       {
         navLinks.map((link) => (
           <a
             href={link.href}
             target={link.target ? link.target : "_self"}
             class="text-sm leading-6 text-gray-100 hover:text-white"
           >
-            {link.icon && <i class={classes("ti", link.icon)} />}
+            {link.icon && <Svg src={link.icon} class="inline-block w-3.5" />}
             {link.text}
           </a>
         ))