<!DOCTYPE html>
<html lang="{{ site.Language.Lang }}">
  {{ partial "head.html" . }}

  <body>
    {{ block "body" . -}}
      {{- block "before" . -}}{{- end -}}
      {{- block "header" . -}}{{ partial "header.html" .}}{{- end -}}
      <main class="{{ .Type }} {{ .Kind }} {{ if gt (len .Pages) 1 }}list{{ else }}page{{ end }}">
        {{ block "main" . }}{{ end }}
      </main>
      {{- block "footer" . -}}
        {{ partial "footer.html" . }}
      {{- end -}}
    {{- end -}}
    {{- partial "development/page_info.html" . -}}
  </body>

  {{ with partial "resources/root_css.html" . -}}
    {{ range . }}<link rel="stylesheet" as="style" href="{{ .Permalink }}">{{ end }}
  {{- end -}}
  {{- with partial "resources/section_css.html" . -}}
    {{ range . }}<link rel="stylesheet" as="style" href="{{ .RelPermalink }}">{{ end }}
  {{- end -}}
  {{- with partial "resources/page_css.html" . -}}
    {{ range . }}<link rel="stylesheet" as="style" href="{{ .RelPermalink }}">{{ end }}
  {{- end -}}

  {{ block "styles" . }}{{ end }}
  {{ block "scripts" . }}{{ end }}

  {{- with partial "resources/site_js.html" . -}}
  <script type="module" src="{{ .Permalink }}"></script>
  {{ end }}
  {{ if .HasShortcode "ruby" }}
    {{ with partial "resources/script.html" "ruby_switch" }}
      <script type="module" src="{{ .Permalink }}"></script>
    {{ end }}
  {{ end }}
</html>
