Skip to content

Commit 497c2a2

Browse files
Add emoji rain to Konami code easter egg ๐ŸŽฎ
- Falling emojis (๐ŸŽ‰๐Ÿ†โญ๐Ÿš€๐Ÿ’œโœจ๐Ÿ”ฅ๐Ÿ’ฏ) on Konami code - Emojis spin and fade as they fall - Combined with mega confetti for ultimate celebration
1 parent f209653 commit 497c2a2

1 file changed

Lines changed: 25 additions & 0 deletions

File tree

โ€Ždocs/complete.htmlโ€Ž

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,11 @@
9696
50% { background-position: 100% 50%; }
9797
}
9898

99+
@keyframes emojifall {
100+
0% { transform: translateY(0) rotate(0deg); opacity: 1; }
101+
100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }
102+
}
103+
99104
.subtitle {
100105
font-size: 1.5rem;
101106
color: var(--text-secondary);
@@ -376,6 +381,26 @@ <h1>Workshop Complete!</h1>
376381
}
377382
confettiCount += 10;
378383
counter.textContent = confettiCount;
384+
385+
// Emoji rain!
386+
const emojis = ['๐ŸŽ‰', '๐ŸŽŠ', '๐Ÿ†', 'โญ', '๐Ÿš€', '๐Ÿ’œ', 'โœจ', '๐Ÿ”ฅ', '๐Ÿ’ฏ', '๐ŸŽฎ'];
387+
for (let i = 0; i < 30; i++) {
388+
setTimeout(() => {
389+
const emoji = document.createElement('div');
390+
emoji.textContent = emojis[Math.floor(Math.random() * emojis.length)];
391+
emoji.style.cssText = `
392+
position: fixed;
393+
top: -50px;
394+
left: ${Math.random() * 100}vw;
395+
font-size: ${2 + Math.random() * 3}rem;
396+
z-index: 1000;
397+
pointer-events: none;
398+
animation: emojifall ${3 + Math.random() * 2}s linear forwards;
399+
`;
400+
document.body.appendChild(emoji);
401+
setTimeout(() => emoji.remove(), 5000);
402+
}, i * 100);
403+
}
379404
}
380405
});
381406
</script>

0 commit comments

Comments
ย (0)