From 7c692878bc9419592e489f1a7599eaac6df6d9e3 Mon Sep 17 00:00:00 2001
From: "Yann Esposito (Yogsototh)" <yann.esposito@gmail.com>
Date: Sat, 19 Feb 2022 10:06:23 +0100
Subject: [PATCH] new styling

---
 src/css/y.css                           | 17 ++++++++++++-----
 src/posts/0019-utopia-tv-show/index.org |  2 +-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/css/y.css b/src/css/y.css
index b9ed3a4..d3df955 100644
--- a/src/css/y.css
+++ b/src/css/y.css
@@ -1,7 +1,7 @@
 html {
-    font-family: Georgia, serif;
-    font-size: 18px;
-    line-height: calc(1ex/0.32);
+    font-family: monospace;
+    font-size: large;
+    line-height: auto;
 }
 #TOC {text-align: left;}
 html,body { margin: 0; padding: 0; border: 0; }
@@ -32,7 +32,7 @@ hr { opacity: 0.3; }
 #preamble, #postamble { text-align: center; }
 #content,.content,#postamble {
     padding: 0 1rem;
-    max-width: 62ch;
+    max-width: 80ch;
     overflow: hidden;
     margin: 0 auto;
 }
@@ -89,6 +89,7 @@ figcaption { text-align: right; font-style: italic; font-size: 0.875em; }
     --bg: #fff;
     --fg: hsl(218,20%,35%);
     --hl: #000;
+    --soft: hsl(218,20%,85%);
     --gr: hsl(218,20%,95%);
 }
 
@@ -110,6 +111,7 @@ img:hover,svg:hover { filter: none; }
         --bg: hsl(218,20%,12%);
         --fg: hsl(218,20%,70%);
         --hl: hsl(218,10%,93%);
+        --soft: hsl(218,20%,35%);
         --gr: hsl(218,20%,20%);
     }
     img { filter: brightness(0.6) sepia(100%) hue-rotate(185deg) saturate(0.5); }
@@ -124,9 +126,14 @@ body, body > div {
     background: var(--bg);
     color: var(--fg);
 }
+a { text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-decoration-color: var(--soft) ; }
 a { color: var(--hl); }
 a:visited { color: var(--fg); }
-a:hover { color: var(--o); }
+a:hover { color: var(--o);
+          text-decoration-color: var(--o);
+        }
 /* ---- SYNTAX HIGHLIGHTING ---- */
 .ex { color:var(--v); }
 .op, .fu, .ot {color:var(--b);}
diff --git a/src/posts/0019-utopia-tv-show/index.org b/src/posts/0019-utopia-tv-show/index.org
index 83df0f4..99d8862 100644
--- a/src/posts/0019-utopia-tv-show/index.org
+++ b/src/posts/0019-utopia-tv-show/index.org
@@ -23,7 +23,7 @@
 #+html_head_extra: :root { --bg: #000; --fg: #ff0; }
 #+html_head_extra: img,svg {filter: contrast(0.5)sepia(100%)hue-rotate(20deg)saturate(15) brightness(0.7) contrast(2); }
 #+html_head_extra: }
-#+html_head_extra: body { font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: 200; }
+#+html_head_extra: body,h1,h2,h3 { font-family: Helvetica Neue, Helvetica, sans-serif; font-weight: 200; }
 #+html_head_extra: h1 { font-size: 4em; font-variant: all-small-caps; font-weight: 400; letter-spacing: 0.1em; }
 #+html_head_extra: strong, b, i, emph, a:hover { color: var(--fg); }
 #+html_head_extra: </style>