<header>
  <section class="hero is-primary is-medium has-bg-img">
    <div class="hero-body has-text-centered">
      <p class="title is-1 is-uppercase">{{ .Title }}</p>
      {{ with .Params.subtitle }}
        <p class="subtitle is-2">{{ . }}</p>
      {{ end }}
      {{ with .Params.categories }}
      <div class="tags colums is-centered is-rounded">
        {{ range . }}
        <span class="tag is-large mx-2"><a href="{{ "categories" | absURL }}/{{ . | urlize }}">{{ . }}</a></span>
        {{ end }}
      </div>
      {{ end }}
      <!-- Words and date stuff makes sens only for blog posts, not other pages -->
      {{ if (and .IsPage (eq .FirstSection.Section "posts"))}}
      <aside>
        <div>
          <section>
            <time class="post-date" datetime="{{ .Date.Format `2006-01-02T15:04:05Z07:00` | safeHTML }}">
              Article publié le {{ .Date.Day }} {{ index $.Site.Data.months_fr (printf "%d" .Date.Month) }} {{ .Date.Year }} (dernière modification le {{ .Lastmod.Day }} {{ index $.Site.Data.months_fr (printf "%d" .Lastmod.Month) }}
              {{ .Lastmod.Year }})
            </time>
            <h4>{{ .FuzzyWordCount }} mots </h4>
          </section>
        </div>
      </aside>
      {{ end }}
    </div>
  </section>
</header>