feat: are you not entertained achievements.

fezcode · fezcode · commit 9e366702fea4 · 2025-12-11T04:34:39.000+03:00
diff --git a/src/App.js b/src/App.js
@@ -7,6 +7,7 @@ import ScrollToTop from './components/ScrollToTop';
 import ContactModal from './components/ContactModal';
 import GenericModal from './components/GenericModal';
 import DigitalRain from './components/DigitalRain';
+import BSOD from './components/BSOD'; // Import BSOD
 import { AnimationProvider } from './context/AnimationContext'; // Import AnimationProvider
 import { CommandPaletteProvider } from './context/CommandPaletteContext';
 import { VisualSettingsProvider } from './context/VisualSettingsContext';
@@ -22,6 +23,8 @@ function App() {
     content: null,
   });
   const [isRainActive, setIsRainActive] = useState(false); // State for Digital Rain
+  const [isBSODActive, setIsBSODActive] = useState(false); // State for BSOD
+
   const toggleModal = () => {
     setIsModalOpen(!isModalOpen);
   };
@@ -42,6 +45,9 @@ function App() {
   const toggleDigitalRain = () => {
     setIsRainActive((prev) => !prev);
   };
+  const toggleBSOD = () => {
+    setIsBSODActive((prev) => !prev);
+  };
 
   return (
     <AnimationProvider>
@@ -51,6 +57,7 @@ function App() {
             <AchievementListeners />
             <VisualSettingsProvider>
               <DigitalRain isActive={isRainActive} />
+              <BSOD isActive={isBSODActive} toggleBSOD={toggleBSOD} />
               <ScrollToTop />
               <CommandPaletteProvider>
                 <Layout
@@ -59,6 +66,7 @@ function App() {
                   toggleSearch={toggleSearch}
                   openGenericModal={openGenericModal}
                   toggleDigitalRain={toggleDigitalRain}
+                  toggleBSOD={toggleBSOD}
                 >
                   <AnimatedRoutes />
                 </Layout>
diff --git a/src/components/AchievementListeners.js b/src/components/AchievementListeners.js
@@ -6,21 +6,27 @@ const AchievementListeners = () => {
   const [konamiIndex, setKonamiIndex] = useState(0);
 
   const [cheaterIndex, setCheaterIndex] = useState(0);
-  // Night Owl Check
+    // Night Owl Check
+    useEffect(() => {
+      const checkNightOwl = () => {
+        const now = new Date();
+        const hour = now.getHours();
+        // Between 3 AM (03:00) and 5 AM (05:00)
+        if (hour >= 3 && hour < 5) {
+          unlockAchievement('night_owl');
+        }
+      };
+      checkNightOwl();
+    }, [unlockAchievement]);
 
-  useEffect(() => {
-    const checkNightOwl = () => {
-      const now = new Date();
-      const hour = now.getHours();
-      // Between 3 AM (03:00) and 5 AM (05:00)
-      if (hour >= 3 && hour < 5) {
-        unlockAchievement('night_owl');
+    // Time Traveller Check
+    useEffect(() => {
+      if (new Date().getFullYear() < 2000) {
+        unlockAchievement('time_traveller_system');
       }
-    };
+    }, [unlockAchievement]);
 
-    checkNightOwl();
-  }, [unlockAchievement]);
-  // Konami Code Listener
+    // Konami Code Listener
   useEffect(() => {
     // Konami Code Sequence: Up, Up, Down, Down, Left, Right, Left, Right, B, A
     const konamiCode = [
diff --git a/src/components/AnimatedRoutes.js b/src/components/AnimatedRoutes.js
@@ -144,6 +144,7 @@ const NotebookViewerPage = lazy(
 const NewsPage = lazy(() => import('../pages/NewsPage'));
 const CommandsPage = lazy(() => import('../pages/CommandsPage'));
 const AchievementsPage = lazy(() => import('../pages/AchievementsPage'));
+const SitemapPage = lazy(() => import('../pages/SitemapPage'));
 
 const pageVariants = {
   initial: {
@@ -573,6 +574,22 @@ function AnimatedRoutes() {
             </motion.div>
           }
         />
+        <Route
+          path="/sitemap"
+          element={
+            <motion.div
+              initial="initial"
+              animate="in"
+              exit="out"
+              variants={pageVariants}
+              transition={pageTransition}
+            >
+              <Suspense fallback={<Loading />}>
+                <SitemapPage />
+              </Suspense>
+            </motion.div>
+          }
+        />
         {/* Hardcoded redirects for fc::apps:: paths */}
         <Route
           path="/apps::pinned"
diff --git a/src/components/BSOD.js b/src/components/BSOD.js
@@ -0,0 +1,45 @@
+import React, { useEffect } from 'react';
+
+const BSOD = ({ isActive, toggleBSOD }) => {
+  useEffect(() => {
+    if (!isActive) return;
+
+    const handleKeyDown = () => {
+        toggleBSOD();
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [isActive, toggleBSOD]);
+
+  if (!isActive) return null;
+
+  return (
+    <div
+      className="fixed inset-0 bg-[#0000AA] text-white font-mono p-4 sm:p-10 z-[9999] text-base sm:text-xl overflow-hidden cursor-pointer select-none flex flex-col"
+      onClick={toggleBSOD}
+    >
+      <p>A problem has been detected and Fezcodex has been shut down to prevent damage to your browser.</p>
+      <br />
+      <p className="mb-8 font-bold">FEZ_CODEX_FATAL_ERROR</p>
+      <p>If this is the first time you've seen this stop error screen, restart your computer. If this screen appears again, follow these steps:</p>
+      <br />
+      <p>Check to make sure any new hardware or software is properly installed. If this is a new installation, ask your hardware or software manufacturer for any Windows updates you might need.</p>
+      <br />
+      <p>If problems continue, disable or remove any newly installed hardware or software. Disable BIOS memory options such as caching or shadowing.</p>
+      <br />
+      <p>Technical Information:</p>
+      <br />
+      <p>*** STOP: 0x00000000 (0x00000000, 0x00000000, 0x00000000, 0x00000000)</p>
+      <br />
+      <p className="mt-4">Beginning dump of physical memory...</p>
+      <p>Physical memory dump complete.</p>
+      <p>Contact your system administrator or technical support group for further assistance.</p>
+      <div className="absolute bottom-10 left-4 sm:left-10 animate-pulse">
+        Press any key to reboot...
+      </div>
+    </div>
+  );
+};
+
+export default BSOD;
diff --git a/src/components/CommandPalette.js b/src/components/CommandPalette.js
@@ -38,6 +38,7 @@ const CommandPalette = ({
   setIsOpen,
   openGenericModal,
   toggleDigitalRain,
+  toggleBSOD,
 }) => {
   const [searchTerm, setSearchTerm] = useState('');
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -102,12 +103,20 @@ const CommandPalette = ({
     if (lowerTerm === 'hello?' || lowerTerm === 'is anyone there?') {
       unlockAchievement('echo_in_the_void');
     }
+    if (lowerTerm === 'command palette' || lowerTerm === 'the hacker') {
+      unlockAchievement('the_paradox');
+    }
   }, [searchTerm, unlockAchievement]);
 
   useEffect(() => {
     setSelectedIndex(0);
   }, [searchTerm, items]);
 
+  const triggerBSOD = () => {
+    unlockAchievement('bsod');
+    toggleBSOD();
+  };
+
   const handleItemClick = (item) => {
     if (!item) return;
 
@@ -596,7 +605,10 @@ const CommandPalette = ({
         );
       } else if (event.key === 'Enter') {
         event.preventDefault();
-        if (filteredItems[selectedIndex]) {
+        if (searchTerm.toLowerCase() === 'bsod') {
+          triggerBSOD();
+          handleClose();
+        } else if (filteredItems[selectedIndex]) {
           handleItemClick(filteredItems[selectedIndex]);
         }
       } else if (event.key === 'Escape') {
@@ -616,7 +628,14 @@ const CommandPalette = ({
 
     window.addEventListener('keydown', handleKeyDown);
     return () => window.removeEventListener('keydown', handleKeyDown);
-  }, [isOpen, filteredItems, selectedIndex, isAnimationEnabled]);
+  }, [
+    isOpen,
+    filteredItems,
+    selectedIndex,
+    isAnimationEnabled,
+    searchTerm,
+    triggerBSOD,
+  ]);
 
   useEffect(() => {
     const selectedItem = resultsRef.current?.children[selectedIndex];
diff --git a/src/components/DigitalRain.js b/src/components/DigitalRain.js
@@ -1,7 +1,38 @@
 import React, { useRef, useEffect, memo } from 'react';
+import { useAchievements } from '../context/AchievementContext';
 
 const DigitalRain = memo(({ isActive }) => {
   const canvasRef = useRef(null);
+  const { unlockAchievement } = useAchievements();
+  const idleTimerRef = useRef(null);
+
+  useEffect(() => {
+    if (!isActive) {
+      clearTimeout(idleTimerRef.current);
+      return;
+    }
+
+    const resetTimer = () => {
+      clearTimeout(idleTimerRef.current);
+      idleTimerRef.current = setTimeout(() => {
+        unlockAchievement('the_void_stares_back');
+      }, 60000); // 1 minute
+    };
+
+    window.addEventListener('mousemove', resetTimer);
+    window.addEventListener('keydown', resetTimer);
+    window.addEventListener('click', resetTimer);
+
+    // Start initial timer
+    resetTimer();
+
+    return () => {
+      window.removeEventListener('mousemove', resetTimer);
+      window.removeEventListener('keydown', resetTimer);
+      window.removeEventListener('click', resetTimer);
+      clearTimeout(idleTimerRef.current);
+    };
+  }, [isActive, unlockAchievement]);
 
   useEffect(() => {
     if (!isActive) return;
diff --git a/src/components/Layout.js b/src/components/Layout.js
@@ -22,6 +22,7 @@ const Layout = ({
   toggleSearch,
   openGenericModal,
   toggleDigitalRain,
+  toggleBSOD,
 }) => {
   const [isSidebarOpen, setIsSidebarOpen] = useState(window.innerWidth > 768);
   const { isPaletteOpen, setIsPaletteOpen } = useCommandPalette();
@@ -68,6 +69,7 @@ const Layout = ({
         setIsOpen={setIsPaletteOpen}
         openGenericModal={openGenericModal}
         toggleDigitalRain={toggleDigitalRain}
+        toggleBSOD={toggleBSOD}
       />
       <div className="bg-gray-950 min-h-screen font-sans flex">
         <Sidebar
diff --git a/src/config/achievements.js b/src/config/achievements.js
@@ -751,6 +751,41 @@ export const ACHIEVEMENTS = [
     icon: <PhoneIcon size={32} weight="duotone" />,
     category: 'Secret',
   },
+  {
+    id: 'time_traveller_system',
+    title: 'Time Traveller',
+    description: 'Go back to where it all began.',
+    icon: <TimerIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'the_paradox',
+    title: 'The Paradox',
+    description: 'Look for the tool within the tool.',
+    icon: <QuestionMarkIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'the_cartographer',
+    title: 'The Cartographer',
+    description: 'Map the territory.',
+    icon: <CompassIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'the_void_stares_back',
+    title: 'The Void Stares Back',
+    description: 'Stare into the abyss...',
+    icon: <EyeIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
+  {
+    id: 'bsod',
+    title: 'Fatal Error',
+    description: '0x00000000',
+    icon: <SkullIcon size={32} weight="duotone" />,
+    category: 'Secret',
+  },
   {
     id: 'clean_slate',
     title: 'Clean Slate',
diff --git a/src/pages/SitemapPage.js b/src/pages/SitemapPage.js
@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+import { useAchievements } from '../context/AchievementContext';
+
+const SitemapPage = () => {
+  const { unlockAchievement } = useAchievements();
+
+  useEffect(() => {
+    unlockAchievement('the_cartographer');
+    window.location.href = '/sitemap.xml';
+  }, [unlockAchievement]);
+
+  return (
+    <div className="p-10 text-center text-white text-xl">
+      <h1>Redirecting to Sitemap...</h1>
+    </div>
+  );
+};
+
+export default SitemapPage;
