<!DOCTYPE html>
<html lang="{{ $.Site.LanguageCode | default "en" }}">{{ readFile "/data/ascii.txt" | safeHTML }}
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    {{ if and (isset .Params "noindex") .Params.noindex }}
      <meta name="robots" content="noindex">
    {{ end }}
    <link href='/styles.css' rel='stylesheet' type="text/css" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="canonical" href="{{ .Permalink }}">
  </head>
  <body>

    <main aria-role="main">
      <header>
        <h1>{{.Title}}</h1>
        {{ with .Params.subtitle }}
        <span class="subtitle">{{.}}</span>
        {{ end }}
      </header>
      <div class="container">
        {{ block "main" . }}{{.Content}}{{ end }}
      </div>
    </main>
    <aside>
      <h3>Next Office Hours</h3><!-- TODO: translate -->
      <ul>
      {{ range getJSON "https://sprechstunden.stusta.mhn.de/appointments.json"}}
         <li>{{ dateFormat "Monday, Jan 2, 2006 15:04" (int .start) }}-{{ dateFormat "15:04" (int .end) }}</li>
      {{ end }}
      </ul>
    </aside>
    <footer>
      <div class="container">
        <a href="https://stustanet.de/impressum">Impressum</a>
      </div>
      <div class="lang-dropdown">
        <span><i class="globe"></i>{{ .Site.Language.LanguageName }} &#9652;</span>
        <ul class="up">
        {{ if .Site.IsMultiLingual }}
          {{ $lang := .Site.Language }}
          {{ range .Site.Languages }}
            <li>
              <a href="{{ delimit (slice "/" .) "" }}" class="lang">
                <span class="shorthand">{{ .Lang }}</span>{{ .LanguageName }}
              </a>
            </li>
          {{ end }}
        {{ end }}
        </ul>
      </div>
  </body>
</html>