diff --git a/src/lib/components/Bluesky.svelte b/src/lib/components/Bluesky.svelte
deleted file mode 100644
index d1ff7c2..0000000
--- a/src/lib/components/Bluesky.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
- export let className: string = ''
-</script>
-
-<svg
- class={className}
- role="img"
- viewBox="0 0 24 24"
- xmlns="http://www.w3.org/2000/svg"
- ><title>Bluesky</title><path
- d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"
- /></svg
->
diff --git a/src/lib/components/Matrix.svelte b/src/lib/components/Matrix.svelte
new file mode 100644
index 0000000..e625c35
--- /dev/null
+++ b/src/lib/components/Matrix.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+ export let className: string = ''
+</script>
+
+<svg
+ role="img"
+ class={className}
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ ><title>Matrix</title><path
+ d="M.632.55v22.9H2.28V24H0V0h2.28v.55zm7.043 7.26v1.157h.033c.309-.443.683-.784 1.117-1.024.433-.245.936-.365 1.5-.365.54 0 1.033.107 1.481.314.448.208.785.582 1.02 1.108.254-.374.6-.706 1.034-.992.434-.287.95-.43 1.546-.43.453 0 .872.056 1.26.167.388.11.716.286.993.53.276.245.489.559.646.951.152.392.23.863.23 1.417v5.728h-2.349V11.52c0-.286-.01-.559-.032-.812a1.755 1.755 0 0 0-.18-.66 1.106 1.106 0 0 0-.438-.448c-.194-.11-.457-.166-.785-.166-.332 0-.6.064-.803.189a1.38 1.38 0 0 0-.48.499 1.946 1.946 0 0 0-.231.696 5.56 5.56 0 0 0-.06.785v4.768h-2.35v-4.8c0-.254-.004-.503-.018-.752a2.074 2.074 0 0 0-.143-.688 1.052 1.052 0 0 0-.415-.503c-.194-.125-.476-.19-.854-.19-.111 0-.259.024-.439.074-.18.051-.36.143-.53.282-.171.138-.319.337-.439.595-.12.259-.18.6-.18 1.02v4.966H5.46V7.81zm15.693 15.64V.55H21.72V0H24v24h-2.28v-.55z"
+ /></svg
+>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 916bf47..f631132 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,10 +1,10 @@
<script lang="ts">
import Pfp from '$lib/images/pfp.jpg'
import Forgejo from '$lib/components/Forgejo.svelte'
- import Bluesky from '$lib/components/Bluesky.svelte'
import Lastfm from '$lib/components/Lastfm.svelte'
import Twitch from '$lib/components/Twitch.svelte'
import Anilist from '$lib/components/Anilist.svelte'
+ import Matrix from '$lib/components/Matrix.svelte'
</script>
<svelte:head>
@@ -39,13 +39,6 @@
/>
</span>
</a>
- <a href="https://bsky.app/profile/flake.sh" aria-label="Bluesky">
- <span class="inline-block motion-preset-expand motion-delay-400">
- <Bluesky
- className="w-8 h-8 fill-current color-transition hover:text-accent hover:motion-preset-pulse"
- />
- </span>
- </a>
<a href="https://www.twitch.tv/notohh" aria-label="Twitch">
<span class="inline-block motion-preset-expand motion-delay-400">
<Twitch
@@ -60,5 +53,12 @@
/>
</span>
</a>
+ <a href="https://matrix.to/#/@oh:matrix.flake.sh" aria-label="Matrix">
+ <span class="inline-block motion-preset-expand motion-delay-400">
+ <Matrix
+ className="w-8 h-8 fill-current color-transition hover:text-accent hover:motion-preset-pulse"
+ />
+ </span>
+ </a>
</div>
</div>