<!DOCTYPE html>
<html lang="{{ $.Site.LanguageCode | default "en" }}">{{ readFile "joinus.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="icon" href="/icon16.png" sizes="16x16" />
    <link rel="icon" href="/icon32.png" sizes="32x32" />
    <link rel="icon" href="/icon64.png" sizes="64x64" />
    <link rel="icon" href="/icon128.png" sizes="128x128" />
    <link rel="canonical" href="{{ .Permalink }}">
    {{ if .IsTranslated }}
    <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}" />
    {{ range .Translations }}<link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}" />
    {{- end }}
    {{- end }}
  </head>
  <body>

    <main aria-role="main">
      <header>
        <nav>
          <div class="container">
            <a href="/" title="To Homepage"><img src="/logo.png" alt="StuStaNet" class="logo" /></a>
          </div>
        </nav>
        <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">
        <div class="editPage">
          <a href="{{ .Site.Params.gitEditBaseUrl }}{{ .File.Path }}">Edit this Page</a>
        </div>
        <div class="center">
          <a href="{{ ref . "impressum.md" }}">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>
      </div>
    </footer>
  </body>
</html>