ad3laid3/JB
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove extraneous navbar mark to unify branding typography and add ADA WCAG skip-link navigation

Browse source
This commit is contained in:
JobsBoard Deployer 2026-09-05 13:32:56 -04:00
parent b11256c8ae
commit 7f0ae931d5
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
web/src/app/layout.tsx
View file

@ -19,9 +19,15 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return ( return (
<html lang="en"> <html lang="en">
<body className="min-h-screen flex flex-col bg-zinc-50 text-zinc-900 font-sans antialiased"> <body className="min-h-screen flex flex-col bg-zinc-50 text-zinc-900 font-sans antialiased">
<a
href="#main-content"
className="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-stone-900 focus:text-stone-50 focus:text-xs font-mono"
>
Skip to main content
</a>
<AuthProvider> <AuthProvider>
<Navbar /> <Navbar />
<main className="flex-grow">{children}</main> <main id="main-content" className="flex-grow">{children}</main>
<Footer /> <Footer />
<BetaFeedbackModal /> <BetaFeedbackModal />
</AuthProvider> </AuthProvider>

7
web/src/components/Navbar.tsx
View file

@ -58,13 +58,10 @@ export function Navbar() {
<div className="flex items-center space-x-8"> <div className="flex items-center space-x-8">
<Link <Link
href="/" href="/"
className="flex items-center space-x-2 text-stone-900 group" className="flex items-baseline space-x-2 text-stone-900 group"
aria-label="DirectWire Home" aria-label="DirectWire Home"
> >
<span className="w-5 h-5 rounded bg-stone-900 flex items-center justify-center text-amber-500 font-mono text-xs font-bold shadow-sm"> <span className="font-serif-editorial text-2xl font-bold tracking-tight text-stone-900">
//
</span>
<span className="font-serif-editorial text-xl font-bold tracking-tight text-stone-900">
DirectWire DirectWire
</span> </span>
<span className="text-[10px] font-mono tracking-widest text-stone-400 uppercase"> <span className="text-[10px] font-mono tracking-widest text-stone-400 uppercase">