import "./globals.css";

export const metadata = {
  title: "Kernel Panic — Bau dir dein Linux",
  description:
    "Ein interaktives LPIC-1-Browsergame: Störungen untersuchen, Befehle einsetzen und dabei ein Linux-System aufbauen.",
  applicationName: "Kernel Panic",
  robots: {
    index: true,
    follow: true
  },
  icons: {
    icon: "/kernel-panic/favicon.svg"
  }
};

export const viewport = {
  width: "device-width",
  initialScale: 1,
  themeColor: "#101310",
  colorScheme: "dark"
};

export default function RootLayout({ children }) {
  return (
    <html lang="de">
      <head>
        <link
          rel="help"
          type="text/plain"
          href="/kernel-panic/ops-note.txt"
          title="TODO: Ops-Notiz vor Produktion prüfen"
        />
        <meta
          httpEquiv="Content-Security-Policy"
          content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self'; object-src 'none'; base-uri 'self'; form-action 'self'"
        />
        <meta name="referrer" content="no-referrer" />
      </head>
      <body>{children}</body>
    </html>
  );
}
