theme-blog-ewen/layouts/partials/header.html

82 lines
3.6 KiB
HTML
Raw Normal View History

2023-12-15 16:26:57 +00:00
<!-- navigation -->
<header class="navigation">
<div class="container">
<!-- navbar -->
<nav class="navbar navbar-expand-lg navbar-white bg-transparent border-bottom pl-0">
<input type="checkbox" id="navbar-toggle-cbox">
<a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
{{ .Site.Title }}
</a>
<label for="navbar-toggle-cbox" class="navbar-toggler collapsed"
data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span><i class="fa-solid fa-ellipsis"></i></span>
</label>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav ms-auto">
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<div class="mydropdown">
<input type="checkbox" id="{{ .Name | urlize }}-toggle-cbox">
<label for="{{ .Name | urlize }}-toggle-cbox" class="mydropdown-toggler collapsed"
data-toggle="collapse" data-target="#{{ .Name | urlize }}-dropdown"
aria-expanded="false" aria-controls="{{ .Name | urlize }}-dropdown">
<li>
<a class="nav-link">
{{ .Name }}
</a>
</li>
</label>
<div id="{{ .Name | urlize }}-dropdown" class="collapse">
<ul class="mydropdown-menu">
{{ range .Children }}
<li>
<a href="{{ .URL | absURL }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
{{ else }}
<li class="nav-item">
<a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}
{{- if .IsTranslated -}}
<div class="mydropdown">
<input type="checkbox" id="lang-toggle-cbox">
<label for="lang-toggle-cbox" class="mydropdown-toggler collapsed"
data-toggle="collapse" data-target="#lang-dropdown"
aria-expanded="false" aria-controls="lang-dropdown">
<li class="">
2022-03-31 04:22:55 +00:00
<a class="nav-link"><img class="flag grayscale-60" src="/img/flag_{{- .Lang -}}.svg"></a>
2023-12-15 16:26:57 +00:00
</li>
</label>
2022-03-31 04:22:55 +00:00
2023-12-15 16:26:57 +00:00
<div id="lang-dropdown" class="collapse">
<ul class="mydropdown-menu">
{{- range .AllTranslations -}}
2022-03-31 04:22:55 +00:00
<li><a href="{{- .Permalink -}}"><img class="flag" src="/img/flag_{{- .Lang -}}.svg"></a></li>
2023-12-15 16:26:57 +00:00
{{- end -}}
</ul>
</div>
</div>
{{- end -}}
</ul>
</div>
</nav>
</div>
</header>