website/layouts/partials/nav.html
Pierre-Olivier Mercier ca60e3088d
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
WIP new home page design
2026-05-17 21:51:25 +08:00

97 lines
3.7 KiB
HTML

<nav class="navbar navbar-expand-md fixed-top" id="mainnav">
<div class="container">
<a
class="h1 navbar-brand d-flex align-items-top gap-2 mb-0"
href="/{{ .Site.Language.Lang }}/"
>
<img src="/img/apple-touch-icon.png" alt="" style="height: 24px" />
{{ partial "logo.html" (dict "height" "25") }}
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-between"
id="navbarCollapse"
>
<ul class="navbar-nav">
{{ range .Site.Menus.main }} {{ if .HasChildren }}
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbarDropdown"
role="button"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
{{ .Name }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
{{ range .Children }}
<a href="{{ .URL }}" class="dropdown-item"
>{{ .Name }}</a
>
{{ end }}
</div>
{{ else }}
</li>
<li class="nav-item">
<a href="{{ .URL }}" class="nav-link">{{ .Name }}</a>
{{ end }}
</li>
{{ end }}
</ul>
<div class="d-flex align-items-center">
<div class="nav-item dropdown">
<a
class="btn btn-sm btn-outline-secondary dropdown-toggle"
href="#"
id="navbarLangDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<i class="bi bi-translate"></i> {{ .Language.Lang | upper }}
</a>
<div
class="dropdown-menu dropdown-menu-end"
aria-labelledby="navbarLangDropdown"
>
{{ range .Site.Home.AllTranslations }}
<a href="{{ .Permalink }}" class="dropdown-item">
{{ .Language }}
</a>
{{ end }}
</div>
</div>
<div class="nav-item nav-ext-links">
{{ if .Site.Params.others_links }} {{ range
.Site.Params.others_links }}
<a
href="{{ .href }}"
title="{{ .text }}"
class="nav-icon-link {{ .class }}"
data-umami-event="nav-{{ .id }}"
>
{{ if .icon }}
<i class="bi {{ .icon }}"></i>
{{ end }}
{{ .text }}
</a>
{{ end }} {{ end }}
</div>
</div>
</div>
</div>
</nav>