pleb/plebsaber.stream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add guestbook

Browse Source
This commit is contained in:
pleb
2025-11-03 16:41:04 -08:00
parent 60986f8c81
commit 33b3e6f3c1
4 changed files with 925 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/+page.svelte
+30 -16
View File
@@ -1,3 +1,7 @@
<script lang="ts">
import Guestbook from '$lib/components/Guestbook.svelte';
</script>
<section class="grid items-center gap-10 py-12 md:py-20 lg:grid-cols-2">
<div class="space-y-6">
<h1 class="font-display text-4xl sm:text-5xl lg:text-6xl leading-tight">
@@ -21,27 +25,37 @@
<div class="mt-1 text-2xl font-mono">Player History Comparison</div>
<div class="mt-1 text-sm text-muted">A vs B: songs A played that B has not</div>
</a>
<a href="/tools/playlist-discovery" class="rounded-lg bg-black/30 ring-1 ring-white/10 p-4 block hover:ring-white/20 transition">
<div class="text-sm text-muted">Tool</div>
<div class="mt-1 text-2xl font-mono">Playlist Discovery</div>
<div class="mt-1 text-sm text-muted">Experimental UX for browsing new playlists on BeatSaver</div>
</a>
</div>
</div>
</div>
</section>
<section class="py-10">
<div class="prose prose-invert max-w-none">
<h2 class="font-display tracking-widest">Latest Guides</h2>
</div>
<div class="not-prose mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
<a href="/guides/finding-new-songs" class="card-surface p-5 block">
<div class="text-sm text-muted">Guide</div>
<h3 class="font-semibold mt-1">Finding New Songs (BeatLeader)</h3>
<p class="mt-1 text-sm text-muted">Month-by-month search using unranked stars, tech rating, and friend filters.</p>
</a>
<a href="/guides/beatleader-auth" class="card-surface p-5 block">
<div class="text-sm text-muted">Guide</div>
<h3 class="font-semibold mt-1">BeatLeader Authentication</h3>
<p class="mt-1 text-sm text-muted">Connect BeatLeader and enable unranked stars in tools.</p>
</a>
<section class="py-12">
<div class="grid gap-10 xl:gap-14 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)] items-start">
<div class="space-y-6">
<div class="prose prose-invert max-w-none">
<h2 class="font-display tracking-widest">Latest Guides</h2>
</div>
<div class="not-prose grid gap-4 sm:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
<a href="/guides/finding-new-songs" class="card-surface p-5 block">
<div class="text-sm text-muted">Guide</div>
<h3 class="font-semibold mt-1">Finding New Songs (BeatLeader)</h3>
<p class="mt-1 text-sm text-muted">Month-by-month search using unranked stars, tech rating, and friend filters.</p>
</a>
<a href="/guides/beatleader-auth" class="card-surface p-5 block">
<div class="text-sm text-muted">Guide</div>
<h3 class="font-semibold mt-1">BeatLeader Authentication</h3>
<p class="mt-1 text-sm text-muted">Connect BeatLeader and enable unranked stars in tools.</p>
</a>
</div>
</div>
<Guestbook />
</div>
</section>