From a9bec52767c48b25946bf9a231160d2d3411c915 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Mon, 17 Feb 2025 00:58:47 +0100
Subject: [PATCH] css/wip

---
 index.html      | 11 +++++++----
 style/light.css | 15 ++++++++++++---
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index d1d5440..b8fdac7 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
 </tr>
 </tbody></table>
 </div>
-<img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
+<img class="big photo" src="img/marc.png" alt="Me in front of hex dumps.">
 </section>
 <table><tbody>
 <tr>
@@ -73,12 +73,12 @@
 
 <article>
 <h3>Boot</h3>
-BIOS, BTRFS, EFI, GRUB, Live Boot, Secure Boot, SquashFS
+BIOS, BTRFS, EFI, GRUB, Live Boot, LVM, Parted, RAID, Secure Boot, SquashFS
 </article>
 
 <article>
 <h3>Operating Systems</h3>
-Alma, Alpine, Arch, Debian, GNU, Guix, Linux, OpenSUSE, Rocky, Ubuntu
+Alma, Alpine, Arch, Debian, Guix, Linux, OpenSUSE, Rocky, Ubuntu
 </article>
 
 <article>
@@ -104,7 +104,7 @@ GPG, OpenSSH, OpenSSL, Pass
 
 <article>
 <h3>Documentation</h3>
-LaTeX, PanDoc, PDFtk, Sphinx
+LaTeX, MarkDown, PanDoc, PDFTK, ReStructuredText, Sphinx, XeLaTeX
 </article>
 
 <article>
@@ -327,6 +327,9 @@ for the AlphaJet, Transall, Mirage 2000, Mirage F1, Mirage IV & Jaguar aircrafts
 <p class="duration">2 years</p>
 <p class="period">2025 ← 2023</p>
 </div></header>
+<ul>
+<li>something</li>
+</ul>
 
 <article><header>
 <div class="position">
diff --git a/style/light.css b/style/light.css
index 3e936e0..2ec9fd6 100644
--- a/style/light.css
+++ b/style/light.css
@@ -1,16 +1,19 @@
 :root {
---anchor-text: #f88;
+--anchor-background: #bbb;
+--anchor-text: #f00;
 --banner-background: #ccf;
 --body-background: #fff;
 --body-text: #000;
 --header-background: #ccc;
 --item-even: #ddd;
 --item-odd: #eee;
+--org-background: #afa;
 --qrcode-background: ;
 --ruler-border: #888;
 }
 @media screen {
 .dark {
+--anchor-background: #222;
 --anchor-text: #f88;
 --banner-background: #558;
 --body-background: #000;
@@ -18,6 +21,7 @@
 --header-background: #444;
 --item-even: #222;
 --item-odd: #111;
+--org-background: #030;
 --qrcode-background: #aaa;
 --ruler-border: #444;
 }
@@ -52,6 +56,7 @@ a {
     text-underline-offset: .25em;
 }
 a:hover {
+    background-color: var(--anchor-background);
     color: var(--anchor-text);
 }
 
@@ -61,9 +66,10 @@ article.org, header {
 }
 header {
     padding-inline: .5em;
+    background-color: var(--header-background);
 }
 header.org {
-    background-color: var(--header-background);
+    background-color: var(--org-background);
 }
 
 article header {
@@ -78,7 +84,7 @@ div.org {
 section.banner {
     align-items: center;
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
 }
 .banner {
     margin-block-start: .5em;
@@ -122,6 +128,9 @@ img.org {
     block-size: 2em;
     margin-inline-end: .5em;
 }
+img.photo {
+    border-radius: 1em;
+}
 
 li:nth-of-type(even) { background-color: var(--item-even); }
 li:nth-of-type(odd) { background-color: var(--item-odd); }