<script>
    import "$lib/themes.css";
    import "$lib/main.css";
    import { dev } from "$app/environment";
    import DevBanner from "$lib/DevBanner.svelte";
    import { page } from "$app/stores";
    import { Toaster } from "svelte-french-toast";
    import AnalyticsConsent from "$lib/popover/analytics-consent.svelte";
</script>

<svelte:head>
    <!--
  ___         _ ___                   _ 
 / _ \__ __ _| | _ ) ___  __ _ _ _ __| |
| (_) \ V  V / | _ \/ _ \/ _` | '_/ _` |
 \___/ \_/\_/|_|___/\___/\__,_|_| \__,_|
 Check out the source code on Gitea (https://git.fjla.net/OwlBoard)
 It's easier to read there
-->

    <meta name="application-name" content="OwlBoard" />
    <meta name="author" content="Frederick Boniface" />
    <meta
        name="description"
        content="Get instant access to live train data, PIS codes, and location reference codes. Built by railway staff, for railway staff - your fastest route to accurate information."
    />
    <meta name="viewport" content="width=device-width" />
    <meta name="theme-color" content="#00b7b7" />
    <link rel="canonical" href="https://owlboard.info{$page.url.pathname}" />
    <link rel="icon" href="/images/icon.svg" type="image/svg+xml" />
    <link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png" />
    <link rel="manifest" href="/manifest.json" />
    <title>OwlBoard</title>
</svelte:head>

<Toaster />
<AnalyticsConsent />

{#if dev}
    <DevBanner />
{/if}
<slot />

<style>
</style>
