Use eleventy-navigation plugin for navigation menu

This commit is contained in:
Zach Leatherman
2019-11-11 15:39:48 -06:00
parent 0da708e993
commit c9018fa45b
6 changed files with 20 additions and 14 deletions

View File

@ -12,11 +12,13 @@
<body>
<header>
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
<ul class="nav">
{%- for nav in collections.nav | reverse -%}
<li class="nav-item{% if nav.url == page.url %} nav-item-active{% endif %}"><a href="{{ nav.url | url }}">{{ nav.data.navtitle }}</a></li>
{%- endfor -%}
</ul>
<!-- Read more about `eleventy-navigation` at https://github.com/11ty/eleventy-navigation -->
{{ collections.all | eleventyNavigation | eleventyNavigationToHtml({
listClass: "nav",
listItemClass: "nav-item",
activeListItemClass: "nav-item-active",
activeKey: eleventyNavigation.key
}) | safe }}
</header>
<main{% if templateClass %} class="{{ templateClass }}"{% endif %}>