48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
|
<div class="container"> <!-- Changed from container-fluid to container -->
|
|
<a class="navbar-brand fw-bold" href="{{ .Site.BaseURL }}">
|
|
<img src="/img/favicon.svg" alt="{{ .Site.Title }}" title="{{ .Site.Title }}">
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
|
|
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
{{ range .Site.Menus.main }}
|
|
{{ if .HasChildren }}
|
|
<!-- Dropdown menu for items with children -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbar{{ .Name | urlize }}"
|
|
role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
{{ .Name }}
|
|
</a>
|
|
<ul class="dropdown-menu" aria-labelledby="navbar{{ .Name | urlize }}">
|
|
{{ range .Children }}
|
|
<li>
|
|
<a class="dropdown-item {{ if eq .URL ($.RelPermalink) }}active{{ end }}"
|
|
href="{{ .URL | relURL }}">
|
|
{{ .Name }}
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</li>
|
|
{{ else }}
|
|
<!-- Regular menu item -->
|
|
<li class="nav-item">
|
|
<a class="nav-link {{ if eq .URL ($.RelPermalink) }}active{{ end }}"
|
|
href="{{ .URL | relURL }}">
|
|
{{ .Name }}
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|