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

Compare commits

base: Pagwin:1067da4682e3c91d59ef07a1c5c4c2e55653c34f
Branches Tags
Pagwin:main
...
compare: Pagwin:89f92efc28ee249a7f907a771d49cb00cffacd06
Branches Tags
Pagwin:main

2 commits
1067da4682 ... 89f92efc28

Author SHA1 Message Date
Pagwin
89f92efc28
nav link prefetching a bit and robots.txt added 2024-12-07 15:03:11 -05:00
Pagwin
6fac9b252a
added todo items and nav link bg colors 2024-12-07 14:34:13 -05:00
4 changed files with 12 additions and 2 deletions
Show stats Expand all files Collapse all files

3
TODO
View file

@ -2,6 +2,8 @@
- robots.txt
- make overflow behavior in print so scrollbars go away and full content visibl
- make h1 elems in article content h2 elems
- make h2 elems have anchor elems with rel="bookmark" and a name to make them proper bookmarks
- 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 +11,4 @@
- analytics
https://github.com/electerious/Ackee
https://umami.is/ (https://github.com/umami-software/umami)
- search functionality

0
robots.txt Normal file
View file

7
static/css/colors.css
View file

@ -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{

4
templates/default.html
View file

@ -24,8 +24,8 @@
<body>
<!-- originally handled dark v light via js but decided it would be better to just do it all in css and have no toggle 8a7917a0cd34bd7637d9a9a8ad327e4b847cdeed is the last commit where I had the system setup -->
<header id="header">
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/posts/">All Posts</a>
<a class="nav-link" rel="prefetch" href="/">Home</a>
<a class="nav-link" rel="prefetch" href="/posts/">All Posts</a>
<a class="nav-link" href="/links/">Other places I'm at</a>
<div class="back-shover"></div>
<a class="icon" href="/index.xml"> <object width="100" height="100" class="icon svg"