kbrianngeno
6330092560
Some checks failed
Blowfish Docs Deploy / build (push) Has been cancelled
Blowfish Docs Deploy / deploy (push) Has been cancelled
Test Build / Build Example Site (push) Has been cancelled
Mark stale issues and pull requests / stale (push) Has been cancelled
Update Hugo version / updateBlowfish (push) Has been cancelled
Delete exampleSite Add initial content, images & docker-compose.yml Use extend-head.html for analytics Set remote url to gitea.novicelab.io Remove original .git due to "shallow update not allowed" error
40 lines
1.4 KiB
JavaScript
40 lines
1.4 KiB
JavaScript
function setBackgroundBlur(targetId, scrollDivisor = 300, disableBlur = false, isMenuBlur = false) {
|
|
if (!targetId) {
|
|
console.error("data-blur-id is null");
|
|
return;
|
|
}
|
|
const blurElement = document.getElementById(targetId);
|
|
if (!blurElement) return;
|
|
if (disableBlur) {
|
|
blurElement.setAttribute("aria-hidden", "true");
|
|
if (!isMenuBlur) {
|
|
blurElement.style.display = "none";
|
|
blurElement.style.opacity = "0";
|
|
} else {
|
|
blurElement.style.display = "";
|
|
}
|
|
} else {
|
|
blurElement.style.display = "";
|
|
blurElement.removeAttribute("aria-hidden");
|
|
}
|
|
const updateBlur = () => {
|
|
if (!disableBlur || isMenuBlur) {
|
|
const scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
|
|
blurElement.style.opacity = scroll / scrollDivisor;
|
|
}
|
|
};
|
|
blurElement.setAttribute("role", "presentation");
|
|
blurElement.setAttribute("tabindex", "-1");
|
|
window.addEventListener("scroll", updateBlur);
|
|
updateBlur();
|
|
}
|
|
|
|
document.querySelectorAll("script[data-blur-id]").forEach((script) => {
|
|
const targetId = script.getAttribute("data-blur-id");
|
|
const scrollDivisor = Number(script.getAttribute("data-scroll-divisor") || 300);
|
|
const isMenuBlur = targetId === "menu-blur";
|
|
const settings = JSON.parse(localStorage.getItem("a11ySettings") || "{}");
|
|
const disableBlur = settings.disableBlur || false;
|
|
setBackgroundBlur(targetId, scrollDivisor, disableBlur, isMenuBlur);
|
|
});
|