valknar
b141356247
- Add --color-green-mid token (#4a7a55) to @theme for dimmer stat values
- Replace all text-[#hex]/bg-[#hex] arbitrary values with named tokens:
text-green, text-green-light, text-green-sec, text-green-muted,
text-green-dark, text-green-mid, text-text, bg-card, bg-bg, border-border
- Replace rgba(34,197,94,X) inline styles with bg-green/X opacity modifiers
- Convert single-prop style={{ borderColor/background }} to className
- Fix SVG stroke="#dff5e8" → stroke="currentColor"
- Use CSS variables in globals.css base styles (background-color, color)
- Move app/data/wikipedia/ → data/ (project root, not inside Next.js app dir)
- Update Dockerfile, seed.ts, scrape-wikipedia.ts paths accordingly
- Remove unused app/data/world_cup.csv
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
28 lines
872 B
TypeScript
28 lines
872 B
TypeScript
import type { Metadata } from 'next'
|
|
import Link from 'next/link'
|
|
|
|
export const metadata: Metadata = { title: '404 · World Cup' }
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="max-w-[1200px] mx-auto px-7 py-20 flex flex-col items-center text-center">
|
|
<div
|
|
className="pitch-grid glass-card-hero rounded-2xl px-12 py-16 w-full max-w-lg"
|
|
>
|
|
<div className="font-['Bebas_Neue'] text-[120px] text-green leading-none">
|
|
404
|
|
</div>
|
|
<p className="text-green-sec text-lg mt-2 mb-8">
|
|
This page doesn't exist.
|
|
</p>
|
|
<Link
|
|
href="/"
|
|
className="inline-block font-['Bebas_Neue'] text-xl tracking-[0.1em] text-bg bg-green px-8 py-3 rounded-xl hover:bg-green-light transition-colors"
|
|
>
|
|
Back to Home
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|