website/layouts/partials/navbar.html (26 lines of code) (raw):

{{ $cover := .HasShortcode "blocks/cover" }} <nav class="js-navbar-scroll navbar navbar-expand navbar-light {{ if not $cover }} nav-shadow {{ end }}flex-column flex-md-row td-navbar"> <a id="gcpdiag-top" {{ if $cover }} style="display: none;" {{end}} class="navbar-brand" href="{{ .Site.Home.RelPermalink }}"> <img src="{{ "/images/stethoscope.png" | relURL }}" height="30"><span class="font-weight-bold">&nbsp;{{ .Site.Title }}</span> </a> <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar"> <ul class="navbar-nav mt-2 mt-lg-0"> {{ $p := . }} {{ range .Site.Menus.main }} <li class="nav-item mr-4 mb-2 mb-lg-0"> {{ $active := or ($p.IsMenuCurrent "main" .) ($p.HasMenuCurrent "main" .) }} {{ with .Page }} {{ $active = or $active ( $.IsDescendant .) }} {{ end }} <a class="nav-link{{if $active }} active{{end}}" href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}"><span{{if $active }} class="active"{{end}}>{{ .Name }}</span></a> </li> {{ end }} {{ if (gt (len .Site.Home.Translations) 0) }} <li class="nav-item dropdown d-none d-lg-block"> {{ partial "navbar-lang-selector.html" . }} </li> {{ end }} </ul> </div> <div class="navbar-nav mx-lg-2 d-none d-lg-block">{{ partial "search-input.html" . }}</div> </nav>