portfolio/themes/warwick_portfolio/layouts/partials/header.html

37 lines
1.4 KiB
HTML

{{ $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="/#homepage-header">
<img style="padding-right: 1em" src="{{ $logo.RelPermalink }}" alt="logo">
</a>
<div>
<a style="text-decoration: none" href="/#homepage-header">
<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>