feat: more work done

src/routes/contact.svelte

@@ -1,7 +1,19 @@
+<script context="module" lang="ts">
+	export async function load() {
+		return {
+			stuff: {
+				title: 'Contact',
+				description: 'All the communication channels for contacting Alex Daichendt ',
+			},
+		};
+	}
+</script>
+
 <script>
 	import { mdiEmailEditOutline } from '@mdi/js';
 	import { mdiGithub } from '@mdi/js';
 	import Icon from 'mdi-svelte';
+	import Element from '../components/element.svelte';
 	import Link from '../components/Link.svelte';
 </script>
 
@@ -16,12 +28,19 @@
 		<Icon path={mdiGithub} />
 		Github: <Link disableIcon href="https://github.com/AlexDaichendt">AlexDaichendt</Link>
 	</li>
+	<li>
+		<span style="font-size:1rem"><Element /></span>
+		Element: @alexdaichendt:matrix.org
+	</li>
 </ul>
 
-I don't use any social media.
+I usually reply within a couple minutes - if it is important.
 
 <style>
 	ul {
 		list-style-type: none;
 	}
+	li {
+		margin-bottom: 0.5rem;
+	}
 </style>