summaryrefslogtreecommitdiff
path: root/templates/partials/nav.html
diff options
context:
space:
mode:
authorAlejandro Soto <alejandro@34project.org>2025-09-13 14:55:15 -0600
committerAlejandro Soto <alejandro@34project.org>2025-09-13 14:55:15 -0600
commita2ea06d513a5802964f8f0ef5795cec7e548ed7b (patch)
tree8afb58e3749d19bc46cffc6473f3059d647c515b /templates/partials/nav.html
Squashed 'themes/tabi-lean/' content from commit 95c8796
git-subtree-dir: themes/tabi-lean git-subtree-split: 95c879696445ede40daa7a30a88dae5dd74d5c0c
Diffstat (limited to 'templates/partials/nav.html')
-rw-r--r--templates/partials/nav.html60
1 files changed, 60 insertions, 0 deletions
diff --git a/templates/partials/nav.html b/templates/partials/nav.html
new file mode 100644
index 0000000..de55151
--- /dev/null
+++ b/templates/partials/nav.html
@@ -0,0 +1,60 @@
+<header>
+ <nav class="navbar">
+ <div class="nav-title">
+ <a class="home-title" href="{{ get_url(path='/', lang=lang, trailing_slash=(lang == config.default_language)) }}">{{ config.title }}</a>
+ </div>
+
+ {%- if config.extra.menu %}
+ <div class="nav-navs">
+ <ul>
+ {%- if config.extra.menu %}
+ {% for menu in config.extra.menu %}
+ <li>
+ {% set trailing_slash = menu.trailing_slash | default(value=true) %}
+ {%- if menu.url is starting_with("http") -%}
+ {%- if trailing_slash -%}
+ <a class="nav-links no-hover-padding" href="{{ menu.url }}/">
+ {%- else -%}
+ <a class="nav-links no-hover-padding" href="{{ menu.url }}">
+ {%- endif -%}
+ {%- else -%}
+ <a class="nav-links no-hover-padding" href="{{ get_url(path=menu.url, lang=lang, trailing_slash=trailing_slash) }}">
+ {%- endif -%}
+ {{ macros_translate::translate(key=menu.name, default=menu.name, language_strings=language_strings) }}
+ </a>
+ </li>
+ {% endfor %}
+ {%- endif -%}
+
+ {#- Wrap the icons to keep them all together -#}
+ <li class="menu-icons-container">
+ <ul class="menu-icons-group">
+ {# Search #}
+ {%- if config.build_search_index %}
+ {%- set search_icon_title = macros_translate::translate(key='search_icon_title', default='Press $SHORTCUT to open search', language_strings=language_strings) -%}
+ <li class="js menu-icon">
+ <div role="button" tabindex="0" id="search-button" class="search-icon interactive-icon" title="{{ search_icon_title }}" aria-label="{{ search_icon_title }}">
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+ <path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/>
+ </svg>
+ </div>
+ </li>
+ {%- endif %}
+
+ {# Language switcher #}
+ {# Displayed only if more than one language is available #}
+ {%- if config.languages | length > 0 %}
+ {% include "partials/language_switcher.html" %}
+ {%- endif %}
+
+ {# Theme switcher #}
+ {%- if config.extra.theme_switcher and config.extra.theme_switcher == true -%}
+ {%- include "partials/theme_switcher.html" -%}
+ {%- endif -%}
+ </ul>
+ </li>
+ </ul>
+ </div>
+ {% endif %}
+ </nav>
+</header>