M templates/header.html → templates/header.html

@@ -13,17 +13,40 @@ border-radius: var(--border-radius);
   font-size: 1rem;
   font-family: monospace;
 }
+.bread-crumbs > ul {
+  margin: 0;
+  padding: 0.2rem;
+}
+.bread-crumbs > ul > li {
+  display: inline;
+}
+.bread-crumbs > ul > li:not(:last-child)::after {
+  content: "/";
+  color: var(--b_low);
+}
+.bread-crumbs > ul > li > span {
+  color: var(--b_inv);
+}
+.bread-crumbs a {
+  text-decoration: none;
+}
 </style>
 <div>
   <img class="logo" src="/assets/svg/logo-light.svg">
   <nav class="bread-crumbs">
+    <ul>
     {{ range .Breadcrumbs }}
       {{ if .Active }}
+      <li>
         <span style="font-weight: bold;">{{ .Name }}</span>
+      </li>
       {{ else }}
-        <a href="{{ .Name }}">{{ .Name }}</a> /
+      <li>
+        <a href="{{ .Name }}">{{ .Name }}</a>
+      </li>
       {{ end }}
     {{ end }}
+    </ul>
   </nav>
 </div>
 {{ end }}