fix most remaining issues

src/routes/__layout.svelte

@@ -3,6 +3,7 @@
 	import Nav from "$lib/Nav.svelte";
 	import Footer from "$lib/Footer.svelte";
 	import SvelteSeo from "svelte-seo";
+	import "uno.css";
 </script>
 
 <SvelteSeo

src/routes/faq.md

@@ -11,7 +11,7 @@ The project doesn't have a single owner but is made up of a team of people. A li
 
 ## What's the backstory to Project Segfault?
 
-We have a rather interesting backstory, if I do say so myself. [Click here to see a timeline of things that happened in Project Segfault's history](/timeline)
+We have a rather interesting backstory, if I do say so myself. [Click here to see a timeline of things that happened in Project Segfault's history](/timeline).
 
 ## One of your services contains toxic people!
 

src/routes/index.svelte

@@ -1,9 +1,6 @@
 <script lang="ts">
 	import SvelteSeo from "svelte-seo";
 	import Hero from "$lib/Hero.svelte";
-	import IconMoneyBill from "~icons/fa6-solid/money-bill";
-	import IconCircleInfo from "~icons/fa6-solid/circle-info";
-	import IconTriangleExclamation from "~icons/fa6-solid/triangle-exclamation";
 	import dayjs from "dayjs";
 
 	let description: string = "Open source development and hosted services.";
@@ -29,7 +26,7 @@
 	<div class="buttons">
 		<a href="/instances">Explore our services</a>
 		<a href="/projects">Explore our projects</a>
-		<a href="/donate"><IconMoneyBill /> Donate</a>
+		<a href="/donate"><div class="i-fa6-solid:money-bill"></div> Donate</a>
 	</div>
 </Hero>
 
@@ -41,9 +38,9 @@
 			<div class="announcement">
 				<div class="general">
 					{#if announcements.severity === "info"}
-						<IconCircleInfo />
+						<div class="i-fa6-solid:circle-info"></div>
 					{:else}
-						<IconTriangleExclamation />
+						<div class="i-fa6-solid:triangle-exclamation"></div>
 					{/if}
 					<span>
 						{dayjs

src/routes/projects.svelte

@@ -1,10 +1,6 @@
 <script lang="ts">
 	import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
 	import projects from "$lib/Projects.json";
-	import IconGitHub from "~icons/simple-icons/github";
-	import IconGlobe from "~icons/fa6-solid/globe";
-	import IconEmail from "~icons/fa6-solid/envelope";
-	import IconCamera from "~icons/fa6-solid/camera";
 </script>
 
 <svelte:head>
@@ -19,13 +15,13 @@
 			<LinksOuter>
 				{#if website}
 					<Link url={website} classes="web">
-						<IconGlobe />
+						<div class="i-fa6-solid:globe"></div>
 					</Link>
 				{/if}
 
 				{#if github}
 					<Link url={github} classes="githubcolored">
-						<IconGitHub />
+						<div class="i-simple-icons:github"></div>
 					</Link>
 				{/if}
 			</LinksOuter>

src/routes/team.svelte

@@ -1,13 +1,6 @@
 <script lang="ts">
 	import { CardInner, CardOuter, Link, LinksOuter } from "$lib/Card";
 	import members from "$lib/Team.json";
-	import IconDiscord from "~icons/simple-icons/discord";
-	import IconMatrix from "~icons/simple-icons/matrix";
-	import IconGitHub from "~icons/simple-icons/github";
-	import IconKey from "~icons/fa6-solid/key";
-	import IconGlobe from "~icons/fa6-solid/globe";
-	import IconEmail from "~icons/fa6-solid/envelope";
-	import IconCamera from "~icons/fa6-solid/camera";
 </script>
 
 <svelte:head>
@@ -22,43 +15,43 @@
 			<LinksOuter>
 				{#if matrix}
 					<Link url={matrix} classes="matrixcolored">
-						<IconMatrix />
+						<div class="i-simple-icons:matrix"></div>
 					</Link>
 				{/if}
 
 				{#if discord}
 					<Link url={discord} classes="discordcolored">
-						<IconDiscord />
+						<div class="i-simple-icons:discord"></div>
 					</Link>
 				{/if}
 
 				{#if github}
 					<Link url={github} classes="githubcolored">
-						<IconGitHub />
+						<div class="i-simple-icons:github"></div>
 					</Link>
 				{/if}
 
 				{#if website}
 					<Link url={website} classes="web">
-						<IconGlobe />
+						<div class="i-fa6-solid:globe"></div>
 					</Link>
 				{/if}
 
 				{#if email}
 					<Link url="mailto:{email}" classes="email">
-						<IconEmail />
+						<div class="i-fa6-solid:envelope"></div>
 					</Link>
 				{/if}
 
 				{#if pgp}
 					<Link url={pgp} classes="pgp">
-						<IconKey />
+						<div class="i-fa6-solid:key"></div>
 					</Link>
 				{/if}
 
 				{#if picture}
 					<Link url={picture} classes="picture">
-						<IconCamera />
+						<div class="i-fa6-solid:camera"></div>
 					</Link>
 				{/if}
 			</LinksOuter>