new exerimental tools, lessons learned about beatleader authentication (it requires steamworks sdk and steam ticket handling)
This commit is contained in:
+28
-35
@@ -1,10 +1,10 @@
|
||||
<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">
|
||||
Beat Saber tools for the <span class="neon-text">cyber</span> underground
|
||||
helper tools for <span class="neon-text">Beat Saber</span>
|
||||
</h1>
|
||||
<p class="max-w-prose text-lg text-muted">
|
||||
Mods, maps, practice helpers and utilities. Tuned for performance. Styled for neon.
|
||||
Notes about how things work, helpers and utilities.
|
||||
</p>
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="/tools" class="btn-neon">Explore Tools</a>
|
||||
@@ -14,42 +14,35 @@
|
||||
|
||||
<div class="relative">
|
||||
<div class="absolute -inset-6 bg-gradient-to-tr from-neon/20 via-transparent to-neon-fuchsia/20 blur-2xl rounded-3xl"></div>
|
||||
<div class="relative card-surface p-6 sm:p-8">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<div class="rounded-lg bg-black/30 ring-1 ring-white/10 p-4">
|
||||
<div class="text-sm text-muted">PP Calculator</div>
|
||||
<div class="mt-1 text-2xl font-mono">Soon</div>
|
||||
</div>
|
||||
<div class="rounded-lg bg-black/30 ring-1 ring-white/10 p-4">
|
||||
<div class="text-sm text-muted">Map Search</div>
|
||||
<div class="mt-1 text-2xl font-mono">Soon</div>
|
||||
</div>
|
||||
<div class="rounded-lg bg-black/30 ring-1 ring-white/10 p-4">
|
||||
<div class="text-sm text-muted">Replay Analyzer</div>
|
||||
<div class="mt-1 text-2xl font-mono">Soon</div>
|
||||
</div>
|
||||
<div class="rounded-lg bg-black/30 ring-1 ring-white/10 p-4">
|
||||
<div class="text-sm text-muted">Practice Slicer</div>
|
||||
<div class="mt-1 text-2xl font-mono">Soon</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative card-surface p-6 sm:p-8">
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<a href="/tools/beatleader-compare" 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">BeatLeader Compare</div>
|
||||
<div class="mt-1 text-sm text-muted">A vs B: songs A played that B has not</div>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="py-8">
|
||||
<h2 class="font-display text-2xl tracking-widest text-muted mb-4">Featured tools</h2>
|
||||
<div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
|
||||
{#each Array.from({ length: 6 }) as _, i}
|
||||
<article class="card-surface p-5">
|
||||
<h3 class="font-semibold">Tool {i + 1}</h3>
|
||||
<p class="mt-1 text-sm text-muted">
|
||||
Coming soon. Have an idea? Open an issue or PR.
|
||||
</p>
|
||||
<div class="mt-4">
|
||||
<button class="btn-neon">Learn more</button>
|
||||
</div>
|
||||
</article>
|
||||
{/each}
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user