rewrite footer

src/components/Footer.astro

@@ -1,34 +1,22 @@
 ---
-import { getHTMLIcon } from "./iconsModule";
-
-const gitString = getHTMLIcon("git");
-const matrixString = getHTMLIcon("matrix");
+import matrixLogo from "@icons/matrix-logo.svg?raw";
+import gitLogo from "@icons/git-logo.svg?raw";
 ---
 <footer>
-  <section class="_credits">
-    <span>
-      <a target="_blank" rel="noreferrer" href="https://git.outfoxxed.me/outfoxxed">outfoxxed</a>
-      <em>[Main Developer]</em>
-    </span>
-    <span>
-      <a target="_blank" rel="noreferrer" href="https://github.com/Xanazf">Xanazf</a>
-      <em>[Web Designer & Developer]</em>
-    </span>
+  <section class="credits">
+    <p class="hint">Brought to you by:</p>
+    <a href="https://outfoxxed.me" target="_blank">outfoxxed <span class="hint">- Lead Developer</span></a>
+    <a href="https://github.com/Xanazf" target="_blank">Xanazf <span class="hint">- Website Developer / Designer</span></a>
+    <a href="https://github.com/quickshell-mirror/quickshell/graphs/contributors" target="_blank">
+      and our contributors
+    </a>
   </section>
-  <section class="_socials">
-    <span class="matrix">
-      <a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank" rel="noreferrer">
-        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256">
-          <path fill="currentColor" d={matrixString}/>
-        </svg>
-      </a>
-    </span>
-    <span class="git">
-      <a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank" rel="noreferrer">
-        <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 92 92">
-          <path fill="currentColor" d={gitString}/>
-        </svg>
-      </a>
-    </span>
+  <section class="socials">
+    <a href="https://matrix.to/#/#quickshell:outfoxxed.me" target="_blank">
+      <Fragment set:html={matrixLogo}/>
+    </a>
+    <a href="https://git.outfoxxed.me/outfoxxed/quickshell" target="_blank">
+      <Fragment set:html={gitLogo}/>
+    </a>
   </section>
 </footer>