cf7ae7c681
- Make colors simpler and avoid poping color background. Adding more unity to the design and better consistency in color use. This simplifies the CSS rules - "begin" and "end" links are always visible. If they make no sense, it's a dummy link that isn't a <a> element - Manipulate visibility of the <nav> element for the stack menu instead of the <menu>. It's more consistent like that. Change logic accordingly.
65 lines
2.3 KiB
HTML
65 lines
2.3 KiB
HTML
<nav class="menu-list">
|
|
<menu>
|
|
<li class="menu-item"{% if page_name=='index' %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/">
|
|
Accueil
|
|
</a>
|
|
</li>
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
{% for p in pages %}
|
|
<li class="menu-item"{% if p==page %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if DISPLAY_TAGS_ON_MENU %}
|
|
<li class="menu-item"{% if page_name=='tags' %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/tags.html">Tags</a>
|
|
</li>
|
|
{% endif %}
|
|
</menu>
|
|
<menu>
|
|
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
|
{% for cat, null in categories %}
|
|
<li class="menu-item"{% if cat==category %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</menu>
|
|
</nav>
|
|
<nav id="nav-stack">
|
|
<menu>
|
|
<li class="menu-item stack"{% if page_name=='index' %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/">
|
|
Accueil
|
|
</a>
|
|
</li>
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
{% for p in pages %}
|
|
<li class="menu-item stack"{% if p==page %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if DISPLAY_TAGS_ON_MENU %}
|
|
<li class="menu-item stack"{% if page_name=='tags' %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/tags.html">Tags</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
|
{% for cat, null in categories %}
|
|
<li class="menu-item stack"{% if cat==category %} aria-current="page" {% endif %}>
|
|
<a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<div class="menu-stack-footer">
|
|
<button id="return-button" class="menu-button" title="retour">
|
|
<img class="icon" src="/theme/icons/return.svg" alt="logo return">
|
|
</button>
|
|
</div>
|
|
</menu>
|
|
</nav>
|
|
</div>
|
|
|