42 lines
No EOL
1.9 KiB
HTML
42 lines
No EOL
1.9 KiB
HTML
{{- $header := .Site.Params.header }}
|
|
{{- $links := index $header "links" }}
|
|
{{ $template := resources.Get "scss/header.scss" }}
|
|
{{ if $template }}
|
|
{{ $index := $template | resources.ExecuteAsTemplate "css/header.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
|
<link rel="stylesheet" type="text/css" href="{{ $index.RelPermalink }}">
|
|
{{ end }}
|
|
{{ $template := resources.Get "scss/progressbar.scss" }}
|
|
{{ if $template }}
|
|
{{ $progressbar := $template | resources.ExecuteAsTemplate "css/progressbar.scss" . | resources.ToCSS (dict "outputStyle" "compressed") | fingerprint }}
|
|
<link rel="stylesheet" type="text/css" href="{{ $progressbar.RelPermalink }}">
|
|
{{ end }}
|
|
<div class="progress"></div>
|
|
<header class="header" id="header">
|
|
<div class="header-container">
|
|
<a class="home" href="/#"><img id="logo" class="logo" src="{{ .Site.Params.logo }}"></a>
|
|
<div class="header-items" id="header-items">
|
|
{{- range $links}}
|
|
{{ if .links }}
|
|
<div class="header-item dropdown">
|
|
<button class="dropbtn">{{ .text }}
|
|
<i class="fas fa-caret-down"></i>
|
|
</button>
|
|
<div class="dropdown-content">
|
|
{{- range .links}}
|
|
<a href="{{ .url }}">{{ .text }}</a>
|
|
{{- end }}
|
|
</div>
|
|
</div>
|
|
{{ else }}
|
|
<a class="header-item" href="{{ .url }}">{{ .text }}</a>
|
|
{{ end }}
|
|
{{- end }}
|
|
{{ if $header.button }}
|
|
<a class="header-contact-button" href="{{ $header.button.url }}">{{ $header.button.text }}</a>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0);" id="menu-icon" class="menu-icon" onclick="unfoldHeader()">☰</a>
|
|
</header>
|
|
<script src="/js/header.js"></script>
|
|
<script src="/js/progress.js"></script> |