---
import Cursor from "../components/Cursor.astro";
import GlobalStyles from "../components/GlobalStyles.astro";

const isDev = import.meta.env.DEV;
---

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <meta name="generator" content={Astro.generator} />
        <title>Oops, this is weird</title>
        <meta name="author" content="Michael Rieger" />
        <meta name="application-name" content="Tideshift Digital" />
        <link rel="canonical" href="https://tideshiftdigital.com/" />
        {
            !isDev ? (
                <script
                    is:inline
                    defer
                    src="https://analytics.tideshiftdigital.com/script.js"
                    data-website-id="00c032c0-8fd5-436c-a210-9df51c071c7b"
                />
            ) : null
        }
    </head>
    <body>
        <GlobalStyles />

        <slot />

        <Cursor />
    </body>
</html>

<style>
    body {
        width: 100%;
        height: 100dvh;
    }
</style>
