|
| 1 | +(function() { |
| 2 | + 'use strict'; |
| 3 | + |
| 4 | + const STAR_EMOJIS = ['⭐', '✨']; |
| 5 | + |
| 6 | + function shuffle(arr) { |
| 7 | + const a = arr.slice(); |
| 8 | + for (let i = a.length - 1; i > 0; i--) { |
| 9 | + const j = Math.floor(Math.random() * (i + 1)); |
| 10 | + [a[i], a[j]] = [a[j], a[i]]; |
| 11 | + } |
| 12 | + return a; |
| 13 | + } |
| 14 | + |
| 15 | + function randomChoice(arr) { |
| 16 | + return arr[Math.floor(Math.random() * arr.length)]; |
| 17 | + } |
| 18 | + |
| 19 | + function randomizeStars(starLink) { |
| 20 | + const delays = shuffle([0, 0.08, 0.16, 0.24, 0.32]); |
| 21 | + starLink.style.setProperty('--delay-star', delays[0] + 's'); |
| 22 | + starLink.style.setProperty('--delay-sparkle-1', delays[1] + 's'); |
| 23 | + starLink.style.setProperty('--delay-sparkle-2', delays[2] + 's'); |
| 24 | + starLink.style.setProperty('--delay-before', delays[3] + 's'); |
| 25 | + starLink.style.setProperty('--delay-after', delays[4] + 's'); |
| 26 | + |
| 27 | + starLink.style.setProperty('--star-before', '"' + randomChoice(STAR_EMOJIS) + '"'); |
| 28 | + starLink.style.setProperty('--star-after', '"' + randomChoice(STAR_EMOJIS) + '"'); |
| 29 | + |
| 30 | + const flying = starLink.querySelectorAll('.star-link-icon-star, .star-link-icon-sparkle'); |
| 31 | + flying.forEach(function(el) { |
| 32 | + el.textContent = randomChoice(STAR_EMOJIS); |
| 33 | + }); |
| 34 | + } |
| 35 | + |
| 36 | + function initStarLink() { |
| 37 | + const starLink = document.querySelector('.star-link'); |
| 38 | + if (!starLink) return; |
| 39 | + |
| 40 | + starLink.addEventListener('mouseenter', function() { |
| 41 | + randomizeStars(starLink); |
| 42 | + }); |
| 43 | + |
| 44 | + const cycleTrigger = starLink.querySelector('.star-link-icon-star'); |
| 45 | + if (cycleTrigger) { |
| 46 | + cycleTrigger.addEventListener('animationiteration', function() { |
| 47 | + randomizeStars(starLink); |
| 48 | + }); |
| 49 | + } |
| 50 | + } |
| 51 | + |
| 52 | + if (document.readyState === 'loading') { |
| 53 | + document.addEventListener('DOMContentLoaded', initStarLink); |
| 54 | + } else { |
| 55 | + initStarLink(); |
| 56 | + } |
| 57 | +})(); |
0 commit comments