{{ define "head" }}
  <script src='{{ relURL "js/codetabs.js" }}' defer></script>
{{ end }}

{{ define "main" }}
  <main class="docs w-full max-w-[1920px] mx-auto px-5 flex flex-col md:flex-row overflow-hidden">
    {{ partial "docs-nav.html" . }}
    <div class="w-full py-12 md:pl-4 xl:px-16 overflow-hidden">
      {{ partial "breadcrumbs" . }}
      <section class="prose w-full py-12 max-w-none">
        <h1>
          {{ .Title }}</h1>
        {{ with .Params.description }}<p class="text-lg -mt-5 mb-10">{{ . | markdownify }}</p>{{ end }}
        
        <!-- In-page banner -->
        {{ if .Params.bannerText }}
          <!-- Banner params are in the current page's front matter -->
          {{ partial "banner-article.html" . }}
        {{ else }}
          <!-- Iterate through the page's ancestors to determine if a 
            section-wide banner is enabled by a parent page's front matter -->
          {{ $ancestorDirs := slice }}
          {{ with .File }}
            {{ $ancestorDirs = split .Dir "/" }}
          {{ end }}
          {{ $currPage := .Page }}
          {{ range $i, $page := $ancestorDirs }}
            {{ if and $currPage.Params.bannerText $currPage.Params.bannerChildren }}
              {{ partial "banner-article.html" $currPage }}
            {{ end }}
            {{ $currPage = $currPage.Parent }}
          {{ end }}
        {{ end }}
        
        {{ .Content }}
        {{ partial "feedback.html" . }}
      </section>
    </div>
    {{ if not .Params.hideTOC }}
      {{ partial "docs-toc.html" . }}
    {{ end }}
    {{ partial "scripts.html" . }}
  </main>
{{ end }}