danielandClaude Sonnet 5
55308f7703
Reference the navbar brand image through relURL so it resolves correctly when the site is served from a non-root base URL. Use static/img/logo.svg when present, falling back to img/favicon.svg. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
50 lines
2.0 KiB
HTML
50 lines
2.0 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 }}">
|
|
{{- $logo := "img/favicon.svg" -}}
|
|
{{- if os.FileExists "static/img/logo.svg" -}}{{- $logo = "img/logo.svg" -}}{{- end -}}
|
|
<img src="{{ $logo | relURL }}" 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>
|