diff --git a/_layouts/default.html b/_layouts/default.html
index 1f37bf5..13d96e4 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -15,7 +15,7 @@
-
+
{% seo title=false %}
@@ -50,6 +50,22 @@
<
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ content }}
diff --git a/js/button.js b/js/after.js
similarity index 50%
rename from js/button.js
rename to js/after.js
index 5f3c061..c861f5a 100644
--- a/js/button.js
+++ b/js/after.js
@@ -1,4 +1,8 @@
-document.getElementById("modeButton").addEventListener("click", () => {
+document.getElementById("modeButton").addEventListener("click", (event) => {
+ if (event.ctrlKey) {
+ new bootstrap.Modal(document.getElementById("brightnessModal")).show();
+ return;
+ }
let attribute = "data-bs-theme";
let currentState = document.documentElement.getAttribute(attribute);
let newState = currentState === "light" ? "dark" : "light";
@@ -6,3 +10,6 @@ document.getElementById("modeButton").addEventListener("click", () => {
document.documentElement.setAttribute(attribute, newState);
});
+
+let brightnessSlider = document.getElementById("brightnessRange");
+brightnessSlider.addEventListener("input", (event) => { document.documentElement.style.filter = `brightness(${event.target.value / 100})` });