emojis

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`);
                 }
             }

assets/styles/app.css

@@ -117,4 +117,17 @@
    --bs-info-bg-subtle:      #00313D;
    --bs-warning-bg-subtle:   #3E3D1C;
    --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; }