Allow the menu to specify a style for the item

Style changes the trailing character, a la ls -F. The default is 'dir', appending
a slash `/`. You can also specify 'file' to append a '*'.

assets/css/080_site_header.css

@@ -41,13 +41,15 @@
       text-decoration: none;
     }
   }
+}
 
-  .site-header__nav {
+
+.site-nav {
   font-size: var(--text-m);
   font-weight: normal;
 
   ul {
-      --spacing: 1ch;
+    --spacing: 2ch;
 
     display: flex;
     gap: var(--spacing);
@@ -55,16 +57,22 @@
     margin: 0;
     padding: 0;
 
-      li {
+    .site-nav__item {
       margin: 0;
       padding: 0;
     }
 
-      li::after {
+    .site-nav__item::after {
       color: var(--color-nav-separator);
-        content: "/";
       justify-content: center;
     }
+
+    :is(.site-nav__item, .site-nav__item--dir)::after {
+      content: "/";
+    }
+
+    .site-nav__item--file::after {
+      content: "*";
     }
   }
 }

layouts/partials/menu.html

@@ -11,7 +11,7 @@ Renders a menu for the given menu ID.
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-  <nav class="site-header__nav">
+  <nav class="site-nav">
     <ul>
       {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
     </ul>
@@ -33,7 +33,13 @@ Renders a menu for the given menu ID.
         {{- $name = . }}
       {{- end }}
     {{- end }}
-    <li>{{- "" -}}
+    <li
+      {{- with .Params.style }}
+        class="site-nav__item  site-nav__item--{{ . }}"
+      {{ else }}
+        class="site-nav__item  site-nav__item--dir"
+      {{ end -}}
+    >{{- "" -}}
       <a
         {{- range $k, $v := $attrs }}
           {{- with $v }}