feat: more commands

fezcode · fezcode · commit 68c3e787111c · 2025-11-27T16:01:30.000+03:00
diff --git a/src/components/CommandPalette.js b/src/components/CommandPalette.js
@@ -150,6 +150,22 @@ const CommandPalette = ({ isOpen, setIsOpen, openGenericModal, toggleDigitalRain
                 case 'herDaim':
                     openGenericModal('Her Daim', <img src="/images/herdaim.jpg" alt="Her Daim" className="max-w-full h-auto" />);
                     break;
+                case 'doBarrelRoll':
+                    document.body.classList.add('do-a-barrel-roll');
+                    addToast({ title: 'Wheeeee!', message: 'Do a Barrel Roll!', duration: 1000 });
+                    setTimeout(() => {
+                        document.body.classList.remove('do-a-barrel-roll');
+                    }, 1000);
+                    break;
+                case 'toggleInvertColors':
+                    if (document.body.classList.contains('invert-mode')) {
+                        document.body.classList.remove('invert-mode');
+                        addToast({ title: 'Colors Restored', message: 'Back to normal!', duration: 2000 });
+                    } else {
+                        document.body.classList.add('invert-mode');
+                        addToast({ title: 'Colors Inverted', message: 'Welcome to the upside down!', duration: 2000 });
+                    }
+                    break;
                 case 'showTime': {
                     openGenericModal('Current Time', <LiveClock />);
                     break;
@@ -208,11 +224,19 @@ const CommandPalette = ({ isOpen, setIsOpen, openGenericModal, toggleDigitalRain
                 }
                 case 'toggleFullScreen':
                     if (!document.fullscreenElement) {
-                        document.documentElement.requestFullscreen();
-                        addToast({ title: 'Full Screen', message: 'Entered full screen mode.', duration: 2000 });
-                    } else if (document.exitFullscreen) {
-                        document.exitFullscreen();
-                        addToast({ title: 'Full Screen', message: 'Exited full screen mode.', duration: 2000 });
+                        document.documentElement.requestFullscreen().then(() => {
+                            addToast({ title: 'Full Screen', message: 'Entered full screen mode.', duration: 2000 });
+                        }).catch(err => {
+                            addToast({ title: 'Error', message: `Could not enter full screen: ${err.message}`, duration: 3000 });
+                        });
+                    } else {
+                        if (document.exitFullscreen) {
+                            document.exitFullscreen().then(() => {
+                                addToast({ title: 'Full Screen', message: 'Exited full screen mode.', duration: 2000 });
+                            }).catch(err => {
+                                addToast({ title: 'Error', message: `Could not exit full screen: ${err.message}`, duration: 3000 });
+                            });
+                        }
                     }
                     break;
                 case 'openGitHubIssue': {
diff --git a/src/hooks/useSearchableData.js b/src/hooks/useSearchableData.js
@@ -103,6 +103,8 @@ const useSearchableData = () => {
           { title: 'Toggle Full Screen', type: 'command', commandId: 'toggleFullScreen' },
           { title: 'Create Issue for This Page', type: 'command', commandId: 'openGitHubIssue' },
           { title: 'Her Daim', type: 'command', commandId: 'herDaim' },
+          { title: 'Do a Barrel Roll', type: 'command', commandId: 'doBarrelRoll' },
+          { title: 'Toggle Invert Colors', type: 'command', commandId: 'toggleInvertColors' },
         ];
 
         setItems([...staticRoutes, ...customCommands, ...allPosts, ...allProjects, ...allLogs, ...allApps]);
diff --git a/src/index.css b/src/index.css
@@ -15,6 +15,7 @@ body {
   font-style: normal !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  transition: filter 0.5s ease; /* Smooth transition for filters */
 }
 
 code {
@@ -216,3 +217,24 @@ input[type='number'] {
   -ms-overflow-style: none; /* IE and Edge */
   scrollbar-width: none; /* Firefox */
 }
+
+@keyframes barrel-roll {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+.do-a-barrel-roll {
+  animation: barrel-roll 1s linear;
+}
+
+body.invert-mode::after {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 9999;
+  backdrop-filter: invert(1) hue-rotate(180deg);
+  pointer-events: none;
+}
