EXPERIMENTS
RESEARCH
SKILLS
BIO
CONTACT
CONTRIBUTIONS
RESUME
TERMINAL HACKER
Type the target command as fast as you can!
Commands get harder as you progress. Press ENTER to submit.
MEMORY SEQUENCE
CODE BREAKER
REACTION TEST
DOCUMENTATION
Overview
Welcome to THE JAY LAB - A sci-fi themed interactive portfolio website showcasing projects, research, skills, and more.
This documentation provides comprehensive information about all features, navigation, and functionality of the site.
Key Features
- Interactive Navigation: Holographic HUD panel with module selection
- Terminal Interface: Command-line style terminal with various commands
- Multiple Display Modes: Switch between different visual themes
- Interactive Games: Four engaging games to explore
- Project Showcase: Display experiments, research, and contributions
- Responsive Design: Works on desktop and mobile devices
- Particle Effects: Interactive background particles
- Animated Grid: Dynamic background grid system
Navigation Guide
Main Navigation Orb
Click the central orb on the homepage to open the Navigation HUD panel.
Module Selection
The HUD panel contains several modules:
- EXPERIMENTS (EXP-001): View active research projects
- RESEARCH (RES-002): Current research areas and publications
- SKILLS (SKL-003): Technical expertise visualization
- BIO (BIO-004): Scientist profile and information
- CONTACT (CNT-005): Communication interface
- CONTRIBUTIONS (OSS-006): Open source contributions
- DOCUMENTATION (DOC-007): This documentation section
Quick Access
The sidebar in the HUD panel provides quick access to:
- TERMINAL: Open the terminal interface
- DOCS: Jump to documentation
- GAMES: Access all available games
Terminal Commands
The terminal interface supports various commands. Type help to see all available commands.
Navigation Commands
cd [section] - Navigate to a section (experiments, research, skills, bio, contact, contributions, docs)home - Return to terminal interfaceclear - Clear the terminal screen
Information Commands
help - Show all available commandsabout or whoami - Display information about the developerls [filter] - List all projects (optional: filter by tech)cat [project] - Show detailed information about a projectprojects - Display all projects in a formatted viewskills [category] - Show skills treecontact - Display contact informationsocial - Show social media links
Theme & Mode Commands
theme [name] - Change color thememode [name] - Switch display mode (holographic, quantum, neural, cyber, matrix)modes - List all available display modesmatrix - Activate matrix rain effect
Special Commands
hack or play or game - Unlock and access Terminal Hacker gamecoffee - Get a coffee ☕love - Spread some love ❤️ (Easter egg)
Games
Terminal Hacker
A typing game where you must type commands as fast as possible. Commands get harder as you progress through levels.
How to play: Type the target command shown and press ENTER. Score points based on speed and accuracy.
Memory Sequence
A pattern memory game where you watch a sequence of lights and then repeat it.
How to play: Watch the sequence, then click the cells in the same order. The sequence gets longer each level.
Code Breaker
Decode encrypted messages using Caesar cipher.
How to play: Decode the encrypted message. You have 6 attempts. Points are awarded based on attempts used.
Reaction Test
Test your reflexes by clicking when the signal appears.
How to play: Click START, wait for the green signal, then click as fast as you can. Your reaction time is measured in milliseconds.
Display Modes
The site features multiple display modes that change the visual theme:
Holographic (Default)
Neon green theme with holographic effects.
Quantum
Cyan/blue theme with quantum-inspired visuals.
Neural
Pink/magenta theme with neural network aesthetics.
Cyber
Green theme with cyberpunk vibes.
Matrix
Classic Matrix-style green theme.
How to switch: Click the "SWITCH MODE" button in the HUD header, or use the mode [name] terminal command.
Technical Details
Technologies Used
- HTML5: Structure and semantic markup
- CSS3: Styling, animations, and responsive design
- JavaScript (Vanilla): All interactivity and game logic
- Web APIs: Network Information API, Web Audio API
Browser Compatibility
Optimized for modern browsers (Chrome, Firefox, Safari, Edge). Some features may require:
- CSS Grid and Flexbox support
- JavaScript ES6+ support
- Web Audio API support (for sound effects)
- LocalStorage API (for saving game scores)
Performance
The site is optimized for performance with:
- Efficient CSS animations
- Optimized particle systems
- Lazy loading of content sections
- Minimal external dependencies
Credits & Attribution
Fonts
- Orbitron: Google Fonts - Used for headings and UI elements
- Courier New: System font - Used for terminal and code blocks
Icons & Emojis
Emojis are used throughout the interface for visual elements.
Design Inspiration
Inspired by sci-fi interfaces from movies and games, featuring holographic displays, terminal aesthetics, and futuristic UI elements.
Version
Current Version: v2.4.1-α
Last Updated: 2024.12.15