Add content to Home Page
Some checks failed
Run Tests on Code / test (push) Failing after 25s
Build Docker Image on Pull Request / test (pull_request) Failing after 1m31s

This commit is contained in:
Neshura 2024-01-06 09:49:24 +01:00
parent 5fff8cec4d
commit 8854b1dcf9
Signed by: Neshura
GPG key ID: B6983AAA6B9A7A6C
5 changed files with 67 additions and 7 deletions

View file

@ -41,7 +41,7 @@
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"bits-ui": "^0.13.0", "bits-ui": "^0.13.2",
"clsx": "^2.1.0", "clsx": "^2.1.0",
"radix-icons-svelte": "^1.2.1", "radix-icons-svelte": "^1.2.1",
"socket.io": "^4.7.2", "socket.io": "^4.7.2",

View file

@ -0,0 +1,7 @@
import Root from "./separator.svelte";
export {
Root,
//
Root as Separator
};

View file

@ -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}
/>

View file

@ -1,8 +1,39 @@
<script>
import {Separator} from "$lib/components/ui/separator";
import {OpenInNewWindow} from "radix-icons-svelte";
</script>
<svelte:head> <svelte:head>
<title>Home</title> <title>Home</title>
<meta name="description" content="Landing Page for neshweb.net" /> <meta name="description" content="Landing Page for neshweb.net" />
</svelte:head> </svelte:head>
<div class="h-full overflow-auto"> <div class="grid max-h-full grid-cols-3 gap-4 justify-center overflow-auto p-8">
<h1>Home Page</h1> <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> </div>

View file

@ -702,10 +702,10 @@ binary-extensions@^2.0.0:
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d" resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA== integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
bits-ui@^0.13.0: bits-ui@^0.13.2:
version "0.13.0" version "0.13.2"
resolved "https://registry.yarnpkg.com/bits-ui/-/bits-ui-0.13.0.tgz#dff61c8b4a95b1f589105444da74396bdc6702e7" resolved "https://registry.yarnpkg.com/bits-ui/-/bits-ui-0.13.2.tgz#caf47bfed774c7f28600b1d41ac69db0509ec347"
integrity sha512-XMvGKhJQMvSWqaan0eaIx1uAVcFBpImgO6xf+XTb7UhqdzbH0//6be4DeR1nRUpIU70XoU1B7i3lMPrTWg37ng== integrity sha512-hSxj/BDazR49j2QkgsAnWjHsWdG6OvprCF0IagQm4mDf1pwiunXXJMnSciNxocvaZ/HAkKQRf8R6orwDPO/HYg==
dependencies: dependencies:
"@internationalized/date" "^3.5.1" "@internationalized/date" "^3.5.1"
"@melt-ui/svelte" "0.67.0" "@melt-ui/svelte" "0.67.0"