FSR/ese-website
19
2
Fork 0
Code Issues 1 Pull requests Actions Packages Projects Releases Wiki Activity

highlight current page in main nav

Browse source
This commit is contained in:
Lyn Fugmann 2024-09-24 15:39:40 +02:00
parent 318f56eef7
commit bb083c503e
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
_includes/header.css
View file

@ -53,6 +53,7 @@ header {
transition: opacity .3s ease-out; transition: opacity .3s ease-out;
} }
#mainNav a:hover::after { #mainNav a:hover::after,
#mainNav .nav-active a::after {
opacity: 1; opacity: 1;
} }

9
_includes/header.njk
View file

@ -4,7 +4,14 @@
<img alt="ESE {{year}} Logo" src="/static/ESELogo24.svg"> <img alt="ESE {{year}} Logo" src="/static/ESELogo24.svg">
</a> </a>
<nav id="mainNav"> <nav id="mainNav">
{{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }} {% set navPages = collections.mainNav | pageLang | eleventyNavigation %}
<ul>
{%- for entry in navPages -%}
<li{% if entry.url == page.url %} class="nav-active"{% endif %}>
<a href="{{ entry.url }}">{{ entry.title }}</a>
</li>
{%- endfor %}
</ul>
</nav> </nav>
</div> </div>
</header> </header>