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

.eleventy.js

@@ -78,8 +78,9 @@ module.exports = function(eleventyConfig) {
 
     // If you don’t have a subdirectory, use "" or "/" (they do the same thing)
     // This is only used for link URLs (it does not affect your file structure)
-    // You can also pass this in on the command line using `--pathprefix`
+    // Best paired with the `url` filter: https://www.11ty.io/docs/filters/url/
 
+    // You can also pass this in on the command line using `--pathprefix`
     // pathPrefix: "/",
 
     markdownTemplateEngine: "liquid",

_includes/layouts/base.njk

@@ -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 #}
+      {#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
-      {{ collections.all | eleventyNavigation | eleventyNavigationToHtml({
+      <ul class="nav">
-        listClass: "nav",
+      {%- for entry in collections.all | eleventyNavigation %}
-        listItemClass: "nav-item",
+        <li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
-        activeListItemClass: "nav-item-active",
+      {%- endfor %}
-        activeKey: eleventyNavigation.key
+      </ul>
-      }) | safe }}
     </header>
 
     <main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
       <div class="warning">
         <ol>
           <li>Edit the <code>_data/metadata.json</code> with your blog’s 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>

about/index.md

@@ -4,7 +4,7 @@ title: About Me
 templateClass: tmpl-post
 eleventyNavigation:
   key: About Me
-  order: 2
+  order: 3
 ---
 
 I am a person that writes stuff.

archive.njk

@@ -3,7 +3,7 @@ layout: layouts/home.njk
 permalink: /posts/
 eleventyNavigation:
   key: Archive
-  order: 3
+  order: 2
 ---
 
 <h1>Archive</h1>

package.json

@@ -24,11 +24,11 @@
   "homepage": "https://github.com/11ty/eleventy-base-blog#readme",
   "devDependencies": {
     "@11ty/eleventy": "^0.9.0",
-    "@11ty/eleventy-navigation": "^0.1.1",
+    "@11ty/eleventy-navigation": "^0.1.3",
     "@11ty/eleventy-plugin-rss": "^1.0.7",
-    "@11ty/eleventy-plugin-syntaxhighlight": "^2.0.3",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.0",
-    "luxon": "^1.12.0",
+    "luxon": "^1.21.3",
     "markdown-it": "^8.4.2",
-    "markdown-it-anchor": "^5.0.2"
+    "markdown-it-anchor": "^5.2.5"
   }
 }