summaryrefslogtreecommitdiff
path: root/_includes/header.html
diff options
context:
space:
mode:
Diffstat (limited to '_includes/header.html')
-rw-r--r--_includes/header.html44
1 files changed, 44 insertions, 0 deletions
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..c79d399
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,44 @@
+{%- if include.theme == 'dark' -%}
+ <header class="header header--dark" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
+{%- elsif include.theme == 'light' -%}
+ <header class="header header--light" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
+{%- else -%}
+ <header class="header" {%- if include.background -%} style="background: {{ include.background }};" {%- endif -%}>
+{%- endif -%}
+ <div class="main">
+ <div class="header__title">
+ <div class="header__brand">
+ {%- include svg/logo.svg -%}
+ {%- assign _paths_root = site.paths.root | default: site.data.variables.default.paths.root -%}
+ {%- include snippets/get-nav-url.html path=_paths_root -%}
+ {%- if site.title -%}
+ <a title="{%- if site.description -%}{{ site.description }}{%- endif -%}" href="{{ __return }}">{{ site.title }}</a>
+ {%- endif -%}
+ </div>
+ {%- if site.search.provider -%}
+ <button class="button button--secondary button--circle search-button js-search-toggle"><i class="fas fa-search"></i></button>
+ {%- endif -%}
+ </div>
+ {%- if site.data.navigation.header -%}
+ <nav class="navigation">
+ <ul>
+ {%- for _item in site.data.navigation.header -%}
+ {%- include snippets/get-nav-url.html path=_item.url -%}
+ {%- assign _nav_url = __return -%}
+ {%- include snippets/get-nav-url.html path=page.url -%}
+ {%- assign _page_url = __return -%}
+ {%- include snippets/get-string-from-locale-config.html locale=_item.titles -%}
+ {%- if _nav_url == _page_url or page.nav_key and _item.key and page.nav_key == _item.key -%}
+ <li class="navigation__item navigation__item--active"><a href="{{ _nav_url }}">{%- if _item.title -%}{{ _item.title }}{%- else -%}{{ __return }}{%- endif -%}</a></li>
+ {%- else -%}
+ <li class="navigation__item"><a href="{{ _nav_url }}">{%- if _item.title -%}{{ _item.title }}{%- else -%}{{ __return }}{%- endif -%}</a></li>
+ {%- endif -%}
+ {%- endfor -%}
+ {%- if site.search.provider -%}
+ <li><button class="button button--secondary button--circle search-button js-search-toggle"><i class="fas fa-search"></i></button></li>
+ {%- endif -%}
+ </ul>
+ </nav>
+ {%- endif -%}
+ </div>
+ </header>