diff --git a/TODO b/TODO index fd893cf..0f65cce 100644 --- a/TODO +++ b/TODO @@ -1,19 +1,14 @@ get RSS feed up and running (add utm stuff) -get preferred font setup https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face (see also notes) set font-display to "swap" - emphasize category viewer is in via different header color -specify ul styling to be specific to posts list - -experiment with ul margin vs padding in posts list for accessibility without focus border looking ridiculous - -Fix typography on mobile (mostly just anchors at this point) - https://stackoverflow.com/questions/16387400/getting-the-right-font-size-on-every-mobile-device#35155083 - https://css-tricks.com/viewport-sized-typography/ +post jump points and table of contents make tapping and holding or hovering changes header nav-link bg +Fix forced colors as needed + https://beeps.website/blog/2024-10-02-the-changelog-eleventy-3-forced-colours-new-art/#forced-colour-fixes! + maybe make it so #content or a parent class which has everything but header scrolls intead of the normal page, needs and overflow css attr and height 100% for body/html and maybe flex-box and/or grid (this is to make scroll not appear on header) Fix articles with inline html in them and/or links @@ -43,3 +38,9 @@ Webmention linked sites where possible https://www.w3.org/TR/webmention/#sending ~~handle dark/light theming correctly (https://www.joshwcomeau.com/react/dark-mode/) seems useful for that~~ ~~Figure out why the header width is fucked on mobile as well as why the box is all the way to the left~~ + +~~get preferred font setup https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face (see also notes) set font-display to "swap"~~ + +~~Fix typography on mobile (mostly just anchors at this point)~~ + https://stackoverflow.com/questions/16387400/getting-the-right-font-size-on-every-mobile-device#35155083 + https://css-tricks.com/viewport-sized-typography/ diff --git a/static/css/colors.css b/static/css/colors.css index 85270ba..3d099d2 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -18,6 +18,8 @@ --content-border-color: #5ac; /*stolen from code theme*/ --blockquote-bg: rgb(29, 31, 33); + --highlight-bg: #fff; + --highlight-fg: #000; } } /* @@ -51,6 +53,8 @@ --nav-link-bg-color: #bbb; --content-border-color: #026; --blockquote-bg: #fff; + --highlight-bg: #000; + --highlight-fg: #fff; } } } @@ -97,12 +101,10 @@ pre:has( > code) { background: var(--blockquote-bg); } /*fancy user selection for funsies*/ -/* ::selection { - background-color: indigo; - color: white; + background-color: var(--highlight-bg); + color: var(--highlight-fg); } - */ } @media print { @layer print{