<section>
  <div class="container text-center">
    <div
      class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
      <h1>{{ .Title | title }}</h1>
      {{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
      {{ $.Scratch.Add "path" .Site.BaseURL }}
      <ul class="breadcrumb mt-6 inline-flex">
        <li class="mx-1 capitalize">
          <a class="text-primary dark:text-darkmode-primary" href="/">Home</a>
        </li>
        {{ range $index, $element := split $url "/" }}
          {{ $.Scratch.Add "path" $element }}
          {{ if ne $element "" }}
            <li class="text-light dark:text-darkmode-light mx-1 capitalize">
              <span class="inlin-block mr-1">/</span>
              <a
                class="text-primary dark:text-darkmode-primary"
                href="{{ $.Scratch.Get `path` }}"
                >{{ . }}</a
              >
            </li>
            {{ $.Scratch.Add "path" "/" }}
          {{ end }}
        {{ end }}
      </ul>
    </div>
  </div>
</section>