added custom cursor, secrets :3

Author: System-End

src/App.tsx

@@ -4,7 +4,6 @@ import Navbar from "@/components/Navbar";
 import AboutPage from "@/pages/AboutPage";
 import ProjectsPage from "@/pages/ProjectsPage";
 import APCSPPage from "@/pages/APCSPPage";
-import ParallaxPage from "@/pages/ParallaxPage";
 import FoxGame from "@/games/fox-adventure/components/FoxGame";
 import { useState, useEffect } from "react";
 
@@ -39,7 +38,6 @@ const App = () => {
     return (
         <Router>
             <div className={`min-h-screen bg-background-primary ${isGameActive ? 'game-active' : ''}`}>
-                {/* Background Logo */}
                 <div className="fixed inset-0 z-behind pointer-events-none">
                     <div className="absolute inset-0">
                         <img 
@@ -50,15 +48,13 @@ const App = () => {
                     </div>
                 </div>
 
-                {/* Main Content */}
                 <div className="relative">
                     <Navbar />
                     <main className="content-wrapper section-spacing">
                         <Routes>
                             <Route path="/" element={<AboutPage />} />
                             <Route path="/projects" element={<ProjectsPage />} />
                             <Route path="/apcsp" element={<APCSPPage />} />
-                            {/* <Route path="/parallax" element={<ParallaxPage />} /> */}
                             <Route path="*" element={
                                 <div className="flex flex-col items-center justify-center min-h-[60vh] space-y-4">
                                     <h1 className="text-4xl font-bold text-glow">404: Page Not Found</h1>
@@ -69,7 +65,6 @@ const App = () => {
                     </main>
                 </div>
 
-                {/* Fox Game Overlay */}
                 {isGameActive && <FoxGame />}
             </div>
         </Router>

src/assets/cursors/default.svg

@@ -1,27 +1,23 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Monitor, Power, Lock } from 'lucide-react';
 
 const VNCViewer = () => {
-  const [isFullscreen, setIsFullscreen] = useState(false);
   const [isConnected, setIsConnected] = useState(false);
 
   const toggleFullscreen = () => {
     const iframe = document.getElementById('vnc-iframe');
     if (iframe) {
       if (!document.fullscreenElement) {
         iframe.requestFullscreen();
-        setIsFullscreen(true);
       } else {
         document.exitFullscreen();
-        setIsFullscreen(false);
       }
     }
   };
 
   return (
     <div className="min-h-screen w-full flex items-center justify-center p-4">
       <div className="w-full max-w-6xl bg-background-primary/80 backdrop-blur-sm rounded-xl shadow-xl border border-accent-primary/20 overflow-hidden transition-all duration-300 hover:border-accent-neon/40 hover:shadow-accent-primary/20">
-        {/* Header */}
         <div className="flex items-center justify-between p-4 border-b border-accent-primary/20">
           <div className="flex items-center gap-3">
             <Monitor className="text-accent-primary" size={24} />
@@ -49,7 +45,6 @@ const VNCViewer = () => {
           </div>
         </div>
 
-        {/* VNC Viewer */}
         <div className="aspect-video w-full bg-black/50 relative">
           {isConnected ? (
             <iframe
@@ -66,7 +61,6 @@ const VNCViewer = () => {
           )}
         </div>
 
-        {/* Status Bar */}
         <div className="p-2 border-t border-accent-primary/20 flex justify-between items-center text-sm text-text-primary/60">
           <span>Status: {isConnected ? 'Connected' : 'Disconnected'}</span>
           <span>Press ESC to exit fullscreen</span>

src/assets/cursors/paw.svg

@@ -1,7 +1,6 @@
 // src/games/fox-adventure/components/GameOverlay.tsx
-import React from 'react';
+import { Play, RotateCcw } from 'lucide-react';
 import useGameStore from '../state/gameStore';
-import { Play, Pause, RotateCcw } from 'lucide-react';
 
 export const GameOverlay: React.FC = () => {
   const { gameStatus, score, startNewGame, resumeGame } = useGameStore();

src/assets/cursors/tail-loading.svg

@@ -32,7 +32,7 @@ export const useGameLoop = () => {
 
       if (gameStore.gameStatus === 'PLAYING') {
         // Update entities
-        gameStore.updateEnemies();
+        gameStore.updateEnemies(deltaTime);
 
         // Spawn collectibles
         spawnCollectible();
@@ -75,4 +75,5 @@ export const useGameLoop = () => {
       }
     };
   }, []);
-};
+};
+

src/components/VNCViewer.tsx

@@ -1,62 +1,5 @@
 import { create } from 'zustand';
-
-interface Position {
-  x: number;
-  y: number;
-}
-
-interface PowerUp {
-  id: string;
-  type: 'SPEED' | 'SHIELD' | 'MAGNET';
-  duration: number;
-  position: Position;
-}
-
-interface Collectible {
-  id: string;
-  type: 'STAR' | 'GEM' | 'KEY';
-  value: number;
-  position: Position;
-}
-
-interface Enemy {
-  id: string;
-  type: 'WOLF' | 'OWL' | 'HUNTER';
-  position: Position;
-  direction: Position;
-  speed: number;
-}
-
-interface PlayerState {
-  position: Position;
-  health: number;
-  speed: number;
-  powerUps: PowerUp[];
-  isInvincible: boolean;
-  hasKey: boolean;
-}
-
-interface GameState {
-  player: PlayerState;
-  enemies: Enemy[];
-  collectibles: Collectible[];
-  powerUps: PowerUp[];
-  score: number;
-  level: number;
-  gameStatus: 'MENU' | 'PLAYING' | 'PAUSED' | 'GAME_OVER';
-  highScores: number[];
-  timePlayed: number;
-  
-  // Actions
-  movePlayer: (direction: Position) => void;
-  updateEnemies: () => void;
-  collectItem: (itemId: string) => void;
-  takeDamage: (amount: number) => void;
-  activatePowerUp: (powerUpId: string) => void;
-  startNewGame: () => void;
-  pauseGame: () => void;
-  resumeGame: () => void;
-}
+import type { GameState, Position } from '@/types/game';
 
 const useGameStore = create<GameState>((set, get) => ({
   player: {
@@ -76,7 +19,7 @@ const useGameStore = create<GameState>((set, get) => ({
   highScores: [],
   timePlayed: 0,
 
-  movePlayer: (direction) => {
+  movePlayer: (direction: Position) => {
     const { player } = get();
     set({
       player: {
@@ -112,8 +55,8 @@ const useGameStore = create<GameState>((set, get) => ({
     set({ enemies: updatedEnemies });
   },
 
-  collectItem: (itemId) => {
-    const { collectibles, score, player } = get();
+  collectItem: (itemId: string) => {
+    const { collectibles, score } = get();
     const item = collectibles.find(c => c.id === itemId);
     if (!item) return;
 
@@ -123,7 +66,7 @@ const useGameStore = create<GameState>((set, get) => ({
     });
   },
 
-  takeDamage: (amount) => {
+  takeDamage: (amount: number) => {
     const { player, gameStatus } = get();
     if (player.isInvincible) return;
 
@@ -137,7 +80,7 @@ const useGameStore = create<GameState>((set, get) => ({
     });
   },
 
-  activatePowerUp: (powerUpId) => {
+  activatePowerUp: (powerUpId: string) => {
     const { player, powerUps } = get();
     const powerUp = powerUps.find(p => p.id === powerUpId);
     if (!powerUp) return;
@@ -150,7 +93,6 @@ const useGameStore = create<GameState>((set, get) => ({
       powerUps: powerUps.filter(p => p.id !== powerUpId)
     });
 
-    // Reset power-up after duration
     setTimeout(() => {
       const currentPlayer = get().player;
       set({