<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{ $description := .Site.Params.description }}
    {{ with .Description }}
      {{ $description = . }}
    {{ else }}
      {{ with .Summary }}
        {{ $description = . | plainify }}
      {{ end }}
    {{ end }}
    <title>
      {{ if .IsHome }}
        {{ .Site.Title }}
      {{ else }}
        {{ .Title }} | {{ .Site.Title }}
      {{ end }}
    </title>
    <meta name="description" content="{{ $description }}">
    {{ with resources.Get "css/site.css" }}
      <link rel="stylesheet" href="{{ .RelPermalink }}">
    {{ end }}
    {{ if or .IsHome (and .IsPage (eq .Section "studies") .Params.study.toc) }}
      <script src="{{ "js/main.js" | relURL }}" defer></script>
    {{ end }}
  </head>
  <body id='{{ with .Slug }}{{ . }}{{ else }}default{{ end }}'>
    <header>
      <div class="title">
        <a class="logo" href="{{ "/" | relURL }}">
          {{- if and .IsPage (eq .Section "studies") -}}
          <span>AG</span>
          {{- else -}}
          <span>Andrew Gioia</span>
          {{- end -}}
        </a>
        {{- if and .IsPage (eq .Section "studies") -}}
        <a class="page" href="{{ "/studies" | relURL }}">
          Case study
        </a>
        {{ end }}
      </div>
      <menu aria-label="Primary">
        <li>
          <a href='{{ "/#studies" | relURL }}'>Case studies</a>
        </li>
        <li>
          <a href='{{ "/contact/" | relURL }}'>Get in touch</a>
        </li>
      </menu>
    </header>
    <main>
      {{ block "main" . }}{{ end }}
    </main>
    <footer>
      {{ partial "footer.html" . }}
    </footer>
  </body>
</html>