Skip to content

Commit 8acb51b

Browse files
robcohenclaude
robcohen
and
claude
committed
fix: update playground nav to match VitePress
Replace two-row project nav with single-row VitePress-style nav: - Home - Documentation - Playground (current) - GitHub icon Keeps playground as standalone fullscreen app while maintaining consistent navigation with the docs site. Co-Authored-By: Claude Opus 4.5 <[email protected]>
1 parent 4fd8415 commit 8acb51b

1 file changed

Lines changed: 14 additions & 39 deletions

File tree

‎playground.html‎

Lines changed: 14 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -21,68 +21,43 @@
2121
/>
2222
</head>
2323
<body class="bg-black text-white antialiased">
24-
<!-- Nav -->
25-
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-sm border-b border-white/10 z-50">
26-
<div
27-
class="max-w-7xl mx-auto px-4 sm:px-6 py-3 sm:py-4 flex justify-between items-center"
28-
>
24+
<!-- Nav (matches VitePress) -->
25+
<nav class="fixed top-0 w-full bg-black/95 backdrop-blur-sm border-b border-white/10 z-50">
26+
<div class="max-w-7xl mx-auto px-4 sm:px-6 h-14 flex justify-between items-center">
2927
<a
3028
href="/"
31-
class="flex items-center gap-2 text-base sm:text-lg font-semibold tracking-tight shrink-0"
29+
class="flex items-center gap-2 text-base font-semibold tracking-tight"
3230
>
3331
<img
3432
src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%230a0a0a'/%3E%3Ctext x='50' y='68' font-size='50' font-family='system-ui' font-weight='bold' text-anchor='middle'%3E%3Ctspan fill='%23f97316'%3Er%3C/tspan%3E%3Ctspan fill='white'%3El%3C/tspan%3E%3C/text%3E%3C/svg%3E"
3533
alt="rl"
3634
class="w-6 h-6 rounded"
3735
/>
38-
<span><span class="text-accent">rust</span>ledger</span>
3936
</a>
40-
<div class="flex items-center gap-4 sm:gap-8 text-xs sm:text-sm">
41-
<a href="/" class="font-bold text-white hover:text-white/60 transition"
42-
><span class="text-accent">rust</span>ledger</a
43-
>
44-
<a href="/rustfava" class="font-bold text-white hover:text-white/60 transition"
45-
><span class="text-accent">rust</span>fava</a
46-
>
47-
<a
48-
href="https://rustledger.github.io/pta-standards/"
49-
class="font-bold text-white hover:text-white/60 transition"
50-
><span class="text-accent">PTA</span> Standards</a
51-
>
52-
</div>
53-
</div>
54-
<div>
55-
<div
56-
class="max-w-7xl mx-auto px-4 sm:px-6 py-1 flex justify-end items-center gap-4 sm:gap-6 text-xs text-white/40"
57-
>
58-
<a href="/docs/" class="hover:text-white/70 transition flex items-center gap-1">
59-
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
60-
<path
61-
d="M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"
62-
/>
63-
</svg>
64-
Docs</a
65-
>
37+
<div class="flex items-center gap-6 text-sm">
38+
<a href="/" class="text-white/70 hover:text-white transition">Home</a>
39+
<a href="/about/why-rustledger" class="text-white/70 hover:text-white transition">Documentation</a>
40+
<a href="/playground.html" class="text-white font-medium" aria-current="page">Playground</a>
6641
<a
6742
href="https://github.com/rustledger/rustledger"
68-
class="hover:text-white/70 transition flex items-center gap-1"
43+
class="text-white/70 hover:text-white transition"
6944
target="_blank"
7045
rel="noopener noreferrer"
46+
aria-label="GitHub"
7147
>
72-
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24">
48+
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
7349
<path
7450
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
7551
/>
7652
</svg>
77-
GitHub</a
78-
>
53+
</a>
7954
</div>
8055
</div>
8156
</nav>
8257

8358
<!-- Playground (full viewport) -->
84-
<main class="pt-24 pb-4 px-3 sm:px-6 min-h-screen">
85-
<div class="max-w-7xl mx-auto h-[calc(100vh-7rem)]">
59+
<main class="pt-16 pb-4 px-3 sm:px-6 min-h-screen">
60+
<div class="max-w-7xl mx-auto h-[calc(100vh-5rem)]">
8661
<div
8762
class="playground-wrapper bg-white/5 border border-white/10 rounded-lg overflow-hidden h-full flex flex-col"
8863
>

0 commit comments

Comments
 (0)