cremeaux/layouts/partials/header.html

<header class="header{{ if .IsHome }} home{{ end }}">
  {{ if .Resources }}
    {{ $image := .Resources.GetMatch (default "*" .Params.image) }}
    {{ if $image }}
      {{ $resized := $image.Fill "1400x600 Center"}}
      <img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
    {{ end }}
  {{ else }}
    {{ $headless := .Site.GetPage "/" }}
    {{ $image := $headless.Resources.GetMatch "*" }}
    {{ $resized := $image.Fill "1400x600 Top"}}
    <img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
  {{ end }}
  <nav class="nav">
    <div class="container">
      <div class="logo">
        <a href="/" class="">
          <img src="/icons/logo-header.png" alt="Blason de Crémeaux" />
        </a>
      </div>
      <button class="open-button">≡ Menu</button>
      <ol id="menu">
        {{ range .Site.Menus.main }}
        <li>
          <a href="{{ .URL }}">
            <img class="icons" src="/icons/{{ .Identifier }}.svg" alt="{{ .Name }}" />
            <span>{{ .Name }}</span>
          </a>
        </li>
        {{ end }}
      </ol>
      <button class="close-button">✖ Fermer</button>
    </div>
  </nav>
</header>