44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
/* let portfolio = document.getElementsByClassName('portfolio');
|
|
let art = document.getElementsByClassName('art');
|
|
let lore = document.getElementsByClassName('lore');
|
|
let box = document.getElementById('box');
|
|
|
|
let links = [ portfolio[0], art[0], lore[0] ];
|
|
|
|
links.forEach((link) => {
|
|
setTimeout(() => {
|
|
link.classList.add('show');
|
|
}, 3 * 1000);
|
|
});
|
|
*/
|
|
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
|
|
let theme = window.localStorage.getItem('prefer-light');
|
|
let title = document.getElementsByClassName('title')[0];
|
|
let body = document.getElementsByTagName('body')[0];
|
|
|
|
if (theme === 'yes') {
|
|
body.classList.add('light');
|
|
} else if (theme === 'no') {
|
|
console.log('User does not like light, removing Light');
|
|
body.classList.remove('light');
|
|
} else {
|
|
if (scheme) {
|
|
body.classList.remove('light');
|
|
console.log('User has not yet visited, but prefers dark');
|
|
} else {
|
|
body.classList.add('light');
|
|
console.log('User has not yet visited, but prefers light');
|
|
}
|
|
}
|
|
|
|
title.addEventListener('click', (e) => {
|
|
body.classList.toggle('light');
|
|
if (body.classList.contains('light')) {
|
|
window.localStorage.setItem('prefer-light', 'yes');
|
|
console.log('user likes light');
|
|
} else {
|
|
window.localStorage.setItem('prefer-light', 'no');
|
|
console.log('user likes dark');
|
|
}
|
|
});
|