{{ define "main" }}
<div class="doc-wrap">
  <article class="doc">
    <header class="doc-head">
      {{ with .Params.category }}<p class="doc-kicker"><a href="{{ "apps/" | relURL }}#{{ . | anchorize }}">{{ . }}</a></p>{{ end }}
      <h1>{{ .Title }}</h1>
      {{ with .Params.tagline }}<p class="doc-lede">{{ . }}</p>{{ end }}
      {{ if or .Params.replaces .Params.website }}
      <dl class="factsheet">
        {{ with .Params.replaces }}
        <div><dt>Use instead of</dt><dd>{{ partial "replaces.html" $ }}</dd></div>
        {{ end }}
        {{ with .Params.address }}
        <div><dt>Typical address</dt><dd><code>{{ . }}</code></dd></div>
        {{ end }}
        {{ with .Params.website }}
        <div><dt>Project website</dt><dd><a href="{{ . }}">{{ . | strings.TrimPrefix "https://" | strings.TrimSuffix "/" }}</a></dd></div>
        {{ end }}
        {{ with .Params.upstreamDocs }}
        <div><dt>Official docs</dt><dd><a href="{{ . }}">{{ . | strings.TrimPrefix "https://" | strings.TrimSuffix "/" }}</a></dd></div>
        {{ end }}
      </dl>
      {{ end }}
    </header>
    <div class="prose">
      {{ .Content }}
    </div>
    {{ with .Params.links }}
    <section class="further" aria-labelledby="further-reading">
      <h2 id="further-reading">Further reading</h2>
      <ul>
        {{ range . }}<li><a href="{{ .url }}">{{ .name }}</a></li>{{ end }}
      </ul>
    </section>
    {{ end }}
    {{ partial "pager.html" . }}
  </article>
  {{ if and (ge (len .TableOfContents) 80) (ne .Params.toc false) }}
  <aside class="toc" aria-label="On this page">
    <p class="toc-title">On this page</p>
    {{ .TableOfContents }}
  </aside>
  {{ end }}
</div>
{{ end }}