diff --git a/assets/javascript/modes.js b/assets/javascript/modes.js index 909348f..a288f32 100644 --- a/assets/javascript/modes.js +++ b/assets/javascript/modes.js @@ -1,7 +1,19 @@ // Bonkers mode functionality +function setEmojiLevelClass(mode) { + document.body.classList.remove('emoji-normal', 'emoji-enhanced', 'emoji-bonkers'); + if (mode === 'bonkers') { + document.body.classList.add('emoji-bonkers'); + } else if (mode === 'enhanced') { + document.body.classList.add('emoji-enhanced'); + } else { + document.body.classList.add('emoji-normal'); + } +} + function initBonkersMode() { // Check if we're in bonkers mode const currentMode = document.documentElement.getAttribute('data-website-mode'); + setEmojiLevelClass(currentMode); if (currentMode === 'bonkers') { // Apply bonkers mode immediately @@ -92,6 +104,7 @@ function watchModeChanges() { if (newMode === 'bonkers') { document.body.classList.add('bonkers-mode'); + setEmojiLevelClass(newMode); // Start the fabulous effects createExtraSparkles(); @@ -100,6 +113,7 @@ function watchModeChanges() { console.log('🌈✨ Switched to bonkers mode! ✨🌈'); } else { document.body.classList.remove('bonkers-mode'); + setEmojiLevelClass(newMode); console.log(`😴 Switched to ${newMode} mode`); } } diff --git a/assets/styles/app.css b/assets/styles/app.css index 5c40404..7400735 100644 --- a/assets/styles/app.css +++ b/assets/styles/app.css @@ -119,6 +119,18 @@ --bs-danger-bg-subtle: #520E0E; } +/* === EMOJI LEVELS === */ +.emoji-normal .emoji-normal { display: inline; } +.emoji-normal .emoji-enhanced, +.emoji-normal .emoji-bonkers { display: none; } + +.emoji-enhanced .emoji-enhanced { display: inline; } +.emoji-enhanced .emoji-normal, +.emoji-enhanced .emoji-bonkers { display: none; } + +.emoji-bonkers .emoji-bonkers { display: inline; } +.emoji-bonkers .emoji-normal, +.emoji-bonkers .emoji-enhanced { display: none; } /* * ================================================================================================= * 🌈 RAINBOW PRIDE ELEMENTS 🌈 diff --git a/templates/base.html.twig b/templates/base.html.twig index c0dab35..3af52a6 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -8,7 +8,7 @@ "> - {% block title %}Welcome!{% endblock %} + {% block title %}Welcome! đŸĨĩđŸ’Ļ🍆💋👅😈😏🍑💕💖💗💘💝💞💟💌💏💑🍌đŸĨ’đŸ’Ļ👀😉😌😍đŸĨ°đŸ˜˜đŸ˜šđŸ˜‹đŸ˜Ģ😩đŸĨēđŸĨ´đŸ’–đŸ’—đŸ’•đŸ’žđŸ’“đŸ’—đŸ’–đŸ’˜đŸ’đŸ’‹đŸ’đŸ’‘{% endblock %} {% block stylesheets %} {% endblock %} @@ -19,29 +19,63 @@