change icons to md, change nav and footer

src/routes/+page.svelte

@@ -26,11 +26,11 @@
 		<LinkButton
 			url="/instances"
 			title="Explore our instances"
-			icon="i-fa6-solid:bell-concierge"
+			icon="i-ic:outline-room-service text-xl"
 		/>
 		<LinkButton
 			url="/donate"
-			icon="i-fa6-solid:money-bill"
+			icon="i-ic:outline-attach-money text-xl"
 			title="Donate"
 			bg="#F6C915"
 			color="#151515"

src/routes/Announcements.svelte

@@ -19,31 +19,31 @@
 				>
 					{#if announcements.severity === "info"}
 						<div class="flex items-center gap-2">
-							<div class="i-fa6-solid:circle-info" />
+							<div class="i-ic:outline-info text-xl" />
 							<span>Info</span>
 						</div>
 					{:else if announcements.severity === "low"}
 						<div class="flex items-center gap-2">
-							<div class="i-fa6-solid:check" />
+							<div class="i-ic:outline-check-circle text-xl" />
 							<span>Resolved</span>
 						</div>
 					{:else if announcements.severity === "medium"}
 						<div class="flex items-center gap-2">
-							<div class="i-fa6-solid:triangle-exclamation" />
+							<div class="i-ic:outline-priority-high text-xl" />
 							<span>Attention</span>
 						</div>
 					{:else if announcements.severity === "high"}
 						<div class="flex items-center gap-2">
-							<div class="i-fa6-solid:ban" />
+							<div class="i-ic:outline-block text-xl" />
 							<span>Attention</span>
 						</div>
 					{/if}
 					<span class="flex items-center gap-2">
-						<div class="i-fa6-solid:user" />
+						<div class="i-ic:outline-person text-xl" />
 						{announcements.author}
 					</span>
 					<span class="flex items-center gap-2">
-						<div class="i-fa6-solid:calendar" />
+						<div class="i-ic:outline-calendar-month text-xl" />
 						{dayjs
 							.unix(announcements.created)
 							.format("DD/MM/YYYY HH:mm")}

src/routes/blog/+page.svelte

@@ -24,12 +24,12 @@
 		<LinkButton
 			url="/blog/tags"
 			title="Tags"
-			icon="i-fa6-solid:tags"
+			icon="i-ic:outline-bookmarks"
 		/>
 		<LinkButton
 			url="/blog/authors"
 			title="Authors"
-			icon="i-fa6-solid:user"
+			icon="i-ic:outline-people text-xl"
 		/>
 		<LinkButton
 			url="https://blog.projectsegfau.lt/rss/"

src/routes/contact/+page.svelte

@@ -22,7 +22,7 @@
 	>
 		<Note
 			content="Your IP will be logged for anti-abuse measures."
-			icon="i-fa6-solid:lock"
+			icon="i-ic:outline-lock text-xl"
 		/>
 		<Meta
 			inputType="email"
@@ -59,7 +59,7 @@
 <noscript>
 	<Note
 		content="The contact form does not work without JavaScript enabled."
-		icon="i-fa6-solid:circle-info"
+		icon="i-ic:outline-info text-xl"
 	/>
 	<style>
 		.contact-form {

src/routes/instances/InstanceLink.svelte

@@ -28,8 +28,8 @@
 		<div class="flex items-center gap-2 text-base">
 			<div
 				class={item === 200
-					? "i-fa6-solid:arrow-up-right-from-square"
-					: "i-fa6-solid:xmark"}
+					? "i-ic:outline-open-in-new text-xl"
+					: "i-ic:outline-close"}
 			/>
 			<span>
 				{#if item !== 200}

src/routes/team/+page.svelte

@@ -61,7 +61,7 @@
 						url={website}
 						class="web"
 					>
-						<div class="i-fa6-solid:globe" />
+						<div class="i-ic:outline-language" />
 					</Link>
 				{/if}
 
@@ -70,7 +70,7 @@
 						url="mailto:{email}"
 						class="email"
 					>
-						<div class="i-fa6-solid:envelope" />
+						<div class="i-ic:outline-mail" />
 					</Link>
 				{/if}
 
@@ -79,7 +79,7 @@
 						url={pgp}
 						class="pgp"
 					>
-						<div class="i-fa6-solid:key" />
+						<div class="i-ic:outline-vpn-key" />
 					</Link>
 				{/if}
 
@@ -88,7 +88,7 @@
 						url={picture}
 						class="picture"
 					>
-						<div class="i-fa6-solid:camera" />
+						<div class="i-ic:outline-photo-camera" />
 					</Link>
 				{/if}
 			</LinksOuter>