<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';
</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>
{#if dev}
  <DevBanner />
{/if}
<slot />
