Switches to use more obvious markup menu template for eleventy-navigation

This commit is contained in:
Zach Leatherman
2020-01-02 20:51:47 -06:00
parent 93e23c7885
commit f870ecd50c
5 changed files with 15 additions and 15 deletions

View File

@ -13,20 +13,19 @@
<header>
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
{#- 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 }}
{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
{%- endfor %}
</ul>
</header>
<main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
<div class="warning">
<ol>
<li>Edit the <code>_data/metadata.json</code> with your blogs information.</li>
<li>(Optional) Edit <code>.eleventy.js</code> with your configuration preferences.</li>
<li>(Optional) Edit <code>.eleventy.js</code> with your [configuration preferences](https://www.11ty.dev/docs/config/).</li>
<li>Delete this message from <code>_includes/layouts/base.njk</code>.</li>
</ol>
<p><em>This is an <a href="https://www.11ty.io/">Eleventy project</a> created from the <a href="https://github.com/11ty/eleventy-base-blog"><code>eleventy-base-blog</code> repo</a>.</em></p>