|
|
@@ -13,12 +13,34 @@
|
|
|
{{ $logo = (partial "functions/get_logo" (dict "constraint" "max_height" "size" 70)) }}
|
|
|
{{ end }}
|
|
|
|
|
|
-<nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
|
|
|
- <div class="container-xl">
|
|
|
+<header class="header--fixed">
|
|
|
+ <nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
|
|
|
+ <div class="container-xl">
|
|
|
+
|
|
|
+ {{if $show_logo}}
|
|
|
+ <div class="d-none d-lg-inline-flex">
|
|
|
+ <a class="navbar-brand" href="{{ "/" | relLangURL }}">
|
|
|
+ {{- if $has_logo -}}
|
|
|
+ <img src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}"
|
|
|
+ {{with site.Params.header.image.width}}width="{{.}}"{{end}}
|
|
|
+ {{with site.Params.header.image.height}}height="{{.}}"{{end}}>
|
|
|
+ {{- else -}}
|
|
|
+ {{- site.Title -}}
|
|
|
+ {{- end -}}
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+
|
|
|
+ {{ if site.Menus.main }}
|
|
|
+ <button type="button" class="navbar-toggler" data-toggle="collapse"
|
|
|
+ data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="{{ i18n "toggle_navigation" }}">
|
|
|
+ <span><i class="fas fa-bars"></i></span>
|
|
|
+ </button>
|
|
|
+ {{ end }}
|
|
|
|
|
|
- {{if $show_logo}}
|
|
|
- <div class="d-none d-lg-inline-flex">
|
|
|
- <a class="navbar-brand" href="{{ "/" | relLangURL }}">
|
|
|
+ {{if $show_logo}}
|
|
|
+ <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
|
|
|
+ <a class="navbar-brand" href="{{ "/" | relLangURL }}">
|
|
|
{{- if $has_logo -}}
|
|
|
<img src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}"
|
|
|
{{with site.Params.header.image.width}}width="{{.}}"{{end}}
|
|
|
@@ -26,188 +48,168 @@
|
|
|
{{- else -}}
|
|
|
{{- site.Title -}}
|
|
|
{{- end -}}
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
-
|
|
|
- {{ if site.Menus.main }}
|
|
|
- <button type="button" class="navbar-toggler" data-toggle="collapse"
|
|
|
- data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="{{ i18n "toggle_navigation" }}">
|
|
|
- <span><i class="fas fa-bars"></i></span>
|
|
|
- </button>
|
|
|
- {{ end }}
|
|
|
-
|
|
|
- {{if $show_logo}}
|
|
|
- <div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
|
|
|
- <a class="navbar-brand" href="{{ "/" | relLangURL }}">
|
|
|
- {{- if $has_logo -}}
|
|
|
- <img src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}"
|
|
|
- {{with site.Params.header.image.width}}width="{{.}}"{{end}}
|
|
|
- {{with site.Params.header.image.height}}height="{{.}}"{{end}}>
|
|
|
- {{- else -}}
|
|
|
- {{- site.Title -}}
|
|
|
- {{- end -}}
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
-
|
|
|
- <!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
- {{ $align_menu := site.Params.main_menu.align | default "l" }}
|
|
|
- <div class="navbar-collapse main-menu-item collapse {{ if eq $align_menu "c" }}justify-content-center{{ else if eq $align_menu "r" }}justify-content-end{{else}}justify-content-start{{ end }}" id="navbar-content">
|
|
|
-
|
|
|
- <!-- Left Nav Bar -->
|
|
|
- <ul class="navbar-nav d-md-inline-flex">
|
|
|
- {{ range site.Menus.main }}
|
|
|
-
|
|
|
- {{ if .HasChildren }}
|
|
|
- <li class="nav-item dropdown">
|
|
|
- <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
|
|
|
- {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
- <span class="caret"></span>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu">
|
|
|
- {{ range .Children }}
|
|
|
- <a class="dropdown-item" href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}>
|
|
|
- {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
- </a>
|
|
|
- {{ end }}
|
|
|
- </div>
|
|
|
- </li>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ {{end}}
|
|
|
+
|
|
|
+ <!-- Collect the nav links, forms, and other content for toggling -->
|
|
|
+ {{ $align_menu := site.Params.main_menu.align | default "l" }}
|
|
|
+ <div class="navbar-collapse main-menu-item collapse {{ if eq $align_menu "c" }}justify-content-center{{ else if eq $align_menu "r" }}justify-content-end{{else}}justify-content-start{{ end }}" id="navbar-content">
|
|
|
+
|
|
|
+ <!-- Left Nav Bar -->
|
|
|
+ <ul class="navbar-nav d-md-inline-flex">
|
|
|
+ {{ range site.Menus.main }}
|
|
|
+
|
|
|
+ {{ if .HasChildren }}
|
|
|
+ <li class="nav-item dropdown">
|
|
|
+ <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true">
|
|
|
+ {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
+ <span class="caret"></span>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu">
|
|
|
+ {{ range .Children }}
|
|
|
+ <a class="dropdown-item" href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}>
|
|
|
+ {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
+ </a>
|
|
|
+ {{ end }}
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
|
|
|
- {{ else }}
|
|
|
+ {{ else }}
|
|
|
|
|
|
- {{/* Set target for link. */}}
|
|
|
- {{ $.Scratch.Set "target" "" }}
|
|
|
- {{ if gt (len .URL) 4 }}
|
|
|
- {{ if eq "http" (slicestr .URL 0 4) }}
|
|
|
- {{ $.Scratch.Set "target" " target=\"_blank\" rel=\"noopener\"" }}
|
|
|
+ {{/* Set target for link. */}}
|
|
|
+ {{ $.Scratch.Set "target" "" }}
|
|
|
+ {{ if gt (len .URL) 4 }}
|
|
|
+ {{ if eq "http" (slicestr .URL 0 4) }}
|
|
|
+ {{ $.Scratch.Set "target" " target=\"_blank\" rel=\"noopener\"" }}
|
|
|
+ {{ end }}
|
|
|
{{ end }}
|
|
|
- {{ end }}
|
|
|
|
|
|
- {{/* Get active page. */}}
|
|
|
+ {{/* Get active page. */}}
|
|
|
+
|
|
|
+ {{ $is_link_in_current_path := false }}
|
|
|
+ {{ $is_widget_page := or $current_page.IsHome (eq $current_page.Type "widget_page") }}
|
|
|
+ {{ $is_same_page := false }}
|
|
|
+ {{ $hash := findRE "#(.+)" .URL }}
|
|
|
+
|
|
|
+ {{ if $current_page.IsHome | and (or (eq .URL "/") (eq .URL "")) }}
|
|
|
+ {{ $is_link_in_current_path = true }}
|
|
|
+ {{else}}
|
|
|
+ {{ if gt (len .URL) 1 }}{{/* Ignore root URL */}}
|
|
|
+ {{ $is_link_in_current_path = in $current_page.RelPermalink .URL }}
|
|
|
+ {{ $is_same_page = $is_link_in_current_path }}
|
|
|
+ {{end}}
|
|
|
+ {{ if gt (len $hash) 0 }}
|
|
|
+ {{ $hash = index $hash 0 }}
|
|
|
+ {{ $hash_removed := replace .URL $hash "" }}
|
|
|
+ {{ if eq (len $hash_removed) 0 }}
|
|
|
+ {{ $hash_removed = "/" }}{{/* Add robustness for `/#SECTION` or `#SECTION` in `menus.toml`. */}}
|
|
|
+ {{ end }}
|
|
|
+ {{ $is_same_page = eq (path.Dir $current_page.RelPermalink) (path.Dir ($hash_removed|relLangURL)) }}
|
|
|
+ {{ end }}
|
|
|
+ {{end}}
|
|
|
|
|
|
- {{ $is_link_in_current_path := false }}
|
|
|
- {{ $is_widget_page := or $current_page.IsHome (eq $current_page.Type "widget_page") }}
|
|
|
- {{ $is_same_page := false }}
|
|
|
- {{ $hash := findRE "#(.+)" .URL }}
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link {{if and $highlight_active_link $is_link_in_current_path }} active{{end}}" href="{{.URL | relLangURL}}"{{ if and $is_widget_page $is_same_page }} data-target="{{$hash}}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
|
|
|
+ {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
|
|
|
- {{ if $current_page.IsHome | and (or (eq .URL "/") (eq .URL "")) }}
|
|
|
- {{ $is_link_in_current_path = true }}
|
|
|
- {{else}}
|
|
|
- {{ if gt (len .URL) 1 }}{{/* Ignore root URL */}}
|
|
|
- {{ $is_link_in_current_path = in $current_page.RelPermalink .URL }}
|
|
|
- {{ $is_same_page = $is_link_in_current_path }}
|
|
|
- {{end}}
|
|
|
- {{ if gt (len $hash) 0 }}
|
|
|
- {{ $hash = index $hash 0 }}
|
|
|
- {{ $hash_removed := replace .URL $hash "" }}
|
|
|
- {{ if eq (len $hash_removed) 0 }}
|
|
|
- {{ $hash_removed = "/" }}{{/* Add robustness for `/#SECTION` or `#SECTION` in `menus.toml`. */}}
|
|
|
- {{ end }}
|
|
|
- {{ $is_same_page = eq (path.Dir $current_page.RelPermalink) (path.Dir ($hash_removed|relLangURL)) }}
|
|
|
{{ end }}
|
|
|
- {{end}}
|
|
|
-
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link {{if and $highlight_active_link $is_link_in_current_path }} active{{end}}" href="{{.URL | relLangURL}}"{{ if and $is_widget_page $is_same_page }} data-target="{{$hash}}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
|
|
|
- {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
- </a>
|
|
|
- </li>
|
|
|
+ {{ end }}
|
|
|
|
|
|
- {{ end }}
|
|
|
+ {{ if site.Menus.main_right | and (eq $align_menu "l") }}
|
|
|
+ </ul>
|
|
|
+ <ul class="navbar-nav ml-md-auto">
|
|
|
{{ end }}
|
|
|
|
|
|
- {{ if site.Menus.main_right | and (eq $align_menu "l") }}
|
|
|
- </ul>
|
|
|
- <ul class="navbar-nav ml-md-auto">
|
|
|
- {{ end }}
|
|
|
+ {{ range site.Menus.main_right }}
|
|
|
|
|
|
- {{ range site.Menus.main_right }}
|
|
|
+ {{/* Set target for link. */}}
|
|
|
+ {{ $.Scratch.Set "target" "" }}
|
|
|
+ {{ if gt (len .URL) 4 }}
|
|
|
+ {{ if eq "http" (slicestr .URL 0 4) }}
|
|
|
+ {{ $.Scratch.Set "target" " target=\"_blank\" rel=\"noopener\"" }}
|
|
|
+ {{ end }}
|
|
|
+ {{ end }}
|
|
|
|
|
|
- {{/* Set target for link. */}}
|
|
|
- {{ $.Scratch.Set "target" "" }}
|
|
|
- {{ if gt (len .URL) 4 }}
|
|
|
- {{ if eq "http" (slicestr .URL 0 4) }}
|
|
|
- {{ $.Scratch.Set "target" " target=\"_blank\" rel=\"noopener\"" }}
|
|
|
- {{ end }}
|
|
|
+ <li class="nav-item">
|
|
|
+ <a class="nav-link" href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
|
|
|
+ {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ {{ end }}
|
|
|
+ </ul>
|
|
|
+ </div><!-- /.navbar-collapse -->
|
|
|
+
|
|
|
+ <ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
|
|
|
+
|
|
|
+ {{/* Display any social links that the superuser chose to display in the header. */}}
|
|
|
+ {{ range where (where (where site.Pages "Section" "authors") ".Params.superuser" true) ".Params.social" "!=" nil }}
|
|
|
+ {{ range where .Params.social ".display.header" true }}
|
|
|
+ {{ $social_link := partial "functions/get_social_link" . }}
|
|
|
+ <li class="nav-item d-none d-lg-inline-flex">
|
|
|
+ <a class="nav-link" href="{{ $social_link.link | safeURL }}"{{ with $social_link.tooltip }} data-toggle="tooltip" data-placement="bottom" title="{{.}}"{{ end }} {{ $social_link.target | safeHTMLAttr }} aria-label="{{ $social_link.aria_label }}">
|
|
|
+ <i class="{{ $social_link.icon_pack }} {{ $social_link.pack_prefix }}-{{ $social_link.icon }}" aria-hidden="true"></i>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ {{ end }}
|
|
|
{{ end }}
|
|
|
|
|
|
+ {{ $show_search := site.Params.main_menu.show_search | default true }}
|
|
|
+ {{ if and site.Params.search.provider $show_search }}
|
|
|
<li class="nav-item">
|
|
|
- <a class="nav-link" href="{{ .URL | relLangURL }}"{{ if $.IsHome }} data-target="{{ .URL }}"{{ end }}{{ ($.Scratch.Get "target") | safeHTMLAttr }}>
|
|
|
- {{- .Pre -}}<span>{{ .Name | safeHTML }}</span>{{- .Post -}}
|
|
|
- </a>
|
|
|
+ <a class="nav-link js-search" href="#" aria-label="{{ i18n "search" }}"><i class="fas fa-search" aria-hidden="true"></i></a>
|
|
|
</li>
|
|
|
-
|
|
|
{{ end }}
|
|
|
- </ul>
|
|
|
- </div><!-- /.navbar-collapse -->
|
|
|
|
|
|
- <ul class="nav-icons navbar-nav flex-row ml-auto d-flex pl-md-2">
|
|
|
-
|
|
|
- {{/* Display any social links that the superuser chose to display in the header. */}}
|
|
|
- {{ range where (where (where site.Pages "Section" "authors") ".Params.superuser" true) ".Params.social" "!=" nil }}
|
|
|
- {{ range where .Params.social ".display.header" true }}
|
|
|
- {{ $social_link := partial "functions/get_social_link" . }}
|
|
|
- <li class="nav-item d-none d-lg-inline-flex">
|
|
|
- <a class="nav-link" href="{{ $social_link.link | safeURL }}"{{ with $social_link.tooltip }} data-toggle="tooltip" data-placement="bottom" title="{{.}}"{{ end }} {{ $social_link.target | safeHTMLAttr }} aria-label="{{ $social_link.aria_label }}">
|
|
|
- <i class="{{ $social_link.icon_pack }} {{ $social_link.pack_prefix }}-{{ $social_link.icon }}" aria-hidden="true"></i>
|
|
|
+ {{ $show_day_night := site.Params.main_menu.show_day_night | default true }}
|
|
|
+ {{ if and site.Params.day_night $show_day_night }}
|
|
|
+ <li class="nav-item dropdown theme-dropdown">
|
|
|
+ <a href="#" class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-label="{{ i18n "theme_selector" | default "Display preferences" }}">
|
|
|
+ <i class="fas fa-moon" aria-hidden="true"></i>
|
|
|
+ </a>
|
|
|
+ <div class="dropdown-menu">
|
|
|
+ <a href="#" class="dropdown-item js-set-theme-light">
|
|
|
+ <span>{{ i18n "theme_light" | default "Light" }}</span>
|
|
|
</a>
|
|
|
- </li>
|
|
|
+ <a href="#" class="dropdown-item js-set-theme-dark">
|
|
|
+ <span>{{ i18n "theme_dark" | default "Dark" }}</span>
|
|
|
+ </a>
|
|
|
+ <a href="#" class="dropdown-item js-set-theme-auto">
|
|
|
+ <span>{{ i18n "theme_auto" | default "Automatic" }}</span>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
{{ end }}
|
|
|
- {{ end }}
|
|
|
-
|
|
|
- {{ $show_search := site.Params.main_menu.show_search | default true }}
|
|
|
- {{ if and site.Params.search.provider $show_search }}
|
|
|
- <li class="nav-item">
|
|
|
- <a class="nav-link js-search" href="#" aria-label="{{ i18n "search" }}"><i class="fas fa-search" aria-hidden="true"></i></a>
|
|
|
- </li>
|
|
|
- {{ end }}
|
|
|
|
|
|
- {{ $show_day_night := site.Params.main_menu.show_day_night | default true }}
|
|
|
- {{ if and site.Params.day_night $show_day_night }}
|
|
|
- <li class="nav-item dropdown theme-dropdown">
|
|
|
- <a href="#" class="nav-link" data-toggle="dropdown" aria-haspopup="true" aria-label="{{ i18n "theme_selector" | default "Display preferences" }}">
|
|
|
- <i class="fas fa-moon" aria-hidden="true"></i>
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu">
|
|
|
- <a href="#" class="dropdown-item js-set-theme-light">
|
|
|
- <span>{{ i18n "theme_light" | default "Light" }}</span>
|
|
|
- </a>
|
|
|
- <a href="#" class="dropdown-item js-set-theme-dark">
|
|
|
- <span>{{ i18n "theme_dark" | default "Dark" }}</span>
|
|
|
+ {{ $show_translations := site.Params.main_menu.show_translations | default true }}
|
|
|
+ {{ if .IsTranslated | and $show_translations }}
|
|
|
+ <li class="nav-item dropdown i18n-dropdown">
|
|
|
+ <a href="#" class="nav-link {{ if $show_current_language }}dropdown-toggle{{end}}" data-toggle="dropdown"
|
|
|
+ aria-haspopup="true" aria-label="{{ i18n "languages" | default "Languages" }}">
|
|
|
+ <i class="fas fa-globe mr-1" aria-hidden="true"></i>
|
|
|
+ {{- if $show_current_language -}}
|
|
|
+ <span class="d-none d-lg-inline">{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
+ {{- end -}}
|
|
|
</a>
|
|
|
- <a href="#" class="dropdown-item js-set-theme-auto">
|
|
|
- <span>{{ i18n "theme_auto" | default "Automatic" }}</span>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- {{ end }}
|
|
|
-
|
|
|
- {{ $show_translations := site.Params.main_menu.show_translations | default true }}
|
|
|
- {{ if .IsTranslated | and $show_translations }}
|
|
|
- <li class="nav-item dropdown i18n-dropdown">
|
|
|
- <a href="#" class="nav-link {{ if $show_current_language }}dropdown-toggle{{end}}" data-toggle="dropdown"
|
|
|
- aria-haspopup="true" aria-label="{{ i18n "languages" | default "Languages" }}">
|
|
|
- <i class="fas fa-globe mr-1" aria-hidden="true"></i>
|
|
|
- {{- if $show_current_language -}}
|
|
|
- <span class="d-none d-lg-inline">{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
- {{- end -}}
|
|
|
- </a>
|
|
|
- <div class="dropdown-menu">
|
|
|
- <div class="dropdown-item dropdown-item-active">
|
|
|
- <span>{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
+ <div class="dropdown-menu">
|
|
|
+ <div class="dropdown-item dropdown-item-active">
|
|
|
+ <span>{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
+ </div>
|
|
|
+ {{ range .Translations }}
|
|
|
+ <a class="dropdown-item" href="{{ .Permalink }}"{{ if $.IsHome }} data-target="{{ .RelPermalink }}"{{ end }}>
|
|
|
+ <span>{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
+ </a>
|
|
|
+ {{ end }}
|
|
|
</div>
|
|
|
- {{ range .Translations }}
|
|
|
- <a class="dropdown-item" href="{{ .Permalink }}"{{ if $.IsHome }} data-target="{{ .RelPermalink }}"{{ end }}>
|
|
|
- <span>{{ index site.Data.i18n.languages .Lang }}</span>
|
|
|
- </a>
|
|
|
- {{ end }}
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- {{ end }}
|
|
|
+ </li>
|
|
|
+ {{ end }}
|
|
|
|
|
|
- </ul>
|
|
|
+ </ul>
|
|
|
|
|
|
- </div><!-- /.container -->
|
|
|
-</nav>
|
|
|
+ </div><!-- /.container -->
|
|
|
+ </nav>
|
|
|
+</header>
|
|
|
{{end}}{{/* End show navbar. */}}
|
George Cushen