miki

Miki: personal wiki with the fmd markup format
git clone https://wtenison.com/repo/miki.git
Log | Files | Refs | README | LICENSE

script.js (1054B)


      1 // GLOBAL SETTINGS //
      2 
      3 if (sessionStorage.getItem("theme") != null) {
      4     document.body.style.colorScheme = sessionStorage.getItem("theme")
      5 }
      6 
      7 // COLLAPSIBLE //
      8 
      9 _collapsibleToggles = document.getElementsByClassName('_collapsible-toggle_')
     10 for (let i = 0; i < _collapsibleToggles.length; i++) {
     11     _collapsibleToggles[i].addEventListener("click", function () {
     12         _collapsibleToggles[i].classList.toggle("--open")
     13         _collapsibleContent = _collapsibleToggles[i].nextElementSibling
     14 
     15         if (_collapsibleToggles[i].classList.contains("--open")) {
     16             _collapsibleContent.style.height = _collapsibleContent.scrollHeight + "px"
     17         } else {
     18             _collapsibleContent.style.height = "0px"
     19         }
     20     })
     21 }
     22 
     23 // SWAP THEME //
     24 
     25 document.getElementById("swap-theme-bttn").onclick = (event) => {
     26     document.body.style.colorScheme =
     27         (document.body.style.colorScheme == "light" ||
     28             document.body.style.colorScheme == "") ? "dark" : "light"
     29     sessionStorage.setItem("theme", document.body.style.colorScheme)
     30 }