website/assets/js/main.js

/* 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];
let toggle = document.getElementById('theme-switch');
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');
	}
}

/* toggle.addEventListener('click', (e) => {
	console.log(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');
	}
});
 */