From 887a590f7e646c690e0d804307e7909d26f07908 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Sat, 19 Feb 2022 09:48:39 +0100
Subject: [PATCH] styling

---
 engine/dev.sh |  2 +-
 src/css/y.css | 24 ++++++++++++++++--------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/engine/dev.sh b/engine/dev.sh
index 909ea2e..4e9aa67 100755
--- a/engine/dev.sh
+++ b/engine/dev.sh
@@ -23,4 +23,4 @@ pipeblue() {while read line; do blue $line; done}
 tee >(lorri watch | sed 's/^/[lorri] /' | pipegreen ) \
   >(./engine/serve.sh | sed 's/^/[http] /' | pipeyellow) \
   >(./engine/auto-build.sh | sed 's/^/[make] /' | pipeblue) \
-  >(sleep 1 && open 'http://127.0.0.1:3000')
+  >(sleep 1 && open 'http://127.0.0.1:3077')
diff --git a/src/css/y.css b/src/css/y.css
index 62bb6c4..b9ed3a4 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -1,15 +1,17 @@
 html {
     font-family: Georgia, serif;
     font-size: 18px;
-    line-height: calc(1ex/0.25);
+    line-height: calc(1ex/0.32);
 }
 #TOC {text-align: left;}
 html,body { margin: 0; padding: 0; border: 0; }
 .main { min-height: calc(100vh - 1em); }
 h1,h2,h3,h4,h5,h6 {
+    font-family: Courier, monospace;
     line-height: calc(1ex/0.42);
-    margin: calc(1ex/0.42) 0; }
-#preamble h1 { margin: 0; }
+    margin: calc(1ex/0.42) 0;
+    font-size: 1.5em;
+    padding: 1em 0; }
 p { text-align: justify; hyphens: auto; }
 pre { overflow-x: scroll; padding: 1em; border-left: dotted 1px; }
 pre > code { background: none; font-size: 0.875em; padding: 0; }
@@ -44,6 +46,8 @@ sup, sub {
     vertical-align: baseline;
     position: relative;
     top: -0.4em;
+    padding: 0.1em 0.5em;
+    border-radius: 3px;
 }
 sub { top: 0.4em; }
 .footdef > sup { vertical-align: top; font-size: medium; }
@@ -83,7 +87,8 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
     --g: #879a00;
 
     --bg: #fff;
-    --fg: #000;
+    --fg: hsl(218,20%,35%);
+    --hl: #000;
     --gr: hsl(218,20%,95%);
 }
 
@@ -104,20 +109,23 @@ img:hover,svg:hover { filter: none; }
         --g: #939452;
         --bg: hsl(218,20%,12%);
         --fg: hsl(218,20%,70%);
+        --hl: hsl(218,10%,93%);
         --gr: hsl(218,20%,20%);
     }
     img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
     img:hover { filter:  brightness(0.7); }
-    strong, b, i, emph, a:hover { color: hsl(218,50%,90%); }
+    strong, b, i, emph, a:hover { color: ; }
 }
 
-pre,code { background: var(--gr); }
+strong, b, i, emph, a:hover, h1, h2, h3, h4, h5, h6 { color: var(--hl); }
+pre,code,sup,sub { background: var(--gr); }
+a > sup:hover, a > sub:hover { background: var(--o); color: white; }
 body, body > div {
     background: var(--bg);
     color: var(--fg);
 }
-a { color: var(--b); }
-a:visited { color: var(--v); }
+a { color: var(--hl); }
+a:visited { color: var(--fg); }
 a:hover { color: var(--o); }
 /* ---- SYNTAX HIGHLIGHTING ---- */
 .ex { color:var(--v); }