<!DOCTYPE html>
<html lang="{{ or site.Language.LanguageCode }}" dir="{{ or site.Language.LanguageDirection `ltr` }}">
<head>
  {{ partial "head.html" . }}
</head>
{{ partial "audio_autoplay.html" . }}
<body>
  <header>
    {{ partial "header.html" . }}
  </header>
  <div>
    <div class="black-hole wrap">
      <div id="black-hole"></div>
    </div>
  </div>
  <main>
    {{ block "expo" . }}{{ end }}
    {{ block "main" . }}{{ end }}
  </main>
  <footer>
    {{ partial "footer.html" . }}
  </footer>
  {{ if .Param "math" }}
    {{ partialCached "math.html" . }}
  {{ end }}
  {{ if .Store.Get "hasMermaid" }}
    {{ partialCached "diagram.html" . }}
  {{ end }}
  {{ if .Store.Get "hasAbc" }}
    {{ partialCached "music-notation.html" . }}
  {{ end }}
  {{ if .Store.Get "hasTab" }}
    {{ partialCached "tablature-notation.html" . }}
  {{ end }}
</body>
</html>
