summaryrefslogtreecommitdiffstats
path: root/assets/js/hero-glitch.js
diff options
context:
space:
mode:
Diffstat (limited to 'assets/js/hero-glitch.js')
-rw-r--r--assets/js/hero-glitch.js16
1 files changed, 9 insertions, 7 deletions
diff --git a/assets/js/hero-glitch.js b/assets/js/hero-glitch.js
index 1b39b2f..94ba4a0 100644
--- a/assets/js/hero-glitch.js
+++ b/assets/js/hero-glitch.js
@@ -1,12 +1,14 @@
(function () {
- var name = document.querySelector('.hero-name');
- if (!name) return;
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
- function glitch() {
- name.classList.add('is-glitching');
- setTimeout(function () { name.classList.remove('is-glitching'); }, 500);
- setTimeout(glitch, 4000 + Math.random() * 7000);
+ function attachGlitch(el) {
+ function glitch() {
+ el.classList.add('is-glitching');
+ setTimeout(function () { el.classList.remove('is-glitching'); }, 500);
+ setTimeout(glitch, 4000 + Math.random() * 7000);
+ }
+ setTimeout(glitch, 3500);
}
- setTimeout(glitch, 3500);
+
+ document.querySelectorAll('.hero-name, .section-title').forEach(attachGlitch);
})();