2020-04-23 19:34:52 +00:00
|
|
|
/**
|
|
|
|
* Toggle navbar visibility.
|
|
|
|
*/
|
|
|
|
function navbar_toggle() {
|
|
|
|
document.getElementById('navbar').classList.toggle('visible');
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Toggle the current theme.
|
|
|
|
*/
|
|
|
|
function theme_toggle() {
|
2021-09-24 22:10:28 +00:00
|
|
|
theme_set(!document.getElementById('style-light').disabled);
|
2020-04-23 19:34:52 +00:00
|
|
|
}
|
|
|
|
|
2019-07-16 15:35:05 +00:00
|
|
|
/**
|
|
|
|
* Set and apply the normal or toggled theme.
|
|
|
|
*
|
|
|
|
* @param toggled Truthy value to show toggled, normal otherwise.
|
|
|
|
*/
|
|
|
|
function theme_set(toggled) {
|
2019-07-18 19:36:41 +00:00
|
|
|
if(!toggled) {
|
|
|
|
document.getElementById('style-light').disabled = false;
|
|
|
|
document.getElementById('style-dark').disabled = true;
|
2021-09-24 22:10:28 +00:00
|
|
|
} else {
|
|
|
|
document.getElementById('style-dark').disabled = false;
|
|
|
|
document.getElementById('style-light').disabled = true;
|
2019-07-18 19:36:41 +00:00
|
|
|
}
|
|
|
|
|
2019-07-16 15:35:05 +00:00
|
|
|
localStorage.setItem('theme-toggled', toggled ? '1' : '');
|
|
|
|
}
|
|
|
|
|
|
|
|
// Apply selected theme, stored in localStorage item
|
|
|
|
theme_set(localStorage.getItem('theme-toggled'));
|
2019-07-18 19:36:41 +00:00
|
|
|
|
|
|
|
// CSS transitions are blocked on load, unblock when ready
|
|
|
|
document.addEventListener("DOMContentLoaded", function(event) {
|
2020-04-23 19:34:52 +00:00
|
|
|
setTimeout(function() {
|
|
|
|
document.body.classList.remove('notransition');
|
|
|
|
}, 100);
|
2019-07-18 19:36:41 +00:00
|
|
|
});
|