hugo-theme-cybercards/layouts/partials/header-banner.html

40 lines
1.4 KiB
HTML

<header class="site-header">
{{- $bgimage := (resources.Get (printf "img/%s" .Site.Params.logo)).Resize "1980x" -}}
<div style="background-image: url({{ $bgimage.Permalink }}); height: 150px; background-size: cover; background-position: right 0 top -30px; background-repeat: no-repeat;">
</div>
<nav class="navbar navbar-expand-md navbar-light bg-info">
<div class="container-fluid">
{{- with .Site.Params.Headline -}}
<h6 class="nav navbar-nav text text-muted fs-6 justify-content-start">
<a href="{{ site.BaseURL }}"
class="nav-link">{{ . }}</a>
</h6>
{{- end -}}
<button type="button" class="navbar-toggler"
data-bs-toggle="collapse" data-bs-target="#navbar1"
aria-controls="navbar1"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbar1">
<ul class="navbar-nav">
{{- $currentPage := . -}}
{{ range .Site.Menus.main }}
{{- $current := or ($currentPage.IsMenuCurrent "main" .)
($currentPage.HasMenuCurrent "main" .) -}}
<li class="nav-item">
<a href="{{ .URL }}"
class="nav-link{{if $current }} active{{end}}"
title="{{ .Title }}">{{ .Name }}</a>
</li>
{{- end }}
</ul>
</div>
</div>
</nav>
</header>