Updates social links to use icons

assets/bundle/styles.js

@@ -1,2 +1,2 @@
-import{h as S}from"./chunks/chunk-HJSB4PYJ.js";function o(...l){let e=[];for(let t of l)t.styleSheet&&e.push(t.styleSheet);return e}document.adoptedStyleSheets=o(S);
+import{i as S}from"./chunks/chunk-MD3C3WXH.js";function o(...l){let e=[];for(let t of l)t.styleSheet&&e.push(t.styleSheet);return e}document.adoptedStyleSheets=o(S);
 /*! For license information please see styles.js.LEGAL.txt */

index.html

@@ -442,13 +442,25 @@ <h2 class="h-type-tight">
         </div>
       </div>
       <div class="footer__group footer__group--end">
-        <nav aria-label="Social Links">
-          <a target="_blank" href="https://github.com/d13">GitHub</a>
-          <a target="_blank" href="https://twitter.com/keithdaulton">Twitter</a>
-          <a target="_blank" href="https://www.linkedin.com/in/keithdaulton">LinkedIn</a>
-          <a target="_blank" rel="me" href="https://hachyderm.io/@d13">Mastodon</a>
-          <a target="_blank" href="https://dribbble.com/keithdaulton">Dribbble</a>
-          <a target="_blank" href="https://codepen.io/d13">CodePen</a>
+        <nav aria-label="Social Links" class="h-type-xl">
+          <a target="_blank" href="https://github.com/d13"
+            ><kd-bs-icon icon="github"></kd-bs-icon><span class="h-sr-only">GitHub</span></a
+          >
+          <a target="_blank" href="https://twitter.com/keithdaulton"
+            ><kd-bs-icon icon="twitter"></kd-bs-icon><span class="h-sr-only">Twitter</span></a
+          >
+          <a target="_blank" href="https://www.linkedin.com/in/keithdaulton"
+            ><kd-bs-icon icon="linkedin"></kd-bs-icon><span class="h-sr-only">LinkedIn</span></a
+          >
+          <a target="_blank" rel="me" href="https://hachyderm.io/@d13"
+            ><kd-bs-icon icon="mastodon"></kd-bs-icon><span class="h-sr-only">Mastodon</span></a
+          >
+          <a target="_blank" href="https://dribbble.com/keithdaulton"
+            ><kd-bs-icon icon="dribbble"></kd-bs-icon><span class="h-sr-only">Dribbble</span></a
+          >
+          <a target="_blank" href="https://codepen.io/d13"
+            ><kd-bs-icon icon="code"></kd-bs-icon><span class="h-sr-only">CodePen</span></a
+          >
         </nav>
         <div class="footer__brand">
           <a href="#top" class="avatar avatar--xl"