From e395348e62b7fb346478328a739b4954e7b885a7 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Thu, 17 Apr 2025 11:02:37 +0200
Subject: [PATCH 1/3] item/html

---
 in/en/index.html  | 3 ++-
 in/fr/index.html  | 3 ++-
 in/script/main.js | 2 +-
 in/style/main.css | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/in/en/index.html b/in/en/index.html
index 3071b77..9f34d07 100644
--- a/in/en/index.html
+++ b/in/en/index.html
@@ -31,8 +31,9 @@
 <a href="https://en.wikipedia.org/wiki/France">France</a>
 </p>
 </div>
-<button id="theme"><img class="inline" src="../img/theme.svg" alt="Theme"></button>
 <button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Links"></button>
+<button class="item" id="item"><ul><li></li></ul></button>
+<button id="theme"><img class="inline" src="../img/theme.svg" alt="Theme"></button>
 </header>
 
 <section class="banner">
diff --git a/in/fr/index.html b/in/fr/index.html
index 1f93bbf..7509309 100644
--- a/in/fr/index.html
+++ b/in/fr/index.html
@@ -31,8 +31,9 @@
 
 </p>
 </div>
-<button id="theme"><img class="inline" src="../img/theme.svg" alt="Thème"></button>
 <button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Liens"></button>
+<button class="item" id="item"><ul><li></li></ul></button>
+<button id="theme"><img class="inline" src="../img/theme.svg" alt="Thème"></button>
 </header>
 
 <section class="banner">
diff --git a/in/script/main.js b/in/script/main.js
index c50946b..b065b4f 100644
--- a/in/script/main.js
+++ b/in/script/main.js
@@ -1,4 +1,4 @@
-const buttons = ["link", "swap"];
+const buttons = ["item", "link", "swap"];
 
 // toggle buttons
 
diff --git a/in/style/main.css b/in/style/main.css
index b67599a..6715431 100644
--- a/in/style/main.css
+++ b/in/style/main.css
@@ -54,7 +54,7 @@
 
 /* main */
 
-#link, #theme, #swap {
+#item, #link, #swap, #theme {
     background-color: var(--button-background);
 }
 #swap::after { content: "←"; }

From aec7a3fd61ba71aed0333ddd258a9fa9d5a84f34 Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Thu, 17 Apr 2025 11:19:35 +0200
Subject: [PATCH 2/3] js

---
 in/script/main.js | 43 +++++++++++++++++++------------------------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/in/script/main.js b/in/script/main.js
index b065b4f..7b6582a 100644
--- a/in/script/main.js
+++ b/in/script/main.js
@@ -1,42 +1,37 @@
 const buttons = ["item", "link", "swap"];
 
-// toggle buttons
-
 for (let button of buttons) {
     document.getElementById(button).addEventListener("click", () => {
         document.body.classList.toggle(button);
     });
 }
 
-// theme
-
-const button = document.getElementById("theme");
+let theme
 
 function theme_get() {
-    return document.documentElement.getAttribute("data-theme");
-}
-function theme_load() {
-    const theme = localStorage.getItem("theme");
-    if (theme) {
-        theme_set(theme);
+    theme = localStorage.getItem("theme");
+    if (! theme) {
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+            theme = "dark";
+        } else {
+            theme = "light";
+        }
     }
+    theme_set()
 }
-function theme_set(theme) {
+
+function theme_set() {
     document.documentElement.setAttribute("data-theme", theme);
-    theme_write(theme);
-}
-function theme_swap(theme) {
-    return theme === "dark" ? "light" : "dark";
-}
-function theme_toggle() {
-    theme_set(theme_swap(theme_get()));
-}
-function theme_write(theme) {
     localStorage.setItem("theme", theme);
 }
 
-button.addEventListener("click", () => {
-    theme_toggle();
+function theme_swap() {
+    theme = theme === "light" ? "dark" : "light";
+    theme_set();
+}
+
+document.getElementById("theme").addEventListener("click", () => {
+    theme_swap();
 });
 
-theme_load();
+theme_get()

From ffe6cb2203775f9b1b2efd010732db3409b16dfc Mon Sep 17 00:00:00 2001
From: Marc Beninca <git@marc.beninca.link>
Date: Thu, 17 Apr 2025 11:55:01 +0200
Subject: [PATCH 3/3] item/css

---
 in/style/main.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/in/style/main.css b/in/style/main.css
index 6715431..4705397 100644
--- a/in/style/main.css
+++ b/in/style/main.css
@@ -107,6 +107,10 @@ a:hover {
     color: var(--anchor-text);
 }
 
+body.item button.item {
+    background: var(--item-odd-gradient);
+}
+
 article.org, header {
     border-radius: .25em;
     padding-block: .25em;
@@ -198,10 +202,10 @@ img.photo {
     border-top: var(--border-on);
 }
 
-li:nth-of-type(even) {
+body.item li:nth-of-type(even) {
     background: var(--item-even-gradient);
 }
-li:nth-of-type(odd) {
+body.item li:nth-of-type(odd) {
     background: var(--item-odd-gradient);
 }