From ed258b743130fad44144f0237923f2d2f6331c75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Sat, 20 Jul 2024 19:38:49 +0200
Subject: [PATCH] Move links to the footer

---
 src/components/Footer.astro | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 7cdb037..26dbfe6 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,17 +1,35 @@
 ---
-const today = new Date();
+import NavLink from './NavLink.astro';
 ---
 
 <footer>
-  &copy; {today.getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
+  <span>
+    &copy; {new Date().getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
+  </span>
+  <nav class="cmr2-text" aria-label="Social media links">
+    <NavLink href="https://github.com/maciejpedzich">GitHub</NavLink>
+    <NavLink href="https://notacult.social/@macindahaus">Mastodon</NavLink>
+    <NavLink href="https://twitter.com/maciejpedzich">Twitter</NavLink>
+  </nav>
 </footer>
 
 <style>
   footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
     margin-top: 1.5rem;
     padding: 1rem 0;
     border-top: 1px solid #fff;
-    text-align: center;
     text-transform: lowercase;
   }
+
+  @media only screen and (max-width: 625px) {
+    footer {
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 0.75rem;
+    }
+  }
 </style>