From f44c28b387eb143b233244b2af8595b05a6efeb5 Mon Sep 17 00:00:00 2001
From: Greg Gauthier <gmgauthier@protonmail.com>
Date: Sun, 23 Jul 2023 17:37:45 +0100
Subject: [PATCH] tweak css and header. much nicer now

---
 css/retro.css | 28 +++++++++++++++++-----------
 header.html   |  4 ++--
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/css/retro.css b/css/retro.css
index 81dc6c6..7a2f70e 100644
--- a/css/retro.css
+++ b/css/retro.css
@@ -53,6 +53,11 @@
     src: url("../font/VT323-Regular.ttf") format("truetype");
     font-style: auto;
 }
+@font-face {
+    font-family: "DEC Terminal Modern";
+    src: url("../font/_decterm.ttf") format("truetype");
+    font-style: auto;
+}
 
 
 .blink {
@@ -98,15 +103,15 @@ body {
 
 html {
   height: 100%;
-    font-family: "VT323 Regular", monospace;
-  font-size: 18pt;
+  font-family: "SVI Basic Manual Book", monospace;
+  font-size: 16pt;
 }
 
 body {
   color: #23dc66;
-    font-family: "SVI Basic Manual Book", monospace;
+  font-family: "SVI Basic Manual Book", monospace;
   font-size: 14pt;
-  line-height: 1.25;
+  line-height: 1.15;
   max-width: 48rem;
 }
 
@@ -126,6 +131,8 @@ th, td {
     padding: 10px;
 }
 
+tr:hover {background-color: #23dc66;color: black;}
+
 ol li {
   background: #222;
   color: #fdd461;
@@ -139,11 +146,9 @@ ul li {
   margin-left: 35px;
 }
 
-tr:hover {background-color: #23dc66;color: black;}
-
 pre {
-    font-family: "Classic Console Neue", monospace;
-  font-size: 15pt;
+  /* font-family: "Classic Console Neue", monospace; */
+  font-size: 13pt;
   margin-left: 20px;
   background: #524646;
   border-left: 3px solid #000000;
@@ -159,7 +164,7 @@ pre {
 
 
 blockquote {
-    font-family: "Dot Matrix Regular", monospace;
+  font-family: "Dot Matrix Regular", monospace;
   font-size: 13pt;
   line-height: 1.4;
   background-image: url(../img/greenbar2.jpg);
@@ -183,9 +188,10 @@ a:active {
 }
 
 code {
-    font-family: "Classic Console Neue", monospace;
+    font-family: "DEC Terminal Modern", monospace;
+    font-size: inherit;
     color: #fdd461; 
     background: #524646;
-    line-height: 1.25;
+    line-height: 1.15;
 }
 
diff --git a/header.html b/header.html
index 390bf0d..45151d5 100644
--- a/header.html
+++ b/header.html
@@ -5,10 +5,10 @@
 <script>hljs.highlightAll();</script>
 <link href="/css/retro.css" rel="stylesheet">
 
-<center><h1>$ <a href="http://oldcomputernerd.com">oldcomputernerd.com</a><span class="blink"> &#x2592;</span></h1></center>
+<div style="text-align: center;"><h1>$ <a href="/">oldcomputernerd.com</a><span class="blink"> &#x2592;</span></h1></div>
 
 <span style="width:100%">
-<nav style="color:yellow;text-align:center;float:none;position:relative;top:1%;left:50%;transform:translate(-50%, -50%);">
+<nav style="color:#fdd461;text-align:center;float:none;position:relative;top:1%;left:50%;transform:translate(-50%, -50%);">
   <a href="/md/Linux/">Linux-ish</a> |
   <a href="/md/Atari/">Atari</a> |
   <a href="/md/MVS/">MVS</a> |