diff --git a/TODO b/TODO
index ba219c8..54af8c7 100644
--- a/TODO
+++ b/TODO
@@ -1,48 +1,12 @@
-get RSS feed up and running (add utm stuff)
+MVP necessary:
+- add utm stuff
+- make post list datetime elem in dd so html spec is happy (need css so it can be repositioned back to the right)
+- Fix articles with inline html in them and/or links
-make post list datetime elem in dd so html spec is happy (need css so it can be repositioned back to the right)
-
-Remove !important in css
-
-emphasize category viewer is in via different header color
-
-post jump points and table of contents (be wary of having this take up too much space on mobile)
-
-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
-
-ico?
-
-analytics
+MVP unneeded:
+- post jump points and table of contents (be wary of having this take up too much space on mobile)
+- ico?
+- Make references(the tiny number things) appear to the side instead of the bottom on desktop, try to make it bottom of page in print or bottom of print otherwise
+- analytics
https://github.com/electerious/Ackee
https://umami.is/ (https://github.com/umami-software/umami)
-
-Make references(the tiny number things) appear to the side instead of the bottom on desktop, try to make it bottom of page in print or bottom of print otherwise
-
-~~get code blocks working properly, namely get them colored (probably with https://highlightjs.org/), maybe add a red border, consider https://github.com/highlightjs/highlight.js?tab=readme-ov-file#using-web-workers~~
-
-~~get highlight js theme set to my preference, make sure to add nesting in CSS so it'll be active when the light/dark class is active~~
-
-~~add CSS styling rule(s) so headers don't get link colors~~
-
-~~center titles properly~~
-
-~~center content box properly~~
-
-~~position code blocks in a way I like~~
-
-~~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/notes b/notes
index 749dbbf..667b8b7 100644
--- a/notes
+++ b/notes
@@ -1,7 +1,3 @@
-Phthalo green #123524
-
-Maybe make it so headers use a cool serif font and text uses atkinson or some other sans serif font.
-
https://abhinavsarkar.net/posts/static-site-generator-using-shake/
https://randoma11y.com/
https://fonts.google.com/knowledge/choosing_type
@@ -10,25 +6,12 @@ https://web.dev/articles/optimize-webfont-loading
noted fonts:
"Averia Serif Libre",cursive
-Piazzolla https://piazzolla.huertatipografica.com/
-Atkinson Hyperlegible Font https://www.brailleinstitute.org/freefont/
-Liberation serif https://fonts.adobe.com/fonts/liberation-serif
-Marek Slab
+Architects Daughter https://fonts.google.com/specimen/Architects+Daughter
Courier New
Milonga https://fonts.google.com/specimen/Milonga
ET Book https://edwardtufte.github.io/et-book/
-Cardo https://fonts.google.com/specimen/Cardo
-Architects Daughter https://fonts.google.com/specimen/Architects+Daughter
Hanuman https://fonts.google.com/specimen/Hanuman
TT2020 https://www.fontspace.com/tt2020-font-f42044
-"Zilla Slab", Inter, X-LocaleSpecific, sans-serif
-https://blog.mozilla.org/opendesign/zilla-slab-common-language-shared-font/
Bookerly
-"Source Sans Pro", "Lucida Sans Unicode", "Helvetica", "Trebuchet MS", sans-serif, "Noto Emoji", "Quivira"
Palatino,"Palatino Linotype","Palatino LT STD",serif
-Georgia
-Courier New', monospace;
-line-height: 1.5;
-https://fonts.google.com/specimen/Marcellus?preview.size=79&stroke=Serif
https://fonts.google.com/specimen/Tinos?preview.size=79&stroke=Serif
-Noto serif: https://fonts.google.com/noto/specimen/Noto+Serif+Display?classification=Display&stroke=Serif&stylecount=18&preview.text=Hello%20there
diff --git a/posts/hello.yaml b/posts/hello.yaml
index bd7add6..a7d6983 100644
--- a/posts/hello.yaml
+++ b/posts/hello.yaml
@@ -1,5 +1,6 @@
title: Hello
author: pagwin
tags: [hello, this is a list]
+description: "this is a description"
draft: false
date: 2024-08-01
diff --git a/posts/invidious_and_goals.md b/posts/invidious_and_goals.md
index a22d334..999d57a 100644
--- a/posts/invidious_and_goals.md
+++ b/posts/invidious_and_goals.md
@@ -3,7 +3,7 @@ title: "Yeeting the distractions and setting goals"
description: "So recently I've begun work on trying to remove distractions so I'm more likely to work on productive stuff and this blog is effectively a lightning round of things I did to accomplish that"
-date: 2022-09-01
+date: 2022-09-02
draft: false
diff --git a/static/css/colors.css b/static/css/colors.css
index 205e4ac..0f0a695 100644
--- a/static/css/colors.css
+++ b/static/css/colors.css
@@ -1,4 +1,4 @@
-@layer baseline, print;
+@layer baseline, baseline-raised, print;
/* https://color.adobe.com/create/color-contrast-analyzer */
/*dark theme*/
@layer baseline{
@@ -58,6 +58,12 @@
}
}
}
+@layer baseline-raised {
+.nav-link {
+ color: var(--nav-link-color);
+ background-color: var(--nav-link-bg-color);
+}
+}
@layer baseline{
body {
background: var(--bg-color);
@@ -69,10 +75,6 @@ body {
outline: 2px solid var(--focus-outline-color);
border-radius: 0.25rem;
}
-.nav-link {
- color: var(--nav-link-color) !important;
- background-color: var(--nav-link-bg-color);
-}
a {
color: var(--link-unclicked);
@@ -106,14 +108,6 @@ pre:has( > code) {
color: var(--highlight-fg);
}
-h1, h2,h3,h4,h5,h6{
- text-shadow: 2px 2px 0px #888;
-}
-/*
- *h1, h2,h3,h4,h5,h6{
- text-shadow: 2px 2px 1px light-dark(lab(25% -10% -20%), lab(75% -10% -20%));
-}
- * */
}
@media print {
@layer print{
diff --git a/static/css/icon-colors.css b/static/css/icon-colors.css
index 10dd693..53ca566 100644
--- a/static/css/icon-colors.css
+++ b/static/css/icon-colors.css
@@ -1,5 +1,20 @@
+@layer futureproof;
+
+@layer futureproof{
+
+@media (prefers-color-scheme: dark){
:root {
- --background-color: rgba(0,0,0,1);
- --primary-color: green;
- --secondary-color: blue;
+ --background-color: rgba(0,0,0,0);
+ --primary-color: white;
+ --secondary-color: white;
+}
+}
+@media (prefers-color-scheme: light){
+:root {
+ --background-color: rgba(0,0,0,0);
+ --primary-color: black;
+ --secondary-color: black;
+}
+}
+
}
diff --git a/static/css/layout.css b/static/css/layout.css
index add8cbe..3334a07 100644
--- a/static/css/layout.css
+++ b/static/css/layout.css
@@ -35,6 +35,10 @@ h1 {
h2 {
font-size: 1.65rem;
}
+h1, h2, h3, h4, h5, h6 {
+ /*I want serifs dangit*/
+ font-family: "courier-std", serif;
+}
p{
font-size: var(--base-text-size);
}
@@ -124,8 +128,12 @@ blockquote {
display: flex;
justify-content: center;
align-items: center;
+ flex-direction: column;
+}
+.icon {
+ width: 2rem;
+ height: 2rem;
}
-
/* div element with this class can be a bitch so need to select those as well as pre*/
.sourceCode {
max-width: -moz-available;
diff --git a/static/images/rss.svg b/static/images/rss.svg
index 607b5da..4a69f55 100644
--- a/static/images/rss.svg
+++ b/static/images/rss.svg
@@ -3,7 +3,7 @@
diff --git a/templates/default.html b/templates/default.html
index 6219989..b2d15de 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -12,6 +12,7 @@
href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
+
@@ -31,6 +32,8 @@
{{{content}}}
+
+
diff --git a/templates/feed.xml b/templates/feed.xml
index 02eabf6..22821cb 100644
--- a/templates/feed.xml
+++ b/templates/feed.xml
@@ -1,35 +1,21 @@
-