commit bd65552c2d0d8374bf290323928e3c1712b25fbc
from: mischa <mischa@rx.high5.nl>
date: Sun Jun 11 09:39:03 2023 UTC

added css/html for inverse logo for darkmode

commit - f6e4de9c9333e6d79ced7e8293d7d0a97a523589
commit + bd65552c2d0d8374bf290323928e3c1712b25fbc
blob - 77175247975eb9919a25eb62e16fa84dfd3e1a36
blob + f8802b33a225881508d301efb3d3981d42482b6c
--- index.md
+++ index.md
@@ -5,7 +5,9 @@
 <a href="/colophon.html">colophon</a>
 </p>
 
-<img class="mt4" src="vi-sw.png">
+<div class="logo-container">
+  <img id="logo" class="mt4" src="vi-sw.png" alt="Logo">
+</div>
 
 _Why? [vi](https://en.wikipedia.org/wiki/Vi) is the **de facto** standard
 text editor in any Unix-like operating system._
blob - e11b8cd1a596c6aa8b9671e58b23f0e844fa2cb0
blob + a9cd3ae8cbb88c257425d57f8fb5bf2f7f1661e3
--- style.css
+++ style.css
@@ -241,10 +241,23 @@ h2 { font-size: 1.25rem; }
 
 .cut *, .cut *::before { color: #ccc; background-color: #f4f4f4; }
 
+.logo-container {
+  width: 150px; 
+  height: 150px;
+}
+
+.logo-container img {
+  width: 75%;
+  height: 75%;
+}
+
 @media (prefers-color-scheme: dark) {
   a, a:link, a:visited { color: #ffe489; }
   body, html { background-color: #111111; color: #888888; }
   pre { background-color: #111111; color: #aaaaaa; }
   .clean { background-color: #111111; color: #aaaaaa; }
+  .logo-container img {
+    filter: invert(100%); 
+  }
 }