feat(footer): add social icons, centered layout, surface background

Replace inline-styled footer with structured layout using Feather Icons
(GitHub, Twitter, LinkedIn). Fix background by targeting #footer-custom
directly — cgit injects footer content without a div.footer wrapper.

1 files changed, 15 insertions, 3 deletions

diff --git a/footer.html b/footer.html
index fd92532..06271b9 100644
--- a/footer.html
+++ b/footer.html
@@ -1,4 +1,16 @@
-<div id="footer-custom" style="display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:8px;">
-  <span>© 2026 <a href="https://danix.xyz" style="color:#00ff88;font-weight:600;">danix.xyz</a></span>
-  <span>powered by <a href="https://git.zx2c4.com/cgit/">cgit</a></span>
+<div id="footer-custom">
+  <div class="footer-social">
+    <a href="https://github.com/danixland" class="footer-social-link" aria-label="GitHub" target="_blank" rel="noopener">
+      <i data-feather="github"></i>
+    </a>
+    <a href="https://x.com/danixland" class="footer-social-link" aria-label="Twitter/X" target="_blank" rel="noopener">
+      <i data-feather="twitter"></i>
+    </a>
+    <a href="https://www.linkedin.com/in/danilo-macri-aka-danix/" class="footer-social-link" aria-label="LinkedIn" target="_blank" rel="noopener">
+      <i data-feather="linkedin"></i>
+    </a>
+  </div>
+  <div class="footer-copy">© 2026 <a href="https://danix.xyz" class="footer-home">danix.xyz</a></div>
+  <div class="footer-powered">powered by <a href="https://git.zx2c4.com/cgit/">cgit</a></div>
 </div>
+<script>feather.replace({ width: 18, height: 18 });</script>