layouts/partials/header.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

<header>
  <div class="header-image-container">
    <div class="header-image">
      <img src="{{ .Site.Params.about.profileImage | relURL }}" alt="profile image of {{ .Site.Params.author }}"/>
    </div>
  </div>
  <div class="header-info">
    {{ if not .IsHome }}
    <a class="home-icon" href="{{ `/` | relURL }}" aria-label="home page">
      {{ partial "homeIcon" . }}
    </a>
    {{ else }}
    <h1 class="site-title">{{- .Site.Title -}}</h1>
    {{ end }}

    <p>
      <span class="site-title home-{{ .IsHome }}">
        {{ if not .IsHome }} {{ .Site.Title }} {{ end }}
      </span>
      {{ .Site.Params.about.narrative | markdownify }}
    </p>

    <div class="social-info">
      {{- range $key, $val := .Site.Params.social -}}    
        <a
          class="social-link"
          href="{{ $val }}"
          aria-label="social media links"
        >
          {{- $key -}}
        </a>    
      {{- end -}}
    </div>
  </div>
</header>