Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues 2 Pull requests Releases 9 Packages Activity Actions

Rewrite page in Svelte 5 #49

Merged
Neshura merged 94 commits from rewrite/svelte into main 2024-01-06 14:12:09 +00:00
Conversation 0 Commits 94 Files changed 109 +67 -7
5 changed files with 67 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 678fbb76bd - Show all commits

2
package.json
View file

@ -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",

7
src/lib/components/ui/separator/index.ts Normal file
View file

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

22
src/lib/components/ui/separator/separator.svelte Normal file
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}
/>

35
src/routes/+page.svelte
View file

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

8
yarn.lock
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"
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"