use simple-icons for footer icons

Ultramarine-Linux · Oct 29, 2024 · c6396d8 · c6396d8
1 parent 5904b8d
commit c6396d8
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@iconify-json/bi": "^1.2.1",
+    "@iconify-json/simple-icons": "^1.2.10",
     "@tailwindcss/typography": "^0.5.15",
     "prettier": "^3.3.3",
     "prettier-plugin-astro": "^0.14.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -64,23 +64,34 @@ import UltramarineAltLogo from "./icons/UltramarineAltLogo.astro";
     </div>
     <div class="flex items-center gap-4 sm:ml-auto">
       <a href="https://github.com/ultramarine-linux" aria-label="GitHub">
-        <Icon name="bi:github" class="w-5 h-5" />
+        <Icon name="simple-icons:github" class="w-5 h-5" />
         <span class="hidden">Ultramarine Github Repo</span>
       </a>
       <a href="https://fyralabs.com/discord" aria-label="Discord">
-        <Icon name="bi:discord" class="w-5 h-5" />
+        <Icon name="simple-icons:discord" class="w-5 h-5" />
         <span class="hidden">Ultramarine and Fyra Labs Discord community</span>
       </a>
+      <a href="https://fyralabs.com/matrix" aria-label="Matrix">
+        <Icon name="simple-icons:matrix" class="w-5 h-5" />
+        <span class="hidden">Ultramarine and Fyra Labs Matrix space</span>
+      </a>
       <a href="https://x.com/UltramarineProj" aria-label="Twitter">
-        <Icon name="bi:twitter" class="w-5 h-5" />
+        <Icon name="simple-icons:twitter" class="w-5 h-5" />
         <span class="hidden">Ultramarine Linux Twitter</span>
       </a>
       <a href="https://fedi.fyralabs.com/@ultramarine" aria-label="Mastodon">
-        <Icon name="bi:mastodon" class="w-5 h-5" />
+        <Icon name="simple-icons:mastodon" class="w-5 h-5" />
         <span class="hidden">Ultramarine Linux Mastodon</span>
       </a>
+      <a
+        href="https://bsky.app/profile/ultramarine-linux.org"
+        aria-label="Bluesky"
+      >
+        <Icon name="simple-icons:bluesky" class="w-5 h-5" />
+        <span class="hidden">Ultramarine Linux Bluesky</span>
+      </a>
       <a href="https://www.reddit.com/r/ultramarine" aria-label="Reddit">
-        <Icon name="bi:reddit" class="w-5 h-5" />
+        <Icon name="simple-icons:reddit" class="w-5 h-5" />
         <span class="hidden">Ultramarine Linux Subreddit</span>
       </a>
     </div>