feat: add command palette, accessibility, scroll animations, and keyboard navigation

Implements COMP-139 (command palette), COMP-140 (accessibility), COMP-141 (scroll animations), COMP-145 (keyboard navigation)

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-Claude)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
Vectry
2026-02-10 18:06:47 +00:00
parent 38d5b4806c
commit 7ff493a89a
13 changed files with 1308 additions and 79 deletions

View File

@@ -75,13 +75,19 @@ export default function RootLayout({
<body
className={`${inter.variable} ${jetbrainsMono.variable} font-sans antialiased bg-[#0a0a0a] text-white min-h-screen`}
>
<a
href="#main-content"
className="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-[200] focus:px-4 focus:py-2 focus:rounded-lg focus:bg-[var(--accent-blue)] focus:text-white focus:text-sm focus:font-medium focus:outline-none focus:ring-2 focus:ring-white/50"
>
Skip to content
</a>
<div className="relative min-h-screen flex flex-col">
<div className="fixed inset-0 bg-gradient-radial pointer-events-none" />
<div className="fixed inset-0 bg-grid pointer-events-none opacity-50" />
<div className="fixed inset-0 bg-gradient-radial pointer-events-none" aria-hidden="true" />
<div className="fixed inset-0 bg-grid pointer-events-none opacity-50" aria-hidden="true" />
<Navbar />
<main className="flex-1 relative">
<main id="main-content" className="flex-1 relative">
{children}
</main>