diff --git a/TODO b/TODO index ea2e229..fb1c1a5 100644 --- a/TODO +++ b/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 diff --git a/static/css/colors.css b/static/css/colors.css index 255b52e..4485f7f 100644 --- a/static/css/colors.css +++ b/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{