diff --git a/public/about/index.html b/public/about/index.html index 2df66b6..ebc2157 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -45,7 +45,7 @@ i’m also trans and gay and queer :)

- + diff --git a/public/categories/index.html b/public/categories/index.html index 47ad147..7364ddf 100644 --- a/public/categories/index.html +++ b/public/categories/index.html @@ -24,7 +24,7 @@ - + diff --git a/public/games/index.html b/public/games/index.html index 92279ac..fd14698 100644 --- a/public/games/index.html +++ b/public/games/index.html @@ -24,7 +24,7 @@ - + diff --git a/public/index.html b/public/index.html index 6cb41d5..a900ce6 100644 --- a/public/index.html +++ b/public/index.html @@ -39,7 +39,7 @@ if you ever wish to experience of of those, i hope you enjoy!

- + diff --git a/public/js/hamburger.js b/public/js/hamburger.js deleted file mode 100644 index 2433a0e..0000000 --- a/public/js/hamburger.js +++ /dev/null @@ -1 +0,0 @@ -function activateHamburger() {} diff --git a/public/js/lightmode.js b/public/js/lightmode.js deleted file mode 100644 index 11f6d52..0000000 --- a/public/js/lightmode.js +++ /dev/null @@ -1,36 +0,0 @@ -const checkbox = document.getElementById("darkmode-toggle"); -const colorswitchers = document.getElementsByClassName("colorswitch"); - -function switchToLight() { - for (let item of colorswitchers) { - item.classList.add("light"); - } -} - -function switchToDark() { - for (let item of colorswitchers) { - console.log(item); - item.classList.remove("light"); - } -} - -export function updateMode() { - if (localStorage.getItem("light")) { - switchToLight(); - } else { - switchToDark(); - } - checkbox.checked = localStorage.getItem("dark"); - checkbox.addEventListener("change", function () { - localStorage.setItem("light", this.checked); - if (this.checked) { - switchToLight(); - } else { - localStorage.removeItem("light"); - switchToDark(); - } - }); - if (localStorage.getItem("light")) { - checkbox.checked = true; - } -} diff --git a/public/js/main.js b/public/js/main.js index 6fc7c3d..2c1d53f 100644 --- a/public/js/main.js +++ b/public/js/main.js @@ -1,7 +1,36 @@ -import { updateMode } from "./lightmode.js"; -import { activateHamburger } from "./hamburger.js"; +const checkbox = document.getElementById("darkmode-toggle"); +const colorswitchers = document.getElementsByClassName("colorswitch"); + +function switchToLight() { + for (let item of colorswitchers) { + item.classList.add("light"); + } +} + +function switchToDark() { + for (let item of colorswitchers) { + console.log(item); + item.classList.remove("light"); + } +} document.addEventListener("DOMContentLoaded", () => { - updateMode(); - activateHamburger(); + if (localStorage.getItem("light")) { + switchToLight(); + } else { + switchToDark(); + } + checkbox.checked = localStorage.getItem("dark"); + checkbox.addEventListener("change", function () { + localStorage.setItem("light", this.checked); + if (this.checked) { + switchToLight(); + } else { + localStorage.removeItem("light"); + switchToDark(); + } + }); + if (localStorage.getItem("light")) { + checkbox.checked = true; + } }); diff --git a/public/links/buddies/index.html b/public/links/buddies/index.html index fe470e2..65784ee 100644 --- a/public/links/buddies/index.html +++ b/public/links/buddies/index.html @@ -65,7 +65,7 @@ this type of website also just makes me happy!

