{{ $logo := (resources.Get "/img/logo.png").Resize "100x100" }}
{{ $rss := (resources.Get "/img/rss.png").Resize "30x30" }}
<header id="header" class="header">
  <div class="flex-wrap-container" style="align-items:center">
    <a href="/">
      <img style="padding-right: 1em" src="{{ $logo.RelPermalink }}" alt="logo">
    </a>
    <div>
    <a style="text-decoration: none" href="/">
      <h1 style="display:inline; color:var(--primary)">{{.Site.Title}}</h1> 
      <nav aria-label="breadcrumb" >
        {{ range $index, $value := .Ancestors.Reverse }}
          {{ if (ne $index 0) }}
            <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
            &#8594;
          {{ end }}
        {{ end }}
        <a aria-current="page" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
      </nav>
    </a>
    </div>
    <span style="margin-left: auto;">
    {{ range .Site.Sections.Reverse }}
      <a href="{{ .Permalink }}"><h4 style="display: inline-block; padding-left:.75em;padding-right:.75em;">{{ .Title }}</h4></a>
    {{ end }}
    </span>

    {{ with .OutputFormats.Get "rss" -}}
    {{ printf `<link rel=%q type=%q href=%q title=%q>` .Rel .MediaType.Type .Permalink site.Title | safeHTML }}
    {{ end }}

    <a type="application/rss+xml" href="/blog/index.xml" target="_blank">
      <img style="padding-right: 1em" src="{{ $rss.RelPermalink }}" alt="rss icon">
    </a>
  </div>
</header>