---
import { ClientRouter } from "astro:transitions";

import "@fontsource/jetbrains-mono";

import Header from "../components/Header.astro";
import "../styles/global.css";

const { pageTitle, pageCustomTitle = pageTitle } = Astro.props;
---

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <link rel="icon" type="image/png" href="/favicon.png" />
        <meta name="viewport" content="width=device-width" />
        <meta name="generator" content={Astro.generator} />
        <title>{pageCustomTitle} | ruds</title>

        <ClientRouter />
    </head>
    <body>
        <div class="screen_size_warning">
            <b>This site is best viewed on a computer.</b><br /><br />
        </div>
        <Header />
        <h2>{pageTitle}</h2>
        <slot />
    </body>
</html>
