{{ define "header" }}
  <header>
    {{- if .Description -}}
    <hgroup>
      <h1>{{ .Title }}</h1>
      <p>{{ .Description }}</p>
    </hgroup>
    {{- else -}}
    <h1>{{ .Title }}</h1>
    {{- end }}
  </header>
{{ end }}

{{ define "content" }}
  <section data-layout="docs">

    <nav aria-label="Documentation" data-nav="sidebar">
      {{- $top := .FirstSection -}}
      {{- range $top.Sections.ByWeight -}}
      <h3>{{ .Title }}</h3>
      <ul>
        {{- range .RegularPages.ByWeight -}}
        <li>
          <a href="{{ .RelPermalink }}"
            {{- if eq .RelPermalink $.RelPermalink }} aria-current="page"{{ end -}}>
            {{- .LinkTitle -}}
          </a>
        </li>
        {{- end -}}
      </ul>
      {{- end -}}
    </nav>

    <article>
      {{ .Content }}

      {{- if or .PrevInSection .NextInSection -}}
      <footer data-role="prev-next">
        {{- with .NextInSection -}}
        <a href="{{ .RelPermalink }}" rel="prev">
          <span aria-hidden="true">←</span> Previous
          <span>{{ .LinkTitle }}</span>
        </a>
        {{- end -}}
        {{- with .PrevInSection -}}
        <a href="{{ .RelPermalink }}" rel="next">
          Next <span aria-hidden="true">→</span>
          <span>{{ .LinkTitle }}</span>
        </a>
        {{- end -}}
      </footer>
      {{- end -}}
    </article>

    {{- with .TableOfContents -}}
    <aside data-toc>
      <h3>{{ i18n "onThisPage" | default "On this page" }}</h3>
      {{ . }}
    </aside>
    {{- end -}}

  </section>
{{ end }}