diff --git a/in/en/index.html b/in/en/index.html
index d550516..549ce4f 100644
--- a/in/en/index.html
+++ b/in/en/index.html
@@ -16,7 +16,7 @@
-
+
+
diff --git a/in/fr/index.html b/in/fr/index.html
index bdd3679..320faf2 100644
--- a/in/fr/index.html
+++ b/in/fr/index.html
@@ -16,7 +16,7 @@
-
+
+
diff --git a/in/script/main.js b/in/script/main.js
index 5f78a27..11fdd86 100644
--- a/in/script/main.js
+++ b/in/script/main.js
@@ -1,3 +1,13 @@
+// link
+
+const link = document.getElementById("link");
+
+link.addEventListener("click", () => {
+ document.body.classList.toggle("link");
+});
+
+// theme
+
const button = document.getElementById("theme");
function theme_get() {
diff --git a/in/style/main.css b/in/style/main.css
index f52f14a..69dd879 100644
--- a/in/style/main.css
+++ b/in/style/main.css
@@ -54,7 +54,7 @@
/* main */
-#theme {
+#link, #theme {
background-color: var(--button-background);
}
#vcard {
@@ -90,10 +90,11 @@ h2, h3, header {
border-top: var(--border-on);
}
+.link a:not(:has(img)),
+.link button.link {
+ background: var(--anchor-gradient);
+}
a:not(:has(img)) {
- @media screen {
- background: var(--anchor-gradient);
- }
color: inherit;
padding: 0 .25em;
text-decoration: none;