2 files changed, 264 insertions, 0 deletions
diff --git a/code/frontpage/layouts/partials/header/alert.html b/code/frontpage/layouts/partials/header/alert.html
new file mode 100644
index 0000000..7944ae9
--- /dev/null
+++ b/code/frontpage/layouts/partials/header/alert.html
@@ -0,0 +1,10 @@
+{{ if .Site.Params.alertDismissable -}}
+  <div id="announcement" data-id="global-alert-{{ md5 .Site.Params.alertText }}" class="alert alert-primary alert-dismissible fade show text-lg-center" role="alert">
+    {{ .Site.Params.alertText | safeHTML }}
+    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+  </div>
+{{ else -}}
+  <div class="alert alert-primary text-lg-center" role="alert">
+    {{ .Site.Params.alertText | safeHTML }}
+  </div>
+{{ end -}}
+\ No newline at end of file
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