ananke/layouts/partials/site-header.html

{{ if .Params.featured_image }}
  <header class="cover bg-center"{{ with .Params.featured_image }} style="background-image: url('{{ . }}');"{{ end }}>
    <div class="bg-black-60">
      {{ partial "site-navigation.html" .}}
      <div class="tc-l pv6 ph3 ph4-ns">
        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
          {{ .Title | default .Site.Title }}
        </h1>
        {{ if .Params.description  }}
          <h2 class="fw1 f3 white-80 mt3">
            {{ .Params.description  }}
          </h2>
        {{ end }}
      </div>
    </div>
  </header>
{{ else }}
  <header>
    <div class="pb3-m pb6-l bg-black">
      {{ partial "site-navigation.html" . }}
      <div class="tc-l pv3 ph3 ph4-ns">
        <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
          {{ .Title | default .Site.Title }}
        </h1>
        {{ if .Params.description  }}
          <h2 class="fw1 f3 white-80 measure-wide-l center lh-copy mt3 mb4">
            {{ .Params.description  }}
          </h2>
        {{ end }}
      </div>
    </div>
  </header>
{{ end }}