feat: Add system status link to footer (#143)

namesakefyi · Sep 7, 2024 · 3c132aa · 3c132aa
1 parent efd5335
commit 3c132aa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -26,6 +26,13 @@ const linkGroups: LinkGroup[] = [
       { href: "/brand-assets", label: "Brand Assets" },
     ],
   },
+  {
+    title: "Resources",
+    links: [
+      { href: "/chat", label: "Chat" },
+      { href: "/status", label: "System Status" },
+    ],
+  },
 ];
 ---
 
@@ -67,7 +74,7 @@ const linkGroups: LinkGroup[] = [
       {
         Object.values(socialLinks).map(({ href, Icon, text }) => (
           <a {href} title={text}>
-            <Icon size={24} />
+            <Icon size={28} />
           </a>
         ))
       }
@@ -110,7 +117,7 @@ const linkGroups: LinkGroup[] = [
     gap: var(--space-xl);
 
     + .content {
-      margin-block-start: var(--space-l);
+      margin-block-start: var(--space-xl);
     }
 
     &.end {
@@ -119,7 +126,7 @@ const linkGroups: LinkGroup[] = [
 
     @media (width < 760px) {
       flex-direction: column;
-      gap: var(--space-l);
+      gap: var(--space-xl);
 
       .linkGroup {
         width: unset;

diff --git a/src/pages/status.astro b/src/pages/status.astro
@@ -0,0 +1,6 @@
+---
+// Server-render page to avoid temporary flash of "redirecting..." plain text page
+export const prerender = false;
+
+return Astro.redirect("https://status.namesake.fyi", 308);
+---
diff --git a/src/styles/theme.css b/src/styles/theme.css
@@ -5,15 +5,15 @@
     minTypeScale: 1.2,
     maxTypeScale: 1.25,
     positiveSteps: 7,
-    nevativeSteps: 1
+    negativeSteps: 1,
   });
 
   @utopia spaceScale({
     minSize: 8,
     maxSize: 12,
     positiveSteps: [1.5, 2, 3, 4, 6],
     negativeSteps: [0.75, 0.5],
-  })
+  });
 
   /* Line heights */
   --line-height-single: 1;