feat: replace footer social links with styled SVG icons

Author: Alexia Michelle

docusaurus.config.js

@@ -131,12 +131,20 @@ const config = {
                 to: '/community',
               },
               {
-                label: 'GitHub',
-                href: 'https://github.com/goldendoglinux',
-              },
-              {
-                label: 'Bluesky',
-                href: 'https://bsky.app/profile/goldendoglinux.org',
+                html: `
+                  <div class="footer__social-links">
+                    <a href="https://github.com/goldendoglinux" target="_blank" rel="noopener noreferrer" class="footer__social-link" aria-label="GitHub">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
+                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+                      </svg>
+                    </a>
+                    <a href="https://bsky.app/profile/goldendoglinux.org" target="_blank" rel="noopener noreferrer" class="footer__social-link" aria-label="Bluesky">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
+                        <path d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.698-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948"/>
+                      </svg>
+                    </a>
+                  </div>
+                `,
               },
             ],
           },

src/css/custom.css

@@ -162,6 +162,26 @@ html[data-theme='dark'] .markdown img:hover {
   opacity: 0.7;
 }
 
+.footer__social-links {
+  display: flex;
+  gap: 1.5rem;
+  justify-content: center;
+  margin-top: 1rem;
+}
+
+.footer__social-link {
+  color: var(--ifm-font-color-base);
+  transition: color 0.3s ease, transform 0.3s ease;
+  display: flex;
+  align-items: center;
+}
+
+.footer__social-link:hover {
+  color: var(--goldendog-fuchsia) !important;
+  transform: translateY(-3px);
+  text-decoration: none;
+}
+
 .button--primary {
   box-shadow: 0 4px 14px 0 var(--glow-accent);
 }