Files
blog/templates/partials/nav.html
daudix 5ab1557a93 Make the search bar visually part of the navbar
Plus make it nicer structucally
2024-07-05 06:43:45 +03:00

66 lines
2.4 KiB
HTML

<header id="site-nav">
<nav>
<a href="#main" id="main-content" tabindex="0">
{{ macros_translate::translate(key="skip_to_content", default="Skip to main content", language_strings=language_strings) }}
</a>
<ul>
<li id="home">
<a href="{{ get_url(path='/', lang=lang) }}"
{%- if current_url | default(value="/") | trim_end_matches(pat="/") | safe == get_url(path="/", lang=lang) | trim_end_matches(pat='/') | safe -%}
class="active"
{%- endif -%}>
{{ config.title }}
</a>
</li>
{%- for link in config.extra.nav.links %}
{%- if link.url is matching('https?://') %}
<li>
<a href="{{ link.url }}"
{%- if current_url | default(value='/') | trim_end_matches(pat='/') | safe == link.url | trim_end_matches(pat='/') | safe -%}
class="active"
{%- endif -%}>
{{ macros_translate::translate(key=link.name, default=link.name, language_strings=language_strings) }}
</a>
</li>
{%- else %}
<li>
<a href="{{ get_url(path=link.url, lang=lang)}}"
{%- if current_url | default(value='/') | trim_end_matches(pat='/') | safe == get_url(path=link.url, lang=lang) | trim_end_matches(pat='/') | safe -%}
class="active"
{%- endif -%}>
{{ macros_translate::translate(key=link.name, default=link.name, language_strings=language_strings) }}
</a>
</li>
{%- endif %}
{%- endfor -%}
{%- if config.build_search_index %}
<li id="search">
<a onclick="toggleSearch()" onkeypress="toggleSearch()" tabindex="0">
<i class="icon"></i>
<span class="hidden">
{{ macros_translate::translate(key="search", default="Search", language_strings=language_strings) }}
</span>
</a>
</li>
{%- endif %}
{%- if config.languages | length > 0 %}
{%- include "partials/language_switcher.html" %}
{%- endif -%}
{%- if config.generate_feeds and config.extra.nav.show_feed %}
<li id="feed">
<a href="{{ get_url(path=config.feed_filenames[0]) }}">
<i class="icon"></i>
<span class="hidden">
{{ macros_translate::translate(key="feed", default="Feed", language_strings=language_strings) }}
</span>
</a>
</li>
{%- endif %}
</ul>
</nav>
<div id="search-container">
<input id="search-bar" type="search" placeholder="{{ macros_translate::translate(key='search_for', default='Search for…', language_strings=language_strings) }}">
<div id="search-results"></div>
</div>
</header>