Add vpinball: a browser Visual Pinball player
Next.js app that plays real .vpx tables via @valknar/vpinball-wasm (WebAssembly Visual Pinball). Demo mode with the bundled default table, drag-and-drop custom table upload, a cabinet-styled UI with a coin-door HUD (fullscreen/stats/info/eject), a custom 404 page, PWA support (hand-rolled service worker), and a static Docker Compose deployment behind nginx. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_012hQoM3jJT1Lx7CMTciMzvD
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
import AttractHero from "@/components/landing/AttractHero";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<main className="flex flex-1 flex-col items-center justify-center gap-8 px-4 py-16">
|
||||
<AttractHero />
|
||||
<p className="max-w-lg text-center font-mono text-xs text-chrome sm:hidden">
|
||||
Pinball plays best in landscape or fullscreen — rotate your device once a table loads.
|
||||
</p>
|
||||
<footer className="font-mono text-xs text-chrome/70">
|
||||
Powered by{" "}
|
||||
<a
|
||||
href="https://github.com/vpinball/vpinball"
|
||||
className="underline decoration-dotted underline-offset-2 hover:text-arc"
|
||||
>
|
||||
Visual Pinball
|
||||
</a>
|
||||
, compiled to WebAssembly.
|
||||
</footer>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user