From 678fbb76bddc3306eae7bd1a8765a9d6377cdebe Mon Sep 17 00:00:00 2001
From: Neshura <neshura@neshweb.net>
Date: Sat, 6 Jan 2024 09:49:24 +0100
Subject: [PATCH] Add content to Home Page

---
 package.json                                  |  2 +-
 src/lib/components/ui/separator/index.ts      |  7 ++++
 .../components/ui/separator/separator.svelte  | 22 ++++++++++++
 src/routes/+page.svelte                       | 35 +++++++++++++++++--
 yarn.lock                                     |  8 ++---
 5 files changed, 67 insertions(+), 7 deletions(-)
 create mode 100644 src/lib/components/ui/separator/index.ts
 create mode 100644 src/lib/components/ui/separator/separator.svelte

diff --git a/package.json b/package.json
index 149a6bb..1d9a4a0 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"bits-ui": "^0.13.0",
+		"bits-ui": "^0.13.2",
 		"clsx": "^2.1.0",
 		"radix-icons-svelte": "^1.2.1",
 		"socket.io": "^4.7.2",
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts
new file mode 100644
index 0000000..dbfb139
--- /dev/null
+++ b/src/lib/components/ui/separator/index.ts
@@ -0,0 +1,7 @@
+import Root from "./separator.svelte";
+
+export {
+	Root,
+	//
+	Root as Separator
+};
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
new file mode 100644
index 0000000..bf9127a
--- /dev/null
+++ b/src/lib/components/ui/separator/separator.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { Separator as SeparatorPrimitive } from "bits-ui";
+	import { cn } from "$lib/utils";
+
+	type $$Props = SeparatorPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export let orientation: $$Props["orientation"] = "horizontal";
+	export let decorative: $$Props["decorative"] = undefined;
+	export { className as class };
+</script>
+
+<SeparatorPrimitive.Root
+	class={cn(
+		"shrink-0 bg-border",
+		orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+		className
+	)}
+	{orientation}
+	{decorative}
+	{...$$restProps}
+/>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 2b9f176..5593da6 100644
--- a/src/routes/+page.svelte
+++ b/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>
diff --git a/yarn.lock b/yarn.lock
index a9a3de8..4db2b60 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -702,10 +702,10 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bits-ui@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/bits-ui/-/bits-ui-0.13.0.tgz#dff61c8b4a95b1f589105444da74396bdc6702e7"
-  integrity sha512-XMvGKhJQMvSWqaan0eaIx1uAVcFBpImgO6xf+XTb7UhqdzbH0//6be4DeR1nRUpIU70XoU1B7i3lMPrTWg37ng==
+bits-ui@^0.13.2:
+  version "0.13.2"
+  resolved "https://registry.yarnpkg.com/bits-ui/-/bits-ui-0.13.2.tgz#caf47bfed774c7f28600b1d41ac69db0509ec347"
+  integrity sha512-hSxj/BDazR49j2QkgsAnWjHsWdG6OvprCF0IagQm4mDf1pwiunXXJMnSciNxocvaZ/HAkKQRf8R6orwDPO/HYg==
   dependencies:
     "@internationalized/date" "^3.5.1"
     "@melt-ui/svelte" "0.67.0"