diff --git a/assets/js/a11y.js b/assets/js/a11y.js index e749a855..f2a838c3 100644 --- a/assets/js/a11y.js +++ b/assets/js/a11y.js @@ -3,8 +3,8 @@ window.A11yPanel = (() => { disableBlur: { default: false, apply: (enabled) => { - document.querySelectorAll("script[data-target-id]").forEach((script) => { - const targetId = script.getAttribute("data-target-id"); + document.querySelectorAll("script[data-blur-id]").forEach((script) => { + const targetId = script.getAttribute("data-blur-id"); const scrollDivisor = Number(script.getAttribute("data-scroll-divisor") || 300); if (typeof setBackgroundBlur === "function") { setBackgroundBlur(targetId, scrollDivisor, enabled, targetId === "menu-blur"); diff --git a/assets/js/background-blur.js b/assets/js/background-blur.js index 364a3f21..95f7271f 100644 --- a/assets/js/background-blur.js +++ b/assets/js/background-blur.js @@ -1,6 +1,6 @@ function setBackgroundBlur(targetId, scrollDivisor = 300, disableBlur = false, isMenuBlur = false) { if (!targetId) { - console.error("data-target-id is null"); + console.error("data-blur-id is null"); return; } const blurElement = document.getElementById(targetId); @@ -29,8 +29,8 @@ function setBackgroundBlur(targetId, scrollDivisor = 300, disableBlur = false, i updateBlur(); } -document.querySelectorAll("script[data-target-id]").forEach((script) => { - const targetId = script.getAttribute("data-target-id"); +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") || "{}"); diff --git a/layouts/partials/header/fixed-fill-blur.html b/layouts/partials/header/fixed-fill-blur.html index 953a0fc6..40519882 100644 --- a/layouts/partials/header/fixed-fill-blur.html +++ b/layouts/partials/header/fixed-fill-blur.html @@ -13,4 +13,4 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="menu-blur"> + data-blur-id="menu-blur"> diff --git a/layouts/partials/header/fixed-gradient.html b/layouts/partials/header/fixed-gradient.html index c2e9fd58..d74e84f9 100644 --- a/layouts/partials/header/fixed-gradient.html +++ b/layouts/partials/header/fixed-gradient.html @@ -15,4 +15,4 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="menu-blur"> + data-blur-id="menu-blur"> diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html index ea7296ff..73e03082 100644 --- a/layouts/partials/header/fixed.html +++ b/layouts/partials/header/fixed.html @@ -13,4 +13,4 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="menu-blur"> + data-blur-id="menu-blur"> diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html index ee5115ad..caa0dd96 100644 --- a/layouts/partials/hero/background.html +++ b/layouts/partials/hero/background.html @@ -62,7 +62,7 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="background-blur" + data-blur-id="background-blur" data-image-id="background-image" data-image-url="{{ .RelPermalink }}"> {{ end }} diff --git a/layouts/partials/hero/thumbAndBackground.html b/layouts/partials/hero/thumbAndBackground.html index eb143da6..9be2cef0 100644 --- a/layouts/partials/hero/thumbAndBackground.html +++ b/layouts/partials/hero/thumbAndBackground.html @@ -85,7 +85,7 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="background-blur" + data-blur-id="background-blur" data-image-id="background-image-main" {{ with $background }}data-image-url="{{ .RelPermalink }}"{{ end }}> {{ end }} diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html index 84eea7b5..06026a63 100644 --- a/layouts/partials/home/background.html +++ b/layouts/partials/home/background.html @@ -99,7 +99,7 @@ type="text/javascript" src="{{ $backgroundBlur.RelPermalink }}" integrity="{{ $backgroundBlur.Data.Integrity }}" - data-target-id="background-blur" + data-blur-id="background-blur" data-image-id="background-image" {{ if $homepageImage }}data-image-url="{{ $homepageImage.RelPermalink }}"{{ end }}> {{ end }}