some minor notes, experimenting with text-shadow and rss icon added to source control

notes

@@ -1,3 +1,5 @@
+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/
@@ -7,10 +9,12 @@ https://www.goatcounter.com/
 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 
+Courier New
 Milonga https://fonts.google.com/specimen/Milonga
 ET Book https://edwardtufte.github.io/et-book/
 Cardo https://fonts.google.com/specimen/Cardo

static/css/colors.css

@@ -105,6 +105,15 @@ pre:has( > code) {
   background-color: var(--highlight-bg);
   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{

static/css/icon-colors.css

@@ -0,0 +1,5 @@
+:root {
+    --background-color: rgba(0,0,0,1);
+    --primary-color: green;
+    --secondary-color: blue;
+}

static/images/rss.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 455.731 455.731" xml:space="preserve">
+         <style>
+            @import url("/css/icon-colors.css");
+            .box {
+                fill: var(--background-color);
+            }
+            .big-arc, .small-arc {
+                fill: var(--primary-color);
+            }
+            .circle {
+                fill: var(--secondary-color);
+            }
+            /*.icon {
+                fill: var(--primary-color);
+            }*/
+         </style>
+<g>
+	<rect x="0" y="0" class="box" width="455.731" height="455.731"/>
+	<g>
+		<path class="icon big-arc" d="M296.208,159.16C234.445,97.397,152.266,63.382,64.81,63.382v64.348
+			c70.268,0,136.288,27.321,185.898,76.931c49.609,49.61,76.931,115.63,76.931,185.898h64.348
+			C391.986,303.103,357.971,220.923,296.208,159.16z"/>
+		<path class="icon small-arc" d="M64.143,172.273v64.348c84.881,0,153.938,69.056,153.938,153.939h64.348
+			C282.429,270.196,184.507,172.273,64.143,172.273z"/>
+		<circle class="icon circle" cx="109.833" cy="346.26" r="46.088"/>
+	</g>
+</g>
+</svg>

templates/posts.html

@@ -1,7 +1,7 @@
 <dl>
     {{#posts}}
     <div>
-        <dt class="post-title-item"><a style="font-size:2.2vh;" href="{{link}}">{{title}}</a> </dt>
+        <dt class="post-title-item"><a href="{{link}}">{{title}}</a> </dt>
         <time datetime="{{{iso_date}}}">{{date}}</time>
         <dd>
             <p>{{description}}</p>