77 lines
3.7 KiB
HTML
77 lines
3.7 KiB
HTML
{%- 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>-->
|
|
{%- 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> -->
|
|
<!-- Champ de recherche -->
|
|
<div id="searchbox" class="search search--dark" style="visibility: visible">
|
|
<div class="main">
|
|
<div class="search__header">{{ _locale_search }}</div>
|
|
<div class="search-bar">
|
|
<div class="search-box js-search-box">
|
|
<div class="search-box__icon-search"><i class="fas fa-search"></i></div>
|
|
<input id="search-input" type="text" />
|
|
<!-- <div class="search-box__icon-clear js-icon-clear">
|
|
<a><i class="fas fa-times"></i></a>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Script pointing to search-script.js -->
|
|
<script>{%- include search-providers/custom/search-script.js -%}</script>
|
|
|
|
<!-- Configuration -->
|
|
<script>
|
|
SimpleJekyllSearch({
|
|
searchInput: document.getElementById('search-input'),
|
|
resultsContainer: document.getElementById('results-container'),
|
|
json: '/search.json',
|
|
//searchResultTemplate: '<li><a href="{{ site.url }}{url}">{date} {title}</a></li>'
|
|
searchResultTemplate: '<li><a href="{url}">{date} {title}</a></li>'
|
|
})
|
|
</script>
|
|
<!-- Fin déclaration champ de recherche -->
|
|
{%- endif -%}
|
|
|
|
{%- 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 -%}
|
|
</ul>
|
|
</nav>
|
|
{%- endif -%}
|
|
</div>
|
|
</header>
|
|
|