Edit header navigation (main navigation menu)

This commit is contained in:
Paul Nicoué 2022-06-09 17:30:38 +02:00
parent 9bda79a1d5
commit e90e57ff02
6 changed files with 186 additions and 48 deletions

View file

@ -36,17 +36,44 @@
</svg>
</button>
<ul class="header-bar__nav-menu">
<li class="header-bar__nav-item">
<a href="{{ site.homePage.url }}" target="_self">{{ site.homePage.title }}</a>
</li>
<li class="header-bar__nav-item">
<a href="{{ pages.template('biography').first.url }}" target="_self">{{ pages.template('biography').first.title }}</a>
</li>
{% for gallery in pages.template('gallery') %}
<li class="header-bar__nav-item">
<a href="{{ gallery.url }}" target="_self">{{ gallery.title }}</a>
{% set headerNavItemNo = 1 %}
{% if site.homePage.isActive %}
<li class="header-bar__nav-item-{{ headerNavItemNo }} header-bar__nav-item--active">
<a href="{{ site.homePage.url }}" target="_self">{{ site.homePage.title }}</a>
</li>
{% endfor %}
{% else %}
<li class="header-bar__nav-item-{{ headerNavItemNo }}">
<a href="{{ site.homePage.url }}" target="_self">{{ site.homePage.title }}</a>
</li>
{% endif %}
{% set headerNavItemNo = headerNavItemNo + 1 %}
{% if pages.template('biography').first.isActive %}
<li class="header-bar__nav-item-{{ headerNavItemNo }} header-bar__nav-item--active">
<a href="{{ pages.template('biography').first.url }}" target="_self">{{ pages.template('biography').first.title }}</a>
</li>
{% else %}
<li class="header-bar__nav-item-{{ headerNavItemNo }}">
<a href="{{ pages.template('biography').first.url }}" target="_self">{{ pages.template('biography').first.title }}</a>
</li>
{% endif %}
{% set headerNavItemNo = headerNavItemNo + 1 %}
<li class="header-bar__nav-item-{{ headerNavItemNo }}">
<span>Galeries</span>
<ul>
{% for gallery in pages.template('gallery') %}
{% set headerNavItemNo = headerNavItemNo + 1 %}
{% if gallery.isActive %}
<li class="header-bar__nav-item-{{ headerNavItemNo }} header-bar__nav-item--active">
<a href="{{ gallery.url }}" target="_self">{{ gallery.title }}</a>
</li>
{% else %}
<li class="header-bar__nav-item-{{ headerNavItemNo }}">
<a href="{{ gallery.url }}" target="_self">{{ gallery.title }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
</ul>
</nav>