initial commit

src/components/Footer.astro

@@ -0,0 +1,34 @@
+---
+import NavLink from './nav/NavLink.astro';
+
+const { nav, updated } = Astro.props;
+---
+
+<footer style={updated ? undefined : 'margin-top: var(--spacing-3xl)'}>
+  {updated && (
+    <p class="updated">
+      <em>This page was last updated on {new Date(updated).toLocaleDateString()}</em>
+    </p>
+  )}
+  <nav aria-label="Social icons" class="social">
+    {nav.footer_icons.map(link => (
+      <NavLink
+          url={link.permalink}
+          title={link.title}
+          icon={link.icon}
+        />
+    ))}
+  </nav>
+  <nav aria-label="Secondary site navigation" class="sub-pages">
+    {nav.footer_text.map((link, index) => (
+      <>
+        <NavLink
+          url={link.permalink}
+          title={link.title}
+          icon={link.icon}
+        />
+        {index < nav.footer_text.length - 1 && <span>/</span>}
+      </>
+    ))}
+  </nav>
+</footer>