diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2023-02-25 13:15:44 +0100 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2023-02-25 13:15:44 +0100 |
| commit | 900bb5e845c3ad44defbd427cae3d44a4a43321f (patch) | |
| tree | df3d96a93771884add571e82336c29fc3d9c7a1c /code/frontpage/layouts/partials/header/header.html | |
| download | greatoffice-900bb5e845c3ad44defbd427cae3d44a4a43321f.tar.xz greatoffice-900bb5e845c3ad44defbd427cae3d44a4a43321f.zip | |
feat: Initial commit
Diffstat (limited to 'code/frontpage/layouts/partials/header/header.html')
| -rw-r--r-- | code/frontpage/layouts/partials/header/header.html | 254 |
1 files changed, 254 insertions, 0 deletions
diff --git a/code/frontpage/layouts/partials/header/header.html b/code/frontpage/layouts/partials/header/header.html new file mode 100644 index 0000000..7869784 --- /dev/null +++ b/code/frontpage/layouts/partials/header/header.html @@ -0,0 +1,254 @@ +{{ if .Site.Params.alert -}} +{{ partial "header/alert.html" . }} +{{ end -}} + +{{ if eq .Site.Params.options.navbarSticky true -}} +<div class="sticky-top"> + {{ end -}} + + <header class="navbar navbar-expand-md navbar-light doks-navbar"> + <nav class="container-{{ if .Site.Params.options.fullWidth }}fluid{{ else }}xxl{{ end }} flex-wrap flex-lg-nowrap" + aria-label="Main navigation"> + + <a class="navbar-brand order-0" href="/" aria-label="{{ .Site.Params.Title }}"> + {{ .Site.Params.Title }} + </a> + + {{ if (in .Site.Params.sections.sectionNav .Section) -}} + <button class="btn btn-link order-0 ms-auto d-md-none" type="button" data-bs-toggle="offcanvas" + data-bs-target="#offcanvasExample" aria-controls="offcanvasExample"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" + class="feather feather-more-horizontal"> + <circle cx="12" cy="12" r="1"></circle> + <circle cx="19" cy="12" r="1"></circle> + <circle cx="5" cy="12" r="1"></circle> + </svg> + </button> + <div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="offcanvasExample" + aria-labelledby="offcanvasExampleLabel"> + <div class="offcanvas-header"> + <h5 class="offcanvas-title" id="offcanvasExampleLabel">{{ i18n "browse" }} {{ .Section }}</h5> + <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> + </div> + <div class="offcanvas-body"> + <aside class="doks-sidebar mt-n3"> + <nav id="doks-docs-nav" aria-label="Tertiary navigation"> + {{ partial "sidebar/docs-menu.html" . }} + </nav> + </aside> + </div> + </div> + {{ end -}} + + <button class="btn btn-menu order-2 d-block d-md-none" type="button" data-bs-toggle="offcanvas" + data-bs-target="#offcanvasDoks" aria-controls="offcanvasDoks" aria-label="Open main menu"> + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" + class="feather feather-menu"> + <line x1="3" y1="12" x2="21" y2="12"></line> + <line x1="3" y1="6" x2="21" y2="6"></line> + <line x1="3" y1="18" x2="21" y2="18"></line> + </svg> + </button> + <div class="offcanvas offcanvas-end border-0 py-md-1" tabindex="-1" id="offcanvasDoks" data-bs-backdrop="true" + aria-labelledby="offcanvasDoksLabel"> + <div class="offcanvas-header d-md-none"> + <h2 class="h5 offcanvas-title ps-2" id="offcanvasDoksLabel"><a class="text-dark" href="{{ " /" | relLangURL + }}">{{ .Site.Params.Title }}</a></h2> + <button type="button" class="btn-close text-reset me-2" data-bs-dismiss="offcanvas" + aria-label="Close main menu"></button> + </div> + <div class="offcanvas-body p-4 p-md-0"> + <ul class="nav flex-column flex-md-row align-items-md-center mt-2 mt-md-0 ms-md-2 me-md-auto"> + {{- $current := . -}} + {{- $section := $current.Section -}} + {{ range .Site.Menus.main -}} + {{- $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) -}} + {{- $active = or $active (eq .Name $current.Title) -}} + {{- $active = or $active (and (eq .Name ($section | humanize)) (eq $current.Section $section)) -}} + {{- $active = or $active (and (eq .Name "Blog") (eq $current.Section "blog" "contributors" "categories" + "tags")) -}} + {{ if .HasChildren }} + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle ps-0 py-1" href="#" id="navbarDropdownMenuLink" role="button" + data-bs-toggle="dropdown" aria-expanded="false"> + {{ .Name }} + <span class="dropdown-caret"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" + viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" + stroke-linejoin="round" class="feather feather-chevron-down"> + <polyline points="6 9 12 15 18 9"></polyline> + </svg></span> + </a> + <ul class="dropdown-menu dropdown-menu-main shadow rounded border-0" + aria-labelledby="navbarDropdownMenuLink"> + {{ range .Children -}} + {{- $active = eq .Name $current.Title -}} + <li> + <a class="dropdown-item{{ if $active }} active{{ end }}" href="{{ .URL | relLangURL }}" {{ if $active + }} aria-current="true" {{ end }}>{{ .Name }}</a> + </li> + {{ end -}} + </ul> + </li> + {{ else }} + <li class="nav-item"> + <a class="nav-link ps-0 py-1{{ if $active }} active{{ end }}" href="{{ .URL | relLangURL }}">{{ .Name + }}</a> + </li> + {{ end }} + {{ end -}} + </ul> + + {{- $showFlexSearch := .Site.Params.options.flexSearch }} + {{- if $showFlexSearch }} + {{- if and (isset .Site.Params.options "searchsectionsshow") (not (eq .Site.Params.options.searchSectionsShow + "ALL")) }} + {{- $showFlexSearch = or (eq (len .Site.Params.options.searchSectionsShow) 0) (in + .Site.Params.options.searchSectionsShow .Section) (and .IsHome (in .Site.Params.options.searchSectionsShow + "HomePage")) }} + {{- end }} + {{- end }} + + {{ if $showFlexSearch -}} + <hr class="text-black-50 my-4 d-lg-none"> + <form class="doks-search position-relative flex-grow-1 ms-lg-auto me-lg-2"> + <input id="search" class="form-control is-search" type="search" placeholder="{{ i18n " search-text" }}" + aria-label="{{ i18n " search-text" }}" autocomplete="off"> + <div id="suggestions" class="shadow bg-white rounded d-none"></div> + </form> + {{ end -}} + + <hr class="text-black-50 my-4 d-lg-none"> + <ul class="nav flex-column flex-lg-row"> + {{ range .Site.Menus.social -}} + <li class="nav-item"> + <a class="nav-link social-link" href="{{ .URL | relURL }}">{{ .Pre | safeHTML }}<small + class="ms-2 d-lg-none">{{ .Name | safeHTML }}</small></a> + </li> + {{ end -}} + </ul> + + {{ if .Site.Params.options.darkMode -}} + <hr class="text-black-50 my-4 d-lg-none"> + <button id="mode" class="btn btn-link" type="button" aria-label="Toggle user interface mode"> + <span class="toggle-dark"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" + fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" + class="feather feather-moon"> + <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> + </svg></span> + <span class="toggle-light"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" + viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" + stroke-linejoin="round" class="feather feather-sun"> + <circle cx="12" cy="12" r="5"></circle> + <line x1="12" y1="1" x2="12" y2="3"></line> + <line x1="12" y1="21" x2="12" y2="23"></line> + <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line> + <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line> + <line x1="1" y1="12" x2="3" y2="12"></line> + <line x1="21" y1="12" x2="23" y2="12"></line> + <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line> + <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line> + </svg></span> + </button> + {{ end -}} + + {{ if eq .Site.Params.options.multilingualMode true -}} + <hr class="text-black-50 my-4 d-lg-none"> + <div class="dropdown"> + <button class="btn btn-doks-light dropdown-toggle" id="doks-languages" data-bs-toggle="dropdown" + aria-expanded="false" data-bs-display="static"> + {{ .Site.Params.languageName }} + <span class="dropdown-caret"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" + viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" + stroke-linejoin="round" class="feather feather-chevron-down"> + <polyline points="6 9 12 15 18 9"></polyline> + </svg></span> + </button> + <ul class="dropdown-menu dropdown-menu-lg-end me-lg-2 shadow rounded border-0" + aria-labelledby="doks-languages"> + + <li><a class="dropdown-item current" aria-current="true" href="{{ .RelPermalink }}">{{ + .Site.Language.LanguageName }}</a></li> + + <li> + <hr class="dropdown-divider"> + </li> + + {{ if .IsTranslated -}} + {{ range .Translations }} + <li><a class="dropdown-item" rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Lang }}" + lang="{{ .Lang }}">{{ .Language.LanguageName }}</a></li> + {{ end -}} + {{ else -}} + {{ range .Site.Languages -}} + {{ if ne $.Site.Language.Lang .Lang }} + <li><a class="dropdown-item" rel="alternate" href="{{ .Lang | relLangURL }}" hreflang="{{ .Lang }}" + lang="{{ .Lang }}">{{ .LanguageName }}</a></li> + {{ end -}} + {{ end -}} + {{ end -}} + <!-- + <li><hr class="dropdown-divider"></li> + <li><a class="dropdown-item" href="/docs/contributing/how-to-contribute/">Help Translate</a></li> + --> + </ul> + </div> + {{ end -}} + + {{ if eq .Site.Params.options.docsVersioning true -}} + <hr class="text-black-50 my-4 d-lg-none"> + <div class="dropdown"> + <button class="btn btn-doks-light dropdown-toggle" id="doks-versions" data-bs-toggle="dropdown" + aria-expanded="false" data-bs-display="static" aria-label="Toggle version menu"> + <span class="d-none">Doks</span> v{{ .Site.Params.docsVersion }} + <span class="dropdown-caret"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" + viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" + stroke-linejoin="round" class="feather feather-chevron-down"> + <polyline points="6 9 12 15 18 9"></polyline> + </svg></span> + </button> + <ul class="dropdown-menu dropdown-menu-lg-end me-lg-2 shadow rounded border-0" + aria-labelledby="doks-versions"> + <li><a class="dropdown-item current" aria-current="true" + href="/docs/{{ .Site.Params.docsVersion }}/prologue/introduction/">Latest ({{ .Site.Params.docsVersion + }}.x)</a></li> + <li> + <hr class="dropdown-divider"> + </li> + <li><a class="dropdown-item" href="/docs/0.2/prologue/introduction/">v0.2.x</a></li> + <li><a class="dropdown-item" href="/docs/0.1/prologue/introduction/">v0.1.x</a></li> + <li> + <hr class="dropdown-divider"> + </li> + <li><a class="dropdown-item" href="/docs/versions/">All versions</a></li> + </ul> + </div> + {{ end -}} + </div> + </div> + </nav> + </header> + + {{ if eq .Site.Params.options.navbarSticky true }} +</div> +{{ end -}} + +{{ if eq .Section "docs" -}} +<div class="container-{{ if .Site.Params.options.fullWidth }}fluid{{ else }}xxl{{ end }}"> + <aside class="doks-sidebar"> + <nav id="doks-docs-nav" class="collapse d-lg-none" aria-label="Tertiary navigation"> + {{ partial "sidebar/docs-menu.html" . }} + </nav> + </aside> +</div> + +{{ else if ne .CurrentSection .FirstSection -}} +<div class="container-{{ if .Site.Params.options.fullWidth }}fluid{{ else }}xxl{{ end }}"> + <aside class="doks-sidebar"> + <nav id="doks-docs-nav" class="collapse d-lg-none" aria-label="Tertiary navigation"> + {{ partial "sidebar/docs-menu.html" . }} + </nav> + </aside> +</div> +{{ end -}}
\ No newline at end of file |
