Better HTML

src/sass/style.scss

@@ -2,37 +2,12 @@ body {
     margin: 0;
 }
 
-header {
-    border-bottom: black 1px solid;
-    padding: 0.5em;
-
-    section {
-        display: inline;
-
-        + section::before {
-            content: '| ';
-        }
-    }
-}
-
 main {
     padding: 0.5em;
     max-width: 60em;
     margin: 0 auto;
 }
 
-footer {
-    border-top: black 1px solid;
-    padding: 0.5em;
-    section {
-        display: inline;
-
-        + section::before {
-            content: '| ';
-        }
-    }
-}
-
 pre {
     padding: 0.5em;
 }
@@ -57,6 +32,32 @@ pre {
     }
 }
 
+header {
+    border-bottom: black 1px solid;
+}
+
+footer {
+    border-top: black 1px solid;
+}
+
+header, footer {
+    padding: 0.5em;
+
+    nav ol {
+        padding: 0;
+        margin: 0;
+
+        li {
+            display: inline;
+            list-style-type: none;
+
+            + li::before {
+                content: '| ';
+            }
+        }
+    }
+}
+
 @media (prefers-color-scheme: dark) {
     header {
         border-bottom: #ccc 1px solid;