Update footer links

Author: venables

src/components/layout/footer.tsx

@@ -2,39 +2,50 @@ import { siteConfig } from "@/config/site-config"
 
 export function Footer() {
   return (
-    <footer className="pb-2">
-      <div className="container-wrapper px-4 xl:px-6">
-        <div className="flex items-center justify-between">
-          <div className="w-full px-1 text-center text-xs leading-loose text-muted-foreground sm:text-sm">
-            Built by{" "}
-            <a
-              href={siteConfig.author.link}
-              target="_blank"
-              rel="noreferrer"
-              className="font-medium underline underline-offset-4"
-            >
-              {siteConfig.author.name}
-            </a>
-            . Hosted on{" "}
+    <footer className="flex flex-col gap-4 p-8 text-tiny uppercase underline-offset-4">
+      <div className="flex w-full flex-col-reverse justify-between sm:flex-row">
+        <div className="flex flex-row justify-between sm:flex-col sm:justify-start">
+          <p>System Status</p>
+          <p>
+            <span className="relative mr-2 inline-flex size-2">
+              <span className="absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75"></span>{" "}
+              <span className="relative inline-flex size-2 rounded-full bg-green-500"></span>
+            </span>
+            <span>OK</span>
+          </p>
+        </div>
+
+        <div className="flex flex-row justify-between sm:flex-col sm:items-end sm:justify-start">
+          <p>Deployed to</p>
+          <p>
             <a
-              href="https://cloudflare.com"
+              href="https://www.cloudflare.com"
               target="_blank"
               rel="noreferrer"
-              className="font-medium underline underline-offset-4"
+              className="hover:underline"
             >
               Cloudflare
             </a>
-            . Source code available on{" "}
-            <a
-              href={siteConfig.links.github}
-              target="_blank"
-              rel="noreferrer"
-              className="font-medium underline underline-offset-4"
-            >
-              GitHub
-            </a>
-            .
-          </div>
+          </p>
+        </div>
+      </div>
+
+      <div className="flex flex-col justify-between gap-4 border-t pt-6 sm:flex-row sm:items-center">
+        <p>
+          © {new Date().getFullYear()}{" "}
+          <a href={siteConfig.author.link} className="hover:underline">
+            {siteConfig.author.name}
+          </a>
+        </p>
+        <div className="flex gap-6">
+          <a
+            href={siteConfig.links.github}
+            target="_blank"
+            rel="noreferrer"
+            className="hover:underline"
+          >
+            Source on Github
+          </a>
         </div>
       </div>
     </footer>

src/styles/app.css

@@ -120,12 +120,3 @@
     @apply bg-background text-foreground antialiased;
   }
 }
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

src/styles/fonts.css

@@ -1,4 +1,8 @@
 @theme {
   --font-sans: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
   --font-mono: "Geist Mono Variable", ui-monospace, monospace;
+
+  --text-tiny: 0.625rem;
+  --text-tiny--line-height: 1.5rem;
+  --text-tiny--letter-spacing: 0.125rem;
 }