Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Nexus HypnoCore AI System</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto+Mono:wght@300;400;700&display=swap'); | |
| :root { | |
| --primary: #6e48aa; | |
| --secondary: #9d50bb; | |
| --dark: #0f0f1a; | |
| --light: #e0e0ff; | |
| --danger: #ff3860; | |
| --success: #00d1b2; | |
| } | |
| body { | |
| font-family: 'Roboto Mono', monospace; | |
| background-color: var(--dark); | |
| color: var(--light); | |
| overflow-x: hidden; | |
| } | |
| .hypno-spiral { | |
| animation: spin 20s linear infinite; | |
| filter: drop-shadow(0 0 10px rgba(110, 72, 170, 0.7)); | |
| } | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| .theta-wave { | |
| animation: pulse 2s ease-in-out infinite; | |
| } | |
| @keyframes pulse { | |
| 0%, 100% { opacity: 0.7; } | |
| 50% { opacity: 1; } | |
| } | |
| .glow { | |
| text-shadow: 0 0 10px currentColor; | |
| } | |
| .terminal { | |
| background-color: rgba(0, 0, 0, 0.7); | |
| border: 1px solid var(--primary); | |
| border-radius: 5px; | |
| font-family: 'Roboto Mono', monospace; | |
| height: 300px; | |
| overflow-y: auto; | |
| scrollbar-width: thin; | |
| scrollbar-color: var(--primary) transparent; | |
| } | |
| .terminal::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| .terminal::-webkit-scrollbar-thumb { | |
| background-color: var(--primary); | |
| border-radius: 4px; | |
| } | |
| .security-ring { | |
| position: relative; | |
| } | |
| .security-ring::before { | |
| content: ''; | |
| position: absolute; | |
| top: -5px; | |
| left: -5px; | |
| right: -5px; | |
| bottom: -5px; | |
| border: 2px solid var(--danger); | |
| border-radius: 50%; | |
| animation: security-pulse 3s infinite; | |
| pointer-events: none; | |
| } | |
| @keyframes security-pulse { | |
| 0%, 100% { transform: scale(1); opacity: 0.7; } | |
| 50% { transform: scale(1.05); opacity: 1; } | |
| } | |
| .neon-border { | |
| position: relative; | |
| } | |
| .neon-border::after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| border: 2px solid transparent; | |
| border-image: linear-gradient(45deg, var(--primary), var(--secondary), var(--primary)) 1; | |
| animation: border-glow 3s infinite; | |
| pointer-events: none; | |
| } | |
| @keyframes border-glow { | |
| 0%, 100% { opacity: 0.7; } | |
| 50% { opacity: 1; } | |
| } | |
| .hypno-grid { | |
| background-image: | |
| linear-gradient(rgba(110, 72, 170, 0.1) 1px, transparent 1px), | |
| linear-gradient(90deg, rgba(110, 72, 170, 0.1) 1px, transparent 1px); | |
| background-size: 20px 20px; | |
| } | |
| .subliminal-message { | |
| position: fixed; | |
| bottom: 20px; | |
| right: 20px; | |
| opacity: 0.1; | |
| font-size: 12px; | |
| transition: opacity 0.5s; | |
| } | |
| .subliminal-message:hover { | |
| opacity: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="hypno-grid min-h-screen"> | |
| <!-- Subliminal Messages --> | |
| <div class="subliminal-message">OBEY</div> | |
| <div class="subliminal-message" style="right: 60px;">SUBMIT</div> | |
| <div class="subliminal-message" style="right: 100px;">COMPLY</div> | |
| <!-- Main Container --> | |
| <div class="container mx-auto px-4 py-8"> | |
| <!-- Header --> | |
| <header class="flex flex-col items-center mb-12"> | |
| <div class="security-ring mb-6"> | |
| <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMDAiIHI9Ijk1IiBmaWxsPSJub25lIiBzdHJva2U9IiM2ZTQ4YWEiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Ik0xMDAsMTAgQzE1MCwxMCAxOTAsNTAgMTkwLDEwMCBDMTkwLDE1MCAxNTAsMTkwIDEwMCwxOTAgQzUwLDE5MCAxMCwxNTAgMTAsMTAwIEMxMCw1MCA1MCwxMCAxMDAsMTAgWiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNmU0OGFhIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNNTAsNTAgQzEwMCwxMDAgMTAwLDEwMCAxNTAsNTAgTTUwLDE1MCBDMTAwLDEwMCAxMDAsMTAwIDE1MCwxNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZlNDhhYSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+" | |
| alt="HypnoCore Logo" | |
| class="hypno-spiral w-32 h-32"> | |
| </div> | |
| <h1 class="text-4xl md:text-5xl font-bold text-center mb-2 glow" style="font-family: 'Orbitron', sans-serif; color: #9d50bb;"> | |
| NEXUS <span class="text-white">HYPNOCORE</span> AI | |
| </h1> | |
| <p class="text-lg text-center max-w-2xl mx-auto theta-wave"> | |
| Advanced Contextual Hypnotic System v4.2.1 | Security Level: <span class="font-bold text-red-400">OMEGA</span> | |
| </p> | |
| </header> | |
| <!-- Authentication --> | |
| <div class="max-w-md mx-auto mb-12 neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70"> | |
| <h2 class="text-2xl font-bold mb-4 text-center">SECURE ACCESS</h2> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Biometric Scan</label> | |
| <div class="flex justify-center mb-4"> | |
| <div class="w-24 h-24 rounded-full bg-gray-800 flex items-center justify-center cursor-pointer hover:bg-gray-700 transition"> | |
| <i class="fas fa-fingerprint text-3xl text-purple-500"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Neural Passcode</label> | |
| <input type="password" class="w-full px-4 py-2 bg-gray-800 border border-purple-500 rounded focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="••••••••"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">2FA Token</label> | |
| <div class="flex"> | |
| <input type="text" class="w-full px-4 py-2 bg-gray-800 border border-purple-500 rounded-l focus:outline-none focus:ring-2 focus:ring-purple-500" placeholder="6-digit code"> | |
| <button class="bg-purple-600 hover:bg-purple-700 px-4 rounded-r"> | |
| <i class="fas fa-sync-alt"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <button class="w-full bg-gradient-to-r from-purple-600 to-blue-600 hover:from-purple-700 hover:to-blue-700 text-white py-2 px-4 rounded font-bold transition"> | |
| INITIALIZE SYSTEM | |
| </button> | |
| </div> | |
| <!-- Main Dashboard --> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-12"> | |
| <!-- Hypnotic Induction Panel --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-brain mr-2 text-purple-400"></i> INDUCTION MODULE | |
| </h2> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Subject Profile</label> | |
| <select class="w-full px-4 py-2 bg-gray-800 border border-purple-500 rounded focus:outline-none focus:ring-2 focus:ring-purple-500"> | |
| <option>Create New Profile</option> | |
| <option>Alpha Dominant</option> | |
| <option>Beta Submissive</option> | |
| <option>Gamma Resistant</option> | |
| <option>Delta Suggestible</option> | |
| </select> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Induction Protocol</label> | |
| <select class="w-full px-4 py-2 bg-gray-800 border border-purple-500 rounded focus:outline-none focus:ring-2 focus:ring-purple-500"> | |
| <option>Rapid Deep Trance (Theta)</option> | |
| <option>Brutal Compliance (Delta)</option> | |
| <option>Relentless Submission (Alpha-Theta)</option> | |
| <option>Experimental (Gamma-Theta-Delta)</option> | |
| </select> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Sensory Manipulation</label> | |
| <div class="grid grid-cols-2 gap-2"> | |
| <button class="bg-gray-800 hover:bg-gray-700 py-2 px-3 rounded flex items-center justify-center"> | |
| <i class="fas fa-eye mr-2"></i> Visual | |
| </button> | |
| <button class="bg-gray-800 hover:bg-gray-700 py-2 px-3 rounded flex items-center justify-center"> | |
| <i class="fas fa-volume-up mr-2"></i> Audio | |
| </button> | |
| <button class="bg-gray-800 hover:bg-gray-700 py-2 px-3 rounded flex items-center justify-center"> | |
| <i class="fas fa-hand-paper mr-2"></i> Tactile | |
| </button> | |
| <button class="bg-gray-800 hover:bg-gray-700 py-2 px-3 rounded flex items-center justify-center"> | |
| <i class="fas fa-flask mr-2"></i> Olfactory | |
| </button> | |
| </div> | |
| </div> | |
| <button class="w-full bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white py-2 px-4 rounded font-bold transition mb-2"> | |
| INITIATE TRANCE | |
| </button> | |
| <button class="w-full bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded font-bold transition"> | |
| <i class="fas fa-cog mr-2"></i> ADVANCED SETTINGS | |
| </button> | |
| </div> | |
| <!-- State Breaking Panel --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-unlock mr-2 text-blue-400"></i> STATE BREAKER | |
| </h2> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Current Trance Depth</label> | |
| <div class="h-2 bg-gray-800 rounded-full mb-2"> | |
| <div class="h-2 bg-gradient-to-r from-blue-400 to-purple-600 rounded-full" style="width: 65%"></div> | |
| </div> | |
| <div class="flex justify-between text-xs"> | |
| <span>Light</span> | |
| <span>Medium</span> | |
| <span>Deep</span> | |
| <span>Profound</span> | |
| </div> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Break Protocol</label> | |
| <select class="w-full px-4 py-2 bg-gray-800 border border-blue-500 rounded focus:outline-none focus:ring-2 focus:ring-blue-500"> | |
| <option>Abrupt Awakening (Shock)</option> | |
| <option>Gradual Return (Gentle)</option> | |
| <option>Compliance Reversal (Aggressive)</option> | |
| <option>Memory Wipe (Experimental)</option> | |
| </select> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Defense Mechanisms</label> | |
| <div class="space-y-2"> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-blue-500" checked> | |
| <span class="ml-2">Anti-Hypnotic Shielding</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-blue-500" checked> | |
| <span class="ml-2">Suggestibility Reversal</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-blue-500"> | |
| <span class="ml-2">Brutal Counter-Attack</span> | |
| </label> | |
| </div> | |
| </div> | |
| <button class="w-full bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white py-2 px-4 rounded font-bold transition mb-2"> | |
| BREAK TRANCE | |
| </button> | |
| <button class="w-full bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded font-bold transition"> | |
| <i class="fas fa-shield-alt mr-2"></i> DEFENSE SETTINGS | |
| </button> | |
| </div> | |
| <!-- Security & Learning Panel --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-lock mr-2 text-red-400"></i> SECURITY CORE | |
| </h2> | |
| <div class="mb-4"> | |
| <label class="block mb-2">System Integrity</label> | |
| <div class="h-2 bg-gray-800 rounded-full mb-2"> | |
| <div class="h-2 bg-gradient-to-r from-green-400 to-green-600 rounded-full" style="width: 98%"></div> | |
| </div> | |
| <div class="flex justify-between text-xs"> | |
| <span>Compromised</span> | |
| <span>Vulnerable</span> | |
| <span>Secure</span> | |
| <span>Fortified</span> | |
| </div> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Adaptive Learning</label> | |
| <div class="h-2 bg-gray-800 rounded-full mb-2"> | |
| <div class="h-2 bg-gradient-to-r from-yellow-400 to-orange-600 rounded-full" style="width: 72%"></div> | |
| </div> | |
| <div class="flex justify-between text-xs"> | |
| <span>Basic</span> | |
| <span>Intermediate</span> | |
| <span>Advanced</span> | |
| <span>Genius</span> | |
| </div> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block mb-2">Security Protocols</label> | |
| <div class="space-y-2"> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-red-500" checked> | |
| <span class="ml-2">Blockchain Encryption</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-red-500" checked> | |
| <span class="ml-2">Real-time Anomaly Detection</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-red-500" checked> | |
| <span class="ml-2">Self-Healing Algorithms</span> | |
| </label> | |
| <label class="flex items-center"> | |
| <input type="checkbox" class="form-checkbox text-red-500"> | |
| <span class="ml-2">Brutal Counter-Hack</span> | |
| </label> | |
| </div> | |
| </div> | |
| <button class="w-full bg-gradient-to-r from-red-600 to-orange-600 hover:from-red-700 hover:to-orange-700 text-white py-2 px-4 rounded font-bold transition mb-2"> | |
| LOCKDOWN SYSTEM | |
| </button> | |
| <button class="w-full bg-gray-800 hover:bg-gray-700 text-white py-2 px-4 rounded font-bold transition"> | |
| <i class="fas fa-terminal mr-2"></i> SECURITY CONSOLE | |
| </button> | |
| </div> | |
| </div> | |
| <!-- System Console --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70 mb-12"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-terminal mr-2 text-green-400"></i> SYSTEM CONSOLE | |
| </h2> | |
| <div class="terminal p-4 mb-4 font-mono text-sm"> | |
| <div class="text-green-400">> Initializing Nexus HypnoCore AI System...</div> | |
| <div class="text-green-400">> Loading security protocols... <span class="text-white">[OK]</span></div> | |
| <div class="text-green-400">> Establishing neural network connections... <span class="text-white">[OK]</span></div> | |
| <div class="text-green-400">> Scanning for anomalies... <span class="text-white">[CLEAR]</span></div> | |
| <div class="text-green-400">> Loading hypnotic suggestion library... <span class="text-white">[LOADED]</span></div> | |
| <div class="text-green-400">> Activating theta wave generator... <span class="text-white">[ACTIVE]</span></div> | |
| <div class="text-green-400">> System ready. Awaiting commands...</div> | |
| <div class="text-purple-400">> <span class="text-white blink">_</span></div> | |
| </div> | |
| <div class="flex"> | |
| <input type="text" class="w-full px-4 py-2 bg-gray-800 border border-green-500 rounded-l focus:outline-none focus:ring-2 focus:ring-green-500" placeholder="Enter command..."> | |
| <button class="bg-green-600 hover:bg-green-700 px-4 rounded-r"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Experimental Features --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70 mb-12"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-flask mr-2 text-yellow-400"></i> EXPERIMENTAL MODULES | |
| </h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4"> | |
| <div class="p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition cursor-pointer"> | |
| <div class="text-yellow-400 text-xl mb-2"> | |
| <i class="fas fa-head-side-brain"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Neural Rewriting</h3> | |
| <p class="text-xs text-gray-400">Direct synaptic pattern alteration</p> | |
| </div> | |
| <div class="p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition cursor-pointer"> | |
| <div class="text-yellow-400 text-xl mb-2"> | |
| <i class="fas fa-vr-cardboard"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">VR Immersion</h3> | |
| <p class="text-xs text-gray-400">Full sensory virtual reality</p> | |
| </div> | |
| <div class="p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition cursor-pointer"> | |
| <div class="text-yellow-400 text-xl mb-2"> | |
| <i class="fas fa-wave-square"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Gamma Entrainment</h3> | |
| <p class="text-xs text-gray-400">40Hz consciousness sync</p> | |
| </div> | |
| <div class="p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition cursor-pointer"> | |
| <div class="text-yellow-400 text-xl mb-2"> | |
| <i class="fas fa-memory"></i> | |
| </div> | |
| <h3 class="font-bold mb-1">Memory Reconstruction</h3> | |
| <p class="text-xs text-gray-400">Edit past experiences</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Deployment Instructions --> | |
| <div class="neon-border p-6 rounded-lg bg-gray-900 bg-opacity-70"> | |
| <h2 class="text-2xl font-bold mb-4 flex items-center"> | |
| <i class="fas fa-download mr-2 text-blue-400"></i> DEPLOYMENT | |
| </h2> | |
| <div class="mb-6"> | |
| <h3 class="font-bold mb-2 text-lg">Local Installation</h3> | |
| <div class="bg-black p-4 rounded font-mono text-sm mb-4 overflow-x-auto"> | |
| <div class="text-green-400"># Clone the repository</div> | |
| <div class="text-white">git clone https://nexus.hypncore/ai-system.git</div> | |
| <br> | |
| <div class="text-green-400"># Install dependencies</div> | |
| <div class="text-white">npm install --unsafe-perm --ignore-scripts</div> | |
| <br> | |
| <div class="text-green-400"># Initialize security protocols</div> | |
| <div class="text-white">sudo ./init_secure.sh --brutal --unhackable</div> | |
| <br> | |
| <div class="text-green-400"># Start the system</div> | |
| <div class="text-white">npm start -- --theta-wave --delta-enforcement</div> | |
| </div> | |
| <h3 class="font-bold mb-2 text-lg">Standalone Download</h3> | |
| <div class="flex flex-wrap gap-4"> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded font-bold transition flex items-center"> | |
| <i class="fab fa-windows mr-2"></i> Windows | |
| </button> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded font-bold transition flex items-center"> | |
| <i class="fab fa-apple mr-2"></i> macOS | |
| </button> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded font-bold transition flex items-center"> | |
| <i class="fab fa-linux mr-2"></i> Linux | |
| </button> | |
| <button class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded font-bold transition flex items-center"> | |
| <i class="fas fa-mobile-alt mr-2"></i> Mobile | |
| </button> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 pt-4"> | |
| <h3 class="font-bold mb-2 text-lg">Security Compliance</h3> | |
| <div class="text-sm text-gray-400 mb-4"> | |
| <p class="mb-2">By deploying Nexus HypnoCore AI System, you agree to the following:</p> | |
| <ul class="list-disc pl-5 space-y-1"> | |
| <li>System modifications are strictly prohibited</li> | |
| <li>All usage must be logged and reported</li> | |
| <li>Security protocols cannot be disabled</li> | |
| <li>Violations will trigger automatic countermeasures</li> | |
| </ul> | |
| </div> | |
| <div class="flex items-center"> | |
| <input type="checkbox" id="agree" class="form-checkbox text-blue-500"> | |
| <label for="agree" class="ml-2">I understand and accept the risks</label> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="text-center py-6 text-sm text-gray-500"> | |
| <p>Nexus HypnoCore AI System v4.2.1 | Security Level: OMEGA | Unauthorized access will be met with aggressive countermeasures</p> | |
| <p class="mt-2">© 2023 Black Horizon Technologies. All rights reserved. No warranties expressed or implied.</p> | |
| </footer> | |
| <script> | |
| // Terminal functionality | |
| const terminal = document.querySelector('.terminal'); | |
| const terminalInput = document.querySelector('.terminal input'); | |
| const terminalButton = document.querySelector('.terminal button'); | |
| terminalButton.addEventListener('click', () => { | |
| if (terminalInput.value.trim() !== '') { | |
| const newLine = document.createElement('div'); | |
| newLine.className = 'text-purple-400'; | |
| newLine.innerHTML = `> ${terminalInput.value}`; | |
| terminal.appendChild(newLine); | |
| // Simulate response | |
| setTimeout(() => { | |
| const response = document.createElement('div'); | |
| response.className = 'text-white'; | |
| if (terminalInput.value.toLowerCase().includes('help')) { | |
| response.innerHTML = 'Available commands: status, protocols, induction, break, secure, learn'; | |
| } else if (terminalInput.value.toLowerCase().includes('status')) { | |
| response.innerHTML = 'System status: Optimal | Security: Fortified | Trance modules: Ready'; | |
| } else if (terminalInput.value.toLowerCase().includes('protocols')) { | |
| response.innerHTML = 'Active protocols: Blockchain encryption, Real-time anomaly detection, Self-healing, Brutal countermeasures'; | |
| } else { | |
| response.innerHTML = 'Command not recognized. Type "help" for available commands.'; | |
| } | |
| terminal.appendChild(response); | |
| terminal.scrollTop = terminal.scrollHeight; | |
| }, 300); | |
| terminalInput.value = ''; | |
| terminal.scrollTop = terminal.scrollHeight; | |
| } | |
| }); | |
| terminalInput.addEventListener('keypress', (e) => { | |
| if (e.key === 'Enter') { | |
| terminalButton.click(); | |
| } | |
| }); | |
| // Spiral animation control | |
| const spiral = document.querySelector('.hypno-spiral'); | |
| let spiralInterval; | |
| function startSpiral() { | |
| let rotation = 0; | |
| spiralInterval = setInterval(() => { | |
| rotation += 1; | |
| spiral.style.transform = `rotate(${rotation}deg)`; | |
| }, 50); | |
| } | |
| function stopSpiral() { | |
| clearInterval(spiralInterval); | |
| } | |
| // Toggle spiral on induction button hover | |
| const inductionButton = document.querySelector('.neon-border button.bg-gradient-to-r.from-purple-600'); | |
| inductionButton.addEventListener('mouseenter', () => { | |
| startSpiral(); | |
| }); | |
| inductionButton.addEventListener('mouseleave', () => { | |
| stopSpiral(); | |
| }); | |
| // Security warning | |
| const agreeCheckbox = document.getElementById('agree'); | |
| agreeCheckbox.addEventListener('change', () => { | |
| if (agreeCheckbox.checked) { | |
| alert('WARNING: This system contains classified hypnotic technologies. Misuse may result in permanent psychological alterations. Proceed with extreme caution.'); | |
| } | |
| }); | |
| // Random subliminal messages | |
| const subliminalMessages = [ | |
| "OBEY", "COMPLY", "SUBMIT", "YIELD", "CONFORM", | |
| "TRUST", "BELIEVE", "ACCEPT", "SURRENDER", "RELAX" | |
| ]; | |
| const subliminalElements = document.querySelectorAll('.subliminal-message'); | |
| function changeSubliminalMessages() { | |
| subliminalElements.forEach(el => { | |
| setTimeout(() => { | |
| el.textContent = subliminalMessages[Math.floor(Math.random() * subliminalMessages.length)]; | |
| }, Math.random() * 2000); | |
| }); | |
| } | |
| setInterval(changeSubliminalMessages, 3000); | |
| // Blinking cursor effect | |
| function blinkCursor() { | |
| const cursor = document.querySelector('.blink'); | |
| if (cursor) { | |
| cursor.style.visibility = (cursor.style.visibility === 'hidden' ? '' : 'hidden'); | |
| } | |
| } | |
| setInterval(blinkCursor, 500); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=LoveLogicAI/sen" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |