diff options
Diffstat (limited to 'assets/js/hero-glitch.js')
| -rw-r--r-- | assets/js/hero-glitch.js | 16 |
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); })(); |
