Pagwin/new_blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

added todo items and nav link bg colors

Browse source
This commit is contained in:
Pagwin 2024-12-07 14:34:13 -05:00
parent 1067da4682
commit 6fac9b252a
No known key found for this signature in database
GPG key ID: 81137023740CA260
2 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
TODO
View file

@ -2,6 +2,7 @@
- robots.txt - robots.txt
- make overflow behavior in print so scrollbars go away and full content visibl - make overflow behavior in print so scrollbars go away and full content visibl
- make h1 elems in article content h2 elems - 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 - 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) - post jump points and table of contents (be wary of having this take up too much space on mobile)
- ico? - ico?
@ -9,3 +10,4 @@
- analytics - analytics
https://github.com/electerious/Ackee https://github.com/electerious/Ackee
https://umami.is/ (https://github.com/umami-software/umami) https://umami.is/ (https://github.com/umami-software/umami)
- search functionality

7
static/css/colors.css
View file

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