<!DOCTYPE html>
<html lang="{{ language.slug }}">
  <head>
    <meta charset="utf-8" />
    <title>{{ title |> title |> safe }}</title>

    <link rel="shortcut icon" href="/favicon.ico" />

    <meta name="theme-color" content="{{ themeColor }}" id="theme-color" />
    <meta name="description" content="MiOM Kreativraum is a creative space in Cologne, Germany">

    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="/styles.css{{ cssCacheBust }}" media="all" />
    <link rel="stylesheet" type="text/css" href="/raleway.css{{ cssCacheBust }}" media="all" />

    <link rel="alternate" hreflang="{{ otherLang.slug }}" href="{{ if otherLang.urlPrefix }}/{{otherLang.urlPrefix}}{{ /if }}{{ baseURL }}" />

    {{ if extraStylesheets }}
      {{ for extraStylesheet of extraStylesheets }}
        <link rel="stylesheet" type="text/css" href="{{ extraStylesheet }}{{ cssCacheBust }}" media="all" />
      {{ /for }}
    {{ /if }}
  </head>
  <body class="mi-page">
    {{ include "border.vto" }}

    {{ include "navigation.vto" }}

    {{ content }}
  </body>
</html>