- + diff --git a/public/links/contact/index.html b/public/links/contact/index.html index 1916640..5dca352 100644 --- a/public/links/contact/index.html +++ b/public/links/contact/index.html @@ -34,7 +34,7 @@ - + diff --git a/public/links/index.html b/public/links/index.html index 2f095ef..4f2688f 100644 --- a/public/links/index.html +++ b/public/links/index.html @@ -42,7 +42,7 @@ - + diff --git a/public/links/nice_things/index.html b/public/links/nice_things/index.html index c4ac208..40e194a 100644 --- a/public/links/nice_things/index.html +++ b/public/links/nice_things/index.html @@ -45,7 +45,7 @@ - + diff --git a/public/music/index.html b/public/music/index.html index 056295f..c4213e7 100644 --- a/public/music/index.html +++ b/public/music/index.html @@ -30,7 +30,7 @@ - + diff --git a/public/posts/index.html b/public/posts/index.html index 85c5cf7..8611a38 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -24,7 +24,7 @@ - + diff --git a/public/scss/main.css b/public/scss/main.css index 691be61..60d2805 100644 --- a/public/scss/main.css +++ b/public/scss/main.css @@ -196,30 +196,6 @@ header { .posttitle a:hover { background-color: transparent; } -button { - color: #413c74; - background-color: #ff8ad0; - border-color: #413c74; } - button:hover { - transition: 0.2s; - background-color: #413c74; - color: #ff8ad0; } - button.light { - color: #ffffff; - background-color: #413c74; - border-color: #ffffff; } - button.light:hover { - transition: 0.2s; - background-color: #ffffff; - color: #413c74; } - -#pageindicator { - background-color: transparent; } - #pageindicator.light { - color: #ffffff; } - #pageindicator:hover { - background-color: transparent; } - html, body { height: 100%; @@ -262,8 +238,7 @@ p code { margin-left: 24pt; justify-self: left; margin-right: auto; - display: inline-flex; - align-items: center; } + display: inline-flex; } #footer-right { margin-top: auto; @@ -335,17 +310,6 @@ header { width: 100%; padding-top: 42pt; } -#hamburger-bg { - position: fixed; - background-color: red; - opacity: 40%; - width: 100%; - height: calc(100% - 42pt); - left: 0pt; - top: 0pt; - right: 0; - transition: 0s; } - @font-face { font-family: CaskaydiaCove; src: url(/font/CaskaydiaCove.ttf); } @@ -356,8 +320,7 @@ header { * { font-family: CaskaydiaCove; - font-size: 12pt; - text-overflow: clip; } + font-size: 12pt; } p, .postdescription, @@ -439,15 +402,13 @@ input:checked + label:after { input:checked + label::after { content: "滛"; } -.footer-nav-item, -button { +.footer-nav-item { border-radius: 100%; height: 1em; width: 1em; justify-content: center; align-items: center; - border-style: solid; - cursor: pointer; } + border-style: solid; } .togglelabel { border: solid; } @@ -489,14 +450,3 @@ p a, ul a { border-style: solid; padding: 0.12em; } - -#hamburger-button { - display: none; } - -@media screen and (max-width: 640pt) { - #footer-center, - #darkmode-toggle, - #darkmode-toggle-label { - display: none; } - #hamburger-button { - display: flex; } } diff --git a/public/software/index.html b/public/software/index.html index bb42d7b..bf4a6be 100644 --- a/public/software/index.html +++ b/public/software/index.html @@ -24,7 +24,7 @@ - + diff --git a/public/tags/index.html b/public/tags/index.html index 8dc57a3..f45340b 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -24,7 +24,7 @@ - + diff --git a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1021bff..691be61 100644 --- a/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -338,20 +338,13 @@ header { #hamburger-bg { position: fixed; background-color: red; + opacity: 40%; width: 100%; height: calc(100% - 42pt); left: 0pt; top: 0pt; right: 0; - transition: 0s; - display: grid; - align-items: center; - justify-content: center; } - #hamburger-bg * { - display: grid; - margin-top: 14pt; - margin-bottom: 14pt; - text-align: center; } + transition: 0s; } @font-face { font-family: CaskaydiaCove; diff --git a/themes/battheme b/themes/battheme index cb4c119..137f5a2 160000 --- a/themes/battheme +++ b/themes/battheme @@ -1 +1 @@ -Subproject commit cb4c119646ea2a0922dc121ee10f359ff2ce4c3c +Subproject commit 137f5a2b05aaad9fab2da9ba0d6abb42dd016110