hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial navbar menus implementation (fixes #56 and #62)

Browse Source 
I'm aware that the styles are very messy, I'm going to rewrite the whole
_nav.scss to be more DRY later.
This commit is contained in:
daudix
2024-08-25 23:56:17 +03:00
parent f029b0bc93
commit 7ebea6c1b2
4 changed files with 122 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
templates/partials/nav.html
View File

@ -16,7 +16,39 @@
</a>
</li>
{%- for link in config.extra.nav.links %}
{%- if link.url is matching('https?://') %}
{%- if link.sublinks and link.sublinks | length > 0 -%}
<li>
<details>
<summary>
<i class="icon arrow"></i>
{{- macros_translate::translate(key=link.name, default=link.name, language_strings=language_strings) -}}
</summary>
<ul>
{%- for sublink in link.sublinks -%}
{%- if sublink.url is matching('https?://') %}
<li>
<a href="{{ sublink.url }}" rel="{{ rel_attributes }}"
{%- if current_url | default(value='/') | trim_end_matches(pat='/') | safe == sublink.url | trim_end_matches(pat='/') | safe -%}
class="active"
{%- endif -%}>
{{- macros_translate::translate(key=sublink.name, default=sublink.name, language_strings=language_strings) -}}
</a>
</li>
{%- else %}
<li>
<a href="{{ get_url(path=sublink.url, lang=lang)}}"
{%- if current_url | default(value='/') | trim_end_matches(pat='/') | safe == get_url(path=sublink.url, lang=lang) | trim_end_matches(pat='/') | safe -%}
class="active"
{%- endif -%}>
{{- macros_translate::translate(key=sublink.name, default=sublink.name, language_strings=language_strings) -}}
</a>
</li>
{%- endif %}
{%- endfor -%}
</ul>
</details>
</li>
{%- elif link.url is matching('https?://') %}
<li>
<a href="{{ link.url }}" rel="{{ rel_attributes }}"
{%- if current_url | default(value='/') | trim_end_matches(pat='/') | safe == link.url | trim_end_matches(pat='/') | safe -%}
@ -37,7 +69,7 @@
{%- endif %}
{%- endfor -%}
{%- if config.build_search_index %}
<li id="search">
<li id="search" class="circle">
<button onclick="toggleSearch()" title="{{ macros_translate::translate(key='search', default='Search', language_strings=language_strings) }}">
<i class="icon"></i>
</button>
@ -47,7 +79,7 @@
{%- include "partials/language_switcher.html" %}
{%- endif -%}
{%- if config.extra.nav.show_theme_switcher %}
<li id="theme-switcher">
<li id="theme-switcher" class="circle">
<details>
<summary title="{{ macros_translate::translate(key='theme', default='Theme', language_strings=language_strings) }}">
<i class="icon"></i>
@ -73,14 +105,14 @@
</li>
{%- endif %}
{%- if config.generate_feeds and config.extra.nav.show_feed %}
<li id="feed">
<li id="feed" class="circle">
<a href="{{ get_url(path=config.feed_filenames[0], lang=lang) }}" title="{{ macros_translate::translate(key='feed', default='Feed', language_strings=language_strings) }}">
<i class="icon"></i>
</a>
</li>
{%- endif %}
{%- if config.extra.source_url and config.extra.nav.show_repo %}
<li id="repo">
<li id="repo" class="circle">
<a href="{{ config.extra.source_url }}" title="{{ macros_translate::translate(key='repo', default='Repository', language_strings=language_strings) }}">
<i class="icon"></i>
</a>