var i = 3;
function changeTheme() {
theme = themes[i]; if (i < themes.length) { sessionStorage.theme = theme; console.log('[DEBUG changeTheme] random theme changed to: ' + theme); document.body.classList.toggle(sessionStorage.theme); document.getElementById('whatHappened').innerHTML = 'theme: ' + sessionStorage.theme; document.getElementById('settingtbl-theme').innerHTML = 'theme: ' + sessionStorage.theme; i++; } else { i = 3; console.log('[DEBUG changeTheme] random theme changed to: ' + theme); document.body.classList.toggle(sessionStorage.theme); document.getElementById('whatHappened').innerHTML = 'theme: ' + sessionStorage.theme; document.getElementById('settingtbl-theme').innerHTML = sessionStorage.theme; }
}
function darkMode() {
console.log('[DEBUG darkMode] user clicked darkMode'); if (sessionStorage.theme == 'light') { console.log('[DEBUG] setting sessionStorage.theme to dark'); sessionStorage.theme = 'dark'; document.body.classList.toggle(sessionStorage.theme); location.reload(); } else if (sessionStorage.theme == 'dark') { console.log('[DEBUG] setting sessionStorage.theme to light'); sessionStorage.theme = 'light'; document.body.classList.toggle(sessionStorage.theme); location.reload(); } else { console.log('[DEBUG] null, added dark to session storage'); sessionStorage.theme = 'dark'; document.body.classList.toggle(sessionStorage.theme); }
}
function clearSettings() {
sessionStorage.clear(); localStorage.clear(); console.log('[DEBUG] settings cleared'); document.getElementById('whatHappened').innerHTML = 'settings cleared'; location.reload();
}
function saveFavorite() {
localStorage.theme = sessionStorage.theme; document.body.classList.toggle(localStorage.theme);
}
function checkFav() {
const savedTheme = localStorage.getItem('favTheme'); if (savedTheme){ document.body.classList.toggle(savedTheme); console.log('[DEBUG] theme changed To',savedTheme); document.getElementById('theme').innerHTML = savedTheme; } else { console.log('[DEBUG] no theme saved'); }
}
function hoverTheme(opt) {
document.body.classList.toggle(opt); var str1 = "hover zoom "; var str2 = opt; var foo = str1.concat(str2); document.getElementById(foo).style.fontWeight = "bold";
}
/* set custom themes using session storage */ function setCustomBackground() {
console.log('[DEBUG] custom backround entered'); var background = document.getElementById("customBackground").value; let locBackground = localStorage.getItem('customBackground'); if (locBackground) { localStorage.removeItem('customBackground'); localStorage.setItem('customBackground',background); document.getElementById('whatHappened').innerHTML = 'removed previous saved background, set new background to ' + background; } else { localStorage.setItem('customBackground',background); document.getElementById('whatHappened').innerHTML = 'set new background to ' + background; }
}
function setCustomColor() {
console.log('[DEBUG] custom color entered'); var color = document.getElementById("customColor").value; let locColor = localStorage.getItem('customColor'); if (locColor) { localStorage.removeItem('customColor'); localStorage.setItem('customColor',color); document.getElementById('whatHappened').innerHTML = 'removed previous saved color, set new color to' + color; } else { localStorage.setItem('customColor',color); document.getElementById('whatHappened').innerHTML = 'set new color to ' + color; }
}
function setCustomTheme() {
console.log('[DEBUG] custom theme entered'); var theme = document.getElementById("customTheme").value; let locTheme = localStorage.getItem('customTheme'); if (locTheme) { localStorage.removeItem('customTheme'); localStorage.setItem('customTheme',theme); document.getElementById('whatHappened').innerHTML = 'removed previous saved theme, set new theme to ' + theme; } else { localStorage.setItem('customTheme',theme); document.getElementById('whatHappened').innerHTML = 'set new theme to ' + theme; } checkStorage();
}
function checkStorage(){
console.log('[DEBUG checkStorage] starting checkStorage()'); if (localStorage.customTheme) { document.body.classList.toggle(localStorage.customTheme); document.getElementById('whatHappened').innerHTML = 'theme: ' + localStorage.customTheme; console.log('[DEBUG checkStorage] custom theme set'); } else if (localStorage.theme) { document.body.classList.toggle(localStorage.theme); document.getElementById('whatHappened').innerHTML = 'theme: ' + localStorage.theme; console.log('[DEBUG checkStorage] local theme set: ' + localStorage.theme); } else if (sessionStorage.theme) { document.body.classList.toggle(sessionStorage.theme); document.getElementById('whatHappened').innerHTML = 'theme: ' + sessionStorage.theme; console.log('[DEBUG checkStorage] session theme set: ' + sessionStorage.theme); }
}
function settings() {
console.log('[DEBUG][settings] user opened settings');
}
function toggleSettings() {
var x = document.getElementById("myTable"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; }
}
function setSpeceficPallet(foo){
sessionStorage.theme = foo; console.log('[DEBUG] setting sessionStorage.theme to: ' + foo); document.body.classList.toggle(sessionStorage.theme); closeSettings();
}
function closeSettings() {
var x = document.getElementById("myTable"); if (x.style.display === "block") { x.style.display = "none"; }
}
function clickToShare() {
document.getElementById('clickToShare').innerHTML = "<table><tbody><tr><td style=\"text-align: center;\"><a style=\"color:inherit\" href=\"https://twitter.com/tbutler0x90\"><i class=\"fab fa-twitter zoom\" aria-hidden=\"true\"></i></a></td><td style=\"text-align: center;\"><a style=\"color:inherit\" href=\"https://www.linkedin.com/in/tyler-b-a700a1aa/\"><i class=\"fab fa-linkedin-in zoom\" aria-hidden=\"true\"></i></a></td><td style=\"text-align: center;\"><a style=\"color:inherit\" href=\"mailto:developer.tbutler@gmail.com\"><i class=\"fas fa-envelope zoom\" aria-hidden=\"true\"></i></a></td><td style=\"text-align: center;\"><a style=\"color:inherit\" href=\"https://github.com/tcbutler320\"><i class=\"fab fa-github-alt zoom\" aria-hidden=\"true\"></i></a></td></tr></tbody></table>"
}