From 72af953e64552b7ffdc7edf9f1cb2827bfc43683 Mon Sep 17 00:00:00 2001
From: Pagwin <pgp2024@pagwin.xyz>
Date: Thu, 28 Nov 2024 14:30:50 -0500
Subject: [PATCH] some minor notes, experimenting with text-shadow and rss icon
 added to source control

---
 notes                      |  4 ++++
 static/css/colors.css      |  9 +++++++++
 static/css/icon-colors.css |  5 +++++
 static/images/rss.svg      | 31 +++++++++++++++++++++++++++++++
 templates/posts.html       |  2 +-
 5 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 static/css/icon-colors.css
 create mode 100644 static/images/rss.svg

diff --git a/notes b/notes
index 6ed4f7e..749dbbf 100644
--- a/notes
+++ b/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
diff --git a/static/css/colors.css b/static/css/colors.css
index 3d099d2..205e4ac 100644
--- a/static/css/colors.css
+++ b/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{
diff --git a/static/css/icon-colors.css b/static/css/icon-colors.css
new file mode 100644
index 0000000..10dd693
--- /dev/null
+++ b/static/css/icon-colors.css
@@ -0,0 +1,5 @@
+:root {
+    --background-color: rgba(0,0,0,1);
+    --primary-color: green;
+    --secondary-color: blue;
+}
diff --git a/static/images/rss.svg b/static/images/rss.svg
new file mode 100644
index 0000000..607b5da
--- /dev/null
+++ b/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>
diff --git a/templates/posts.html b/templates/posts.html
index e31adb3..c58b941 100644
--- a/templates/posts.html
+++ b/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>