2026-08-23 05:25:15 +02:00
|
|
|
import type { Metadata, Viewport } from "next";
|
|
|
|
|
import { Big_Shoulders, Space_Grotesk, IBM_Plex_Mono } from "next/font/google";
|
|
|
|
|
import RegisterServiceWorker from "@/components/RegisterServiceWorker";
|
|
|
|
|
import "./globals.css";
|
|
|
|
|
|
|
|
|
|
const bigShoulders = Big_Shoulders({
|
|
|
|
|
variable: "--font-big-shoulders",
|
|
|
|
|
weight: ["700", "900"],
|
|
|
|
|
subsets: ["latin"],
|
2026-08-23 05:39:09 +02:00
|
|
|
// Next's fallback-metrics table has no entry for this (newer, merged
|
|
|
|
|
// variable-font) family name, so the automatic CLS-reducing fallback
|
|
|
|
|
// override it would otherwise generate always fails with a build
|
|
|
|
|
// warning — opt out instead of leaving that warning unresolved.
|
|
|
|
|
adjustFontFallback: false,
|
2026-08-23 05:25:15 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const spaceGrotesk = Space_Grotesk({
|
|
|
|
|
variable: "--font-space-grotesk",
|
|
|
|
|
subsets: ["latin"],
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const plexMono = IBM_Plex_Mono({
|
|
|
|
|
variable: "--font-plex-mono",
|
|
|
|
|
weight: ["400", "500", "600"],
|
|
|
|
|
subsets: ["latin"],
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
|
|
|
|
title: "vpinball — Visual Pinball in your browser",
|
|
|
|
|
description:
|
|
|
|
|
"Play real .vpx pinball tables in the browser, powered by a WebAssembly build of Visual Pinball. Drop in your own table or play the bundled demo.",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const viewport: Viewport = {
|
|
|
|
|
themeColor: "#0b0b0f",
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({ children }: LayoutProps<"/">) {
|
|
|
|
|
return (
|
|
|
|
|
<html
|
|
|
|
|
lang="en"
|
|
|
|
|
className={`${bigShoulders.variable} ${spaceGrotesk.variable} ${plexMono.variable} h-full antialiased`}
|
|
|
|
|
>
|
|
|
|
|
<body className="min-h-full flex flex-col bg-ink text-paper font-body">
|
|
|
|
|
{children}
|
|
|
|
|
<RegisterServiceWorker />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
