{{ define "main" }}

{{ $header_image := (resources.Get "img/header.jpg" | fingerprint).Resize "1500x webp" }}
  <header id="index-header" class="d-flex align-items-center" style="background-image: url({{ $header_image.RelPermalink }})">
    <div class="text-center m-auto text-light">
      <h1 class="display-1">{{ .Site.Params.author_name }}</h1>
      <h2 class="lead">{{ .Content }}</h2>

      <form action='{{ relURL "search" }}' method="GET">
        <div class="input-group mt-5">
          <input name="q" type="text" class="form-control" id="search-input" placeholder="Search" title="Press enter to search">
        </div>
      </form>

      {{ with index .Site.Pages.ByPublishDate.Reverse 0 }}
        <div class="latest-post">
          <strong>Latest Post</strong>:
          <a class="colour-invert" href="{{ .RelPermalink }}">
            {{ .Title }}
            <i class="fas fa-angle-right"></i>
          </a>
        </div>
      {{ end }}
    </div>
  </header>
{{ end }}