diff options
Diffstat (limited to '_includes/header.html')
| -rw-r--r-- | _includes/header.html | 44 |
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> |