<script>
  import '../app.css';
  import { dev } from '$app/environment';
  import DevBanner from '$lib/DevBanner.svelte';
</script>

<svelte:head>
  <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="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 />
