Viel

layouts/partials/footer.html

@@ -1,18 +1,17 @@
-<link rel="stylesheet" href="/css/footer.css">
-
-<footer id="site_footer">
-  <div class="footer-container">
-    <div class="footer-left">
-      <p>© 2025 Deepwater Survival</p>
-      <p>
-        <a href="/impressum/" target="_self" rel="noopener">Impressum</a> |
-        <a href="/datenschutz/" target="_self" rel="noopener">Datenschutzerklärung</a>
-      </p>
+<footer class="site-footer">
+    <div class="site-footer__inner">
+        <div class="site-footer__contact">
+            <p class="site-footer__lead">Booking, Presse, Fragen:</p>
+            <a class="site-footer__mail" href="mailto:{{ site.Params.email }}">{{ site.Params.email }}</a>
+        </div>
+        <nav class="site-footer__social" aria-label="Social Media">
+            <a href="{{ site.Params.spotify }}" target="_blank" rel="noopener">Spotify</a>
+            <a href="{{ site.Params.instagram }}" target="_blank" rel="noopener">Instagram</a>
+            <a href="{{ site.Params.youtube }}" target="_blank" rel="noopener">YouTube</a>
+        </nav>
     </div>
-    <div class="footer-right">
-      <a href="https://open.spotify.com/artist/2TQ9HNBTNCmUthpg9ippHs" target="_blank" rel="noopener">Spotify</a>
-      <a href="https://www.instagram.com/deepwatersurvival/" target="_blank" rel="noopener">Instagram</a>
-      <a href="https://www.youtube.com/@deepwatersurvival730" target="_blank" rel="noopener">YouTube</a>
+    <div class="site-footer__legal">
+        <p>© {{ now.Year }} Deepwater Survival</p>
+        <p><a href="/impressum/">Impressum</a> <a href="/datenschutz/">Datenschutz</a></p>
     </div>
-  </div>
-</footer>
+</footer>