{{ define "main" }}
{{ $defaultCategory := "General" }}
{{ if .Site.Params.defaultCategory }}{{ $defaultCategory = .Site.Params.defaultCategory }}{{ end }}

<div class="section-sm bg-gray-lighter">
  <div class="container text-center">
    <h1 class="font-family-playfair">{{ .Title }}</h1>
    <p class="mt-3">Cette page répertorie toutes les catégories de notre site, offrant une vue d'ensemble structurée de notre contenu.</p>
  </div><!-- end container -->
</div>

<!-- Blog section  -->
<div class="section">
  <div class="container">
    <div class="row g-4">
      <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
        {{ range $.Site.Data.wordpress.categories }}
        <div class="mb-5">
          <div class="mt-4">
            <h2><a class="text-link-1" href="{{ .link | relURL }}">{{ .name }}</a></h2>
            <p>{{ .description | safeHTML }}</p>
            <div class="mt-3">
              <a class="button-text-1" href="{{ .link | relURL }}">Voir la catégorie</a>
            </div>
          </div>
        </div>
        {{ if not .IsLast }}<hr class="my-5">{{ end }}
        {{ end }}
      </div>
    </div><!-- end row -->
  </div><!-- end container -->
</div>
<!-- end Blog section -->
{{ end }}