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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user