added todo items and nav link bg colors

TODO

@@ -2,6 +2,7 @@
 - robots.txt
 - make overflow behavior in print so scrollbars go away and full content visibl
 - make h1 elems in article content h2 elems
+- add aria roles where sensible https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
 - Fix articles with inline html in them and/or links
 - post jump points and table of contents (be wary of having this take up too much space on mobile)
 - ico?
@@ -9,3 +10,4 @@
 - analytics
     https://github.com/electerious/Ackee
     https://umami.is/ (https://github.com/umami-software/umami)
+- search functionality

static/css/colors.css

@@ -15,6 +15,7 @@
     --header-bg: hsl(0,0%,15%);
     --nav-link-color: #6B0;
     --nav-link-bg-color: hsl(0,0%,25%);
+    --nav-link-bg-color-hover:hsl(0,0%,20%);
     --content-border-color: #5ac;
     /*stolen from code theme*/
     --blockquote-bg: rgb(29, 31, 33);
@@ -51,6 +52,7 @@
      * #115e84*/
     --nav-link-color: #118411;
     --nav-link-bg-color: hsl(0,0%,75%);
+    --nav-link-bg-color-hover:hsl(0,0%,70%);
     --content-border-color: #026;
     --blockquote-bg: rgb(226,224,222);
     --highlight-bg: #000;
@@ -63,6 +65,10 @@
     color: var(--nav-link-color);
     background-color: var(--nav-link-bg-color);
 }
+
+.nav-link:hover {
+  background: var(--nav-link-bg-color-hover);
+}
 }
 @layer baseline{
 body {
@@ -110,6 +116,7 @@ pre:has( > code), pre.hljs {
 }
 
 }
+
 @media print {
 @layer print{