Add content to Home Page

src/routes/+page.svelte

@@ -1,8 +1,39 @@
+<script>
+import {Separator} from "$lib/components/ui/separator";
+import {OpenInNewWindow} from "radix-icons-svelte";
+</script>
+
 <svelte:head>
 	<title>Home</title>
 	<meta name="description" content="Landing Page for neshweb.net" />
 </svelte:head>
 
-<div class="h-full overflow-auto">
-	<h1>Home Page</h1>
+<div class="grid max-h-full grid-cols-3 gap-4 justify-center overflow-auto p-8">
+	<div class="flex flex-col items-center col-span-2">
+		<div class="flex flex-col border rounded-md p-4 bg-black/55 backdrop-blur-sm gap-y-2">
+			<h1 class="text-2xl text-center" >Home Page</h1>
+			<p>I'm not sure what to put here quite yet, maybe I'll think of something eventually. In the meantime I've linked some of my accounts in the sidebar to the right</p>
+		</div>
+
+	</div>
+	<div class="flex flex-col gap-y-1 items-center border rounded-md bg-black/55 backdrop-blur-sm py-1">
+		<p class="font-bold">Fediverse Accounts</p>
+		<Separator class="max-w-80" />
+		<a rel="me" href="https://mastodon.neshweb.net/@neshura" target="_blank" class="flex flex-row gap-1 items-center hover:text-secondary">
+			Mastodon
+			<OpenInNewWindow />
+		</a>
+		<a rel="noopener noreferrer" href="https://bookwormstory.social/u/Neshura" target="_blank" class="flex flex-row gap-1 items-center hover:text-secondary">
+			Lemmy
+			<OpenInNewWindow />
+		</a>
+		<a rel="noopener noreferrer" href="https://neshweb.tv/c/neshura_ch/videos" target="_blank" class="flex flex-row gap-1 items-center hover:text-secondary">
+			PeerTube
+			<OpenInNewWindow />
+		</a>
+		<Separator class="max-w-80" />
+		<p class="font-bold">Subsection</p>
+		<Separator class="max-w-80" />
+		<p>Link 4</p>
+	</div>
 </div>