From b37ee6d510b8ae247781dbb67f2c681946c1c673 Mon Sep 17 00:00:00 2001
From: Eva Decker <itsevadecker@gmail.com>
Date: Sat, 7 Sep 2024 15:07:49 -0400
Subject: [PATCH] Add status link, fix type scale issues

---
 src/components/Footer.astro | 13 ++++++++++---
 src/pages/status.astro      |  6 ++++++
 src/styles/theme.css        |  4 ++--
 3 files changed, 18 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/status.astro

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 47d28c1..d8ba8df 100644
--- 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
new file mode 100644
index 0000000..017c787
--- /dev/null
+++ 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
index d140ac9..68755a1 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -5,7 +5,7 @@
     minTypeScale: 1.2,
     maxTypeScale: 1.25,
     positiveSteps: 7,
-    nevativeSteps: 1
+    negativeSteps: 1,
   });
 
   @utopia spaceScale({
@@ -13,7 +13,7 @@
     maxSize: 12,
     positiveSteps: [1.5, 2, 3, 4, 6],
     negativeSteps: [0.75, 0.5],
-  })
+  });
 
   /* Line heights */
   --line-height-single: 1;