cremeaux/layouts/partials/header.html

<header class="header">
  {{ $headless := .Site.GetPage "/" }}
  {{ $image := $headless.Resources.GetMatch "*" }}
  {{ $resized := $image.Fill "1400x600 Top"}}
  <img class="hero" src="{{ $resized.RelPermalink }}" alt="{{ .Title }}" />
  <nav class="nav">
    <div class="container">
      <div class="logo">
        <a href="/" class="">
          <img src="/icons/logo.jpg" 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 src="/icons/{{ .Identifier }}.jpg" alt="{{ .Name }}" />
            <span>{{ .Name }}</span>
          </a>
        </li>
        {{ end }}
      </ol>
      <button class="close-button">✖ Fermer</button>
    </div>
  </nav>
</header>