2022-08-01 23:28:04 +02:00
|
|
|
if(window.innerWidth > 1200) {
|
|
|
|
let images = document.querySelectorAll("img");
|
|
|
|
for (let i = 0; i < images.length; i++) {
|
|
|
|
let image = images[i];
|
|
|
|
|
|
|
|
// Lazy load UHD images
|
|
|
|
image.onload = () => {
|
|
|
|
if(image.src.includes("-1080P")) {
|
|
|
|
image.src = image.src.replace("-1080P", "-UHD");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2022-08-03 14:28:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
function setColorSchema(themeMode) {
|
|
|
|
let theme = document.querySelector("body");
|
|
|
|
|
|
|
|
if(themeMode) {
|
|
|
|
theme.classList.replace("dark", "light");
|
|
|
|
} else {
|
|
|
|
theme.classList.replace("light", "dark");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if(document.getElementById("theme-button")) {
|
|
|
|
document.getElementById("theme-button").addEventListener("click", () => {
|
|
|
|
let theme = document.querySelector("body");
|
|
|
|
setColorSchema(theme.classList.contains("dark"));
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
console.log(window.matchMedia('(prefers-color-scheme: dark)'))
|
|
|
|
|
|
|
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
|
|
|
|
setColorSchema(!event.matches);
|
|
|
|
});
|