Files
ttvfx/app/not-found.tsx
T
twotalesanimation ca122ad723
Deploy / deploy (push) Successful in 30s
Add /set: on-set screen tracking markers for crews
- Unlinked, noindex page listing marker PNGs from public/set/markers
  (discovered at build time; filenames encode device/resolution/orientation)
- Detects the current screen and offers the closest match first
- One-tap full-screen viewer: wake lock, hidden controls, full grid/edges
  toggle, fill vs fit by aspect, back button closes, deep links via hash
- Offline service worker + home-screen manifest for iPhone full screen
- Marketing chrome moved into an (site) route group so /set has none

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-06 09:11:36 +02:00

31 lines
1005 B
TypeScript

import Link from "next/link";
import Footer from "@/components/Footer";
import Fox from "@/components/Fox";
import Header from "@/components/Header";
export default function NotFound() {
return (
<div className="grain flex min-h-dvh flex-col">
<Header />
<main className="flex-1">
<div className="flex min-h-[80vh] flex-col items-center justify-center px-5 text-center">
<Fox className="h-16 w-16 text-white/20" />
<p className="mt-8 font-mono text-xs tracking-[0.3em] text-accent uppercase">
Error 404 · Frame missing
</p>
<h1 className="mt-4 font-display text-5xl font-thin uppercase md:text-7xl">
Shot not found
</h1>
<Link
href="/"
className="mt-10 border border-white/25 px-6 py-3.5 font-mono text-xs tracking-[0.2em] uppercase hover:border-fg"
>
Back to home
</Link>
</div>
</main>
<Footer />
</div>
);
}