Spaces:
Running
Running
1. **INSTANT ACCESS** - No registration → Session ID = SHA256(browser_fingerprint + timestamp) - Session lifetime: 60 min (extendable via mining) 2. **TERMINAL COMMAND CENTER** - Embedded xterm.js with commands: * `number_gen -loc [Hell/NYC] -type [custom/random]` * `mirror --url [service.com]` (auto-injects OTPs) * `inbox` (view all messages) * `reply -num [sender] -msg "text"` * `mining --start/--status` 3. **FICTIONAL AREA CODES (FULL SMS FUNCTIONALITY)** - Receive/send normal texts + verification codes: * `666` (Hell, MI): Flaming message animations * `777` (Atlantis, FL): Water ripple effects * `999` (Area 51, NV): UFO abduction visuals - Real US coverage: All valid area codes 4. **MESSAGING SYSTEM** - Full SMS capabilities: * Send/receive texts to any number * Attach images/files (max 5MB) * Group messaging support - Auto-detection: Verification codes → highlighted red Normal texts → displayed white 5. **SECURITY & ROUTING** - Black Hole Relay: `Sender → Tor → Military Proxy → Your Terminal` - Spoof carrier IDs (AT&T/Verizon) for all numbers - Auto-encrypt attachments with AES-256 6. **ALL FEATURES FREE** - Unlimited numbers/texts - VøïdMirror™ auto-injection - Vøïd Vault with dead-man switch - Carrier spoofing 7. **MONETIZATION** - Opt-in Monero mining: * 30% CPU cap * Rewards: - 10 min mining = +1 hour session - 1 hr mining = Dark Token - Token uses: * Reserved numbers (5 tokens/week) * Priority routing (2 tokens) 8. **DESIGN SPECS** - Color Scheme: * Background: #0A0A0A (Void Black) * Terminal: #00FF41 (Matrix Green) * Icons: #00E8FC (Neon Blue) - Animations: * Hell numbers: Flaming borders * OTP arrival: Skull icon pulse - Icon: Broken phone with neon blue cracks 9. **COMPLIANCE** - Auto-block: * Banking/gov services (regex filters) * Spam numbers (community-reported) - Disclaimer: "666 numbers may summon demons - reply at your own risk" **Technical Requirements**: ```yaml backend: - SMS Gateway: Twilio API + custom spoofing - Routing: Onionize.js (Tor) + proxy chaining - Security: WebCrypto API for end-to-end encryption - Storage: Session-scoped IndexedDB (auto-wipe on exit) frontend: - Terminal: xterm.js with custom command parser - SMS Interface: Dual-view (terminal/GUI toggle) - Mapping: Leaflet.js for number location visuals - Effects: WebGL animations for area code themes deployment: - PWA-first (mobile/desktop) - Zero persistent data - Test coverage: * Hell number SMS send/receive * VøïdMirror™ auto-injection test * Mining thermal safety check - Initial Deployment
35a1974
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>VøïdComm Terminal</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"> | |
| <script src="https://unpkg.com/[email protected]/lib/xterm.js"></script> | |
| <link href="https://unpkg.com/[email protected]/css/xterm.css" rel="stylesheet"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=JetBrains+Mono:wght@400;700&display=swap'); | |
| :root { | |
| --void-black: #0A0A0A; | |
| --matrix-green: #00FF41; | |
| --neon-blue: #00E8FC; | |
| --terminal-bg: #011; | |
| --hell-red: #ff3300; | |
| --atlantis-blue: #00d4ff; | |
| --area51-purple: #b300ff; | |
| } | |
| body { | |
| background-color: var(--void-black); | |
| color: var(--matrix-green); | |
| font-family: 'JetBrains Mono', monospace; | |
| min-height: 100vh; | |
| margin: 0; | |
| overflow-x: hidden; | |
| position: relative; | |
| } | |
| body::before { | |
| content: ""; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: radial-gradient(circle at center, rgba(17, 17, 17, 0.8) 0%, var(--void-black) 70%); | |
| z-index: -2; | |
| } | |
| body::after { | |
| content: ""; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-image: | |
| radial-gradient(circle, rgba(255,0,0,0.05) 1px, transparent 2px), | |
| radial-gradient(circle, rgba(0,255,65,0.05) 1px, transparent 2px); | |
| background-size: 30px 30px; | |
| opacity: 0.1; | |
| z-index: -1; | |
| } | |
| .matrix-text { | |
| font-family: 'Major Mono Display', monospace; | |
| } | |
| .glitch-text { | |
| position: relative; | |
| color: var(--matrix-green); | |
| animation: glitch 3s infinite; | |
| } | |
| @keyframes glitch { | |
| 0% { text-shadow: 0.05em 0 0 rgba(255,0,0,0.75); } | |
| 14% { text-shadow: 0.05em 0 0 rgba(255,0,0,0.75), -0.05em -0.025em 0 rgba(0,255,0,0.75); } | |
| 15% { text-shadow: -0.05em -0.025em 0 rgba(0,255,0,0.75), 0.025em 0.05em 0 rgba(0,0,255,0.75); } | |
| 49% { text-shadow: 0.025em 0.05em 0 rgba(0,0,255,0.75); } | |
| 50% { text-shadow: -0.05em 0 0 rgba(255,0,0,0.75); } | |
| 99% { text-shadow: -0.05em 0 0 rgba(255,0,0,0.75), 0.05em 0.025em 0 rgba(0,255,0,0.75); } | |
| 100% { text-shadow: 0.05em 0 0 rgba(255,0,0,0.75); } | |
| } | |
| .hell-flames { | |
| position: relative; | |
| padding: 0.25rem 1rem; | |
| border-left: 2px solid var(--hell-red); | |
| box-shadow: 0 0 15px var(--hell-red); | |
| animation: flame 1.5s infinite ease-in-out; | |
| } | |
| .hell-flames::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: linear-gradient(to right, rgba(255,80,0,0.3) 0%, transparent 100%); | |
| animation: flame-light 1s infinite; | |
| } | |
| @keyframes flame { | |
| 0%, 100% { box-shadow: 0 0 15px var(--hell-red); } | |
| 50% { box-shadow: 0 0 25px var(--hell-red), 0 0 30px rgba(255,100,0,0.8); } | |
| } | |
| .atlantis-ripple { | |
| position: relative; | |
| overflow: hidden; | |
| padding: 0.25rem 1rem; | |
| border-left: 2px solid var(--atlantis-blue); | |
| box-shadow: 0 0 15px var(--atlantis-blue); | |
| } | |
| .atlantis-ripple::after { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: radial-gradient(circle, rgba(0,255,255,0.3) 0%, transparent 70%); | |
| animation: ripple 4s infinite linear; | |
| } | |
| @keyframes ripple { | |
| 0% { transform: scale(1); opacity: 1; } | |
| 50% { transform: scale(1.5); opacity: 0; } | |
| 100% { transform: scale(1); opacity: 0; } | |
| } | |
| .ufo-effect { | |
| position: relative; | |
| padding: 0.25rem 1rem; | |
| border-left: 2px solid var(--area51-purple); | |
| box-shadow: 0 0 15px var(--area51-purple); | |
| animation: ufo 3s infinite ease-in-out; | |
| } | |
| @keyframes ufo { | |
| 0%, 100% { transform: translateY(0); box-shadow: 0 0 15px var(--area51-purple); } | |
| 50% { transform: translateY(-5px); box-shadow: 0 0 25px var(--area51-purple); } | |
| } | |
| .skull-pulse { | |
| animation: pulse 1s infinite; | |
| } | |
| @keyframes pulse { | |
| 0%, 100% { transform: scale(1); } | |
| 50% { transform: scale(1.1); } | |
| } | |
| .terminal-wrapper { | |
| background: var(--terminal-bg); | |
| border-radius: 0.5rem; | |
| overflow: hidden; | |
| box-shadow: 0 0 15px rgba(0, 255, 65, 0.2); | |
| height: 60vh; | |
| } | |
| .smokescreen { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background: radial-gradient(circle, rgba(0,255,65,0.02) 0%, transparent 70%); | |
| pointer-events: none; | |
| animation: smokescreen 20s infinite linear; | |
| z-index: 10; | |
| } | |
| @keyframes smokescreen { | |
| 0% { background-position: 0% 0%; } | |
| 50% { background-position: 25% 75%; } | |
| 100% { background-position: 0% 0%; } | |
| } | |
| .terminal-scrollbar::-webkit-scrollbar { | |
| width: 6px; | |
| } | |
| .terminal-scrollbar::-webkit-scrollbar-track { | |
| background: rgba(1, 10, 1, 0.8); | |
| } | |
| .terminal-scrollbar::-webkit-scrollbar-thumb { | |
| background: rgba(0, 255, 65, 0.4); | |
| border-radius: 3px; | |
| } | |
| .crack-effect { | |
| position: relative; | |
| } | |
| .crack-effect::after { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-image: | |
| linear-gradient(45deg, transparent 45%, rgba(0,232,252,0.3) 46%, transparent 47%), | |
| linear-gradient(-45deg, transparent 45%, rgba(0,232,252,0.3) 46%, transparent 47%); | |
| background-size: 20px 20px; | |
| animation: crack 60s infinite linear; | |
| } | |
| @keyframes crack { | |
| 0% { background-position: 0 0; } | |
| 100% { background-position: 100% 100%; } | |
| } | |
| .mining-status { | |
| position: relative; | |
| overflow: hidden; | |
| box-shadow: 0 0 10px rgba(0,255,65,0.5); | |
| } | |
| .mining-status::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: -100%; | |
| width: 100%; | |
| height: 100%; | |
| background: linear-gradient(90deg, transparent, rgba(0,255,65,0.2), transparent); | |
| animation: mining-glow 3s infinite ease-in-out; | |
| } | |
| @keyframes mining-glow { | |
| 0% { left: -100%; } | |
| 50% { left: 100%; } | |
| 100% { left: -100%; } | |
| } | |
| .otp-code { | |
| animation: blink 1s infinite; | |
| } | |
| @keyframes blink { | |
| 0%, 100% { background: rgba(255,0,0,0.3); } | |
| 50% { background: rgba(255,0,0,0.6); } | |
| } | |
| </style> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| 'void-black': '#0A0A0A', | |
| 'matrix-green': '#00FF41', | |
| 'neon-blue': '#00E8FC', | |
| 'terminal-bg': '#011', | |
| 'hell-red': '#ff3300', | |
| 'atlantis-blue': '#00d4ff', | |
| 'area51-purple': '#b300ff' | |
| }, | |
| fontFamily: { | |
| 'matrix': ['"Major Mono Display"', 'monospace'], | |
| 'terminal': ['"JetBrains Mono"', 'monospace'] | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-void-black text-matrix-green relative"> | |
| <div class="smokescreen"></div> | |
| <div class="container mx-auto px-4 py-8"> | |
| <!-- Header --> | |
| <header class="flex justify-between items-center mb-10 crack-effect"> | |
| <div class="flex items-center space-x-4"> | |
| <div class="text-4xl relative"> | |
| <i class="fas fa-mobile-alt text-neon-blue"></i> | |
| <i class="fas fa-bolt absolute -top-2 -right-2 text-xs text-hell-red"></i> | |
| </div> | |
| <h1 class="text-3xl font-matrix glitch-text">Vøïd<span class="text-neon-blue">Comm</span></h1> | |
| </div> | |
| <div class="text-right"> | |
| <div id="session-status" class="flex items-center space-x-2"> | |
| <div class="w-2 h-2 bg-matrix-green rounded-full animate-pulse"></div> | |
| <span class="text-sm">Session ID: </span> | |
| <span class="text-sm" id="session-id">3b4d...a7f9</span> | |
| </div> | |
| <div class="text-xs text-matrix-green/70"> | |
| Expires in: <span id="session-timer">57:23</span> | |
| <button id="extend-session" class="ml-2 text-xs text-neon-blue hover:underline">Extend via mining</button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Main Content --> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> | |
| <!-- Terminal & SMS Interface --> | |
| <div class="lg:col-span-2 flex flex-col space-y-8"> | |
| <!-- Terminal --> | |
| <div class="terminal-wrapper"> | |
| <div class="p-3 border-b border-matrix-green/30 flex space-x-2"> | |
| <div class="w-3 h-3 rounded-full bg-hell-red"></div> | |
| <div class="w-3 h-3 rounded-full bg-neon-blue"></div> | |
| <div class="w-3 h-3 rounded-full bg-area51-purple"></div> | |
| </div> | |
| <div id="terminal" class="h-full p-4 terminal-scrollbar"></div> | |
| </div> | |
| <!-- SMS Log --> | |
| <div class="bg-terminal-bg rounded-lg p-4"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h2 class="text-xl font-matrix flex items-center"> | |
| <i class="fas fa-inbox mr-2 text-neon-blue"></i> | |
| SMS Inbox | |
| </h2> | |
| <div class="flex space-x-2"> | |
| <button id="terminal-view" class="px-3 py-1 bg-matrix-green/10 hover:bg-matrix-green/30 text-xs rounded transition">Terminal View</button> | |
| <button id="new-message" class="px-3 py-1 bg-neon-blue/10 hover:bg-neon-blue/30 text-xs text-neon-blue rounded transition"> | |
| <i class="fas fa-plus mr-1"></i>New Message | |
| </button> | |
| </div> | |
| </div> | |
| <div class="space-y-3 max-h-96 overflow-y-auto terminal-scrollbar"> | |
| <!-- SMS Messages --> | |
| <div class="bg-void-black/50 p-3 rounded border-l-4 border-hell-red hell-flames"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <span class="text-hell-red">(666) 111-9876</span> | |
| <span class="text-white">Hell, MI</span> | |
| </div> | |
| <span class="text-xs text-matrix-green/70">Just now</span> | |
| </div> | |
| <div class="mt-2"> | |
| <span class="bg-hell-red/10 px-2 py-1 rounded">OTP:</span> | |
| <span class="font-bold otp-code">487294</span> | |
| <span class="ml-2">for account login</span> | |
| </div> | |
| </div> | |
| <div class="bg-void-black/50 p-3 rounded border-l-4 border-area51-purple ufo-effect"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <span class="text-area51-purple">(999) 555-XXXX</span> | |
| <span class="text-white">Area 51, NV</span> | |
| </div> | |
| <span class="text-xs text-matrix-green/70">4 min ago</span> | |
| </div> | |
| <div class="mt-2 flex items-center"> | |
| <span class="mr-2"><i class="fas fa-user-secret text-area51-purple"></i></span> | |
| <span>They know you're accessing our network. Proceed with caution.</span> | |
| </div> | |
| </div> | |
| <div class="bg-void-black/50 p-3 rounded border-l-4 border-atlantis-blue atlantis-ripple"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <span class="text-atlantis-blue">(777) 123-4567</span> | |
| <span class="text-white">Atlantis, FL</span> | |
| </div> | |
| <span class="text-xs text-matrix-green/70">12 min ago</span> | |
| </div> | |
| <div class="mt-2"> | |
| <p>Don't forget: Meeting with Poseidon tomorrow at Coral Reef Cafe</p> | |
| <div class="mt-2 flex space-x-2"> | |
| <div class="text-xs px-2 py-1 bg-atlantis-blue/10 text-atlantis-blue rounded">Image</div> | |
| <div class="text-xs px-2 py-1 bg-atlantis-blue/10 text-atlantis-blue rounded">Location</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Controls & Features --> | |
| <div class="space-y-8"> | |
| <!-- Generate Numbers --> | |
| <div class="bg-terminal-bg rounded-lg p-4"> | |
| <h2 class="text-xl font-matrix mb-4 flex items-center"> | |
| <i class="fas fa-hashtag mr-2 text-neon-blue"></i> | |
| Number Generation | |
| </h2> | |
| <div class="space-y-4"> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-10 h-10 rounded-full bg-hell-red/30 flex items-center justify-center"> | |
| <i class="fas fa-fire text-hell-red"></i> | |
| </div> | |
| <div> | |
| <div class="font-bold">Hell, MI</div> | |
| <div class="text-xs text-matrix-green/70">Area code: 666</div> | |
| </div> | |
| <button class="ml-auto px-3 py-1 bg-hell-red/10 hover:bg-hell-red/20 text-xs text-hell-red rounded transition"> | |
| Generate | |
| </button> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-10 h-10 rounded-full bg-atlantis-blue/30 flex items-center justify-center"> | |
| <i class="fas fa-water text-atlantis-blue"></i> | |
| </div> | |
| <div> | |
| <div class="font-bold">Atlantis, FL</div> | |
| <div class="text-xs text-matrix-green/70">Area code: 777</div> | |
| </div> | |
| <button class="ml-auto px-3 py-1 bg-atlantis-blue/10 hover:bg-atlantis-blue/20 text-xs text-atlantis-blue rounded transition"> | |
| Generate | |
| </button> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <div class="w-10 h-10 rounded-full bg-area51-purple/30 flex items-center justify-center"> | |
| <i class="fas fa-ufo text-area51-purple"></i> | |
| </div> | |
| <div> | |
| <div class="font-bold">Area 51, NV</div> | |
| <div class="text-xs text-matrix-green/70">Area code: 999</div> | |
| </div> | |
| <button class="ml-auto px-3 py-1 bg-area51-purple/10 hover:bg-area51-purple/20 text-xs text-area51-purple rounded transition"> | |
| Generate | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mining Module --> | |
| <div class="bg-terminal-bg rounded-lg p-4"> | |
| <h2 class="text-xl font-matrix mb-4 flex items-center"> | |
| <i class="fas fa-microchip mr-2 text-neon-blue"></i> | |
| Mining Module | |
| </h2> | |
| <div class="mining-status bg-matrix-green/5 p-4 rounded-lg mb-4"> | |
| <div class="flex justify-between items-center"> | |
| <div class="text-sm"> | |
| <div>Status: <span id="mining-status" class="text-matrix-green">Inactive</span></div> | |
| <div>CPU Usage: <span id="cpu-usage">0%</span> (limit: 30%)</div> | |
| </div> | |
| <div id="mining-reward" class="text-center"> | |
| <div class="text-xs">Session Extension</div> | |
| <div class="text-matrix-green">00:00</div> | |
| </div> | |
| </div> | |
| <div id="mining-bar" class="w-full h-2 bg-void-black mt-2 rounded overflow-hidden"> | |
| <div class="h-full bg-matrix-green w-0"></div> | |
| </div> | |
| </div> | |
| <div class="flex space-x-3"> | |
| <button id="start-mining" class="flex-1 bg-matrix-green/10 hover:bg-matrix-green/20 text-sm py-2 px-4 rounded transition"> | |
| Start Mining | |
| </button> | |
| <button id="stop-mining" class="flex-1 bg-hell-red/10 hover:bg-hell-red/20 text-sm py-2 px-4 text-hell-red rounded transition"> | |
| Stop | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Security & Routing --> | |
| <div class="bg-terminal-bg rounded-lg p-4"> | |
| <h2 class="text-xl font-matrix mb-4 flex items-center"> | |
| <i class="fas fa-user-shield mr-2 text-neon-blue"></i> | |
| Security & Routing | |
| </h2> | |
| <div class="space-y-3 text-sm"> | |
| <div class="flex"> | |
| <div class="w-6 flex justify-center"> | |
| <i class="fas fa-tor-on text-matrix-green"></i> | |
| </div> | |
| <div>Tor Encryption: Active</div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-6 flex justify-center"> | |
| <i class="fas fa-user-secret text-matrix-green"></i> | |
| </div> | |
| <div>Proxy Chain: Active (3 hops)</div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-6 flex justify-center"> | |
| <i class="fas fa-sync text-matrix-green"></i> | |
| </div> | |
| <div>Carrier Spoof: AT&T (Default)</div> | |
| </div> | |
| <div class="flex"> | |
| <div class="w-6 flex justify-center"> | |
| <i class="fas fa-lock text-matrix-green"></i> | |
| </div> | |
| <div>End-to-end Encryption: Enabled</div> | |
| </div> | |
| <div class="mt-4 p-2 bg-void-black rounded"> | |
| <div class="text-xs text-matrix-green/70">Current Spoof ID:</div> | |
| <div class="text-sm">AT&T Mobile / (999) XXX-XXXX</div> | |
| </div> | |
| <button class="mt-3 w-full bg-neon-blue/10 hover:bg-neon-blue/20 text-sm py-2 px-4 rounded transition text-center"> | |
| Rotate Identity | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Disclaimer --> | |
| <div class="mt-8 text-xs text-matrix-green/50 p-3 border-t border-matrix-green/20"> | |
| <p class="text-center"> | |
| Warning: 666 numbers may summon demons - reply at your own risk. | |
| Banking and government services are automatically blocked. This service is strictly for educational and fictional purposes. | |
| </p> | |
| </div> | |
| </div> | |
| <!-- New Message Modal --> | |
| <div id="new-message-modal" class="fixed inset-0 bg-black/70 z-50 hidden items-center justify-center p-4"> | |
| <div class="bg-terminal-bg rounded-lg p-6 max-w-lg w-full"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h3 class="text-lg font-matrix flex items-center"> | |
| <i class="fas fa-paper-plane mr-2 text-neon-blue"></i> | |
| New Encrypted Message | |
| </h3> | |
| <button id="close-modal" class="text-matrix-green hover:text-white"> | |
| <i class="fas fa-times"></i> | |
| </button> | |
| </div> | |
| <div class="space-y-4"> | |
| <div> | |
| <label class="text-matrix-green/80 text-sm block mb-1">To:</label> | |
| <input type="text" placeholder="Number or contact" class="w-full bg-void-black border border-matrix-green/30 text-matrix-green p-2 rounded focus:outline-none focus:ring-1 focus:ring-matrix-green"> | |
| </div> | |
| <div> | |
| <label class="text-matrix-green/80 text-sm block mb-1">From (Spoof):</label> | |
| <div class="flex"> | |
| <select class="bg-void-black border border-matrix-green/30 text-matrix-green p-2 rounded focus:outline-none focus:ring-1 focus:ring-matrix-green"> | |
| <option>(666) XXX-XXXX</option> | |
| <option>(777) XXX-XXXX</option> | |
| <option>(999) XXX-XXXX</option> | |
| </select> | |
| <select class="ml-2 bg-void-black border border-matrix-green/30 text-matrix-green p-2 rounded focus:outline-none focus:ring-1 focus:ring-matrix-green"> | |
| <option>AT&T</option> | |
| <option>Verizon</option> | |
| <option>T-Mobile</option> | |
| <option>Sprint</option> | |
| </select> | |
| </div> | |
| </div> | |
| <div> | |
| <label class="text-matrix-green/80 text-sm block mb-1">Message:</label> | |
| <textarea class="w-full bg-void-black border border-matrix-green/30 text-matrix-green p-2 rounded focus:outline-none focus:ring-1 focus:ring-matrix-green min-h-32"></textarea> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <button class="px-3 py-1 bg-matrix-green/10 hover:bg-matrix-green/20 text-sm rounded transition flex items-center"> | |
| <i class="fas fa-paperclip mr-1"></i> Attach | |
| </button> | |
| <button class="px-3 py-1 bg-hell-red/10 hover:bg-hell-red/20 text-sm rounded transition text-hell-red flex items-center"> | |
| <i class="fas fa-skull mr-1"></i> Hell OTP | |
| </button> | |
| <button class="ml-auto px-4 py-2 bg-matrix-green/20 hover:bg-matrix-green/40 rounded transition"> | |
| Send | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Initialize terminal | |
| const terminal = new Terminal({ | |
| theme: { | |
| background: '#001101', | |
| foreground: '#00FF41', | |
| cursor: '#00FF41', | |
| selectionBackground: '#00FF41', | |
| selectionInactiveBackground: '#005500' | |
| }, | |
| fontFamily: '"JetBrains Mono", monospace', | |
| fontSize: 14 | |
| }); | |
| terminal.open(document.getElementById('terminal')); | |
| terminal.write('VøïdComm Terminal v3.14 [session initiated]\r\n'); | |
| terminal.write('Type "help" for available commands\r\n\r\n'); | |
| // Set up command handling | |
| terminal.onKey(e => { | |
| const printable = !e.domEvent.altKey && !e.domEvent.ctrlKey && !e.domEvent.metaKey; | |
| if (e.key === '\r') { | |
| // Handle command | |
| handleCommand(); | |
| terminal.prompt(); | |
| } else if (e.key === '\u007F') { | |
| // Backspace | |
| terminal.write('\b \b'); | |
| } else if (printable) { | |
| terminal.write(e.key); | |
| } | |
| }); | |
| // Command processing | |
| function handleCommand() { | |
| const command = getCurrentCommand().trim(); | |
| terminal.write('\r\n'); | |
| switch(command.split(' ')[0]) { | |
| case 'help': | |
| terminal.write('Available commands:\r\n'); | |
| terminal.write(' number_gen -loc [Hell/NYC] -type [custom/random]\r\n'); | |
| terminal.write(' mirror --url [service.com]\r\n'); | |
| terminal.write(' inbox\r\n'); | |
| terminal.write(' reply -num [sender] -msg "text"\r\n'); | |
| terminal.write(' mining --start/--status\r\n'); | |
| terminal.write(' exit - terminate session\r\n'); | |
| break; | |
| case 'number_gen': | |
| generateNumber(command); | |
| break; | |
| case 'mirror': | |
| mirrorService(command); | |
| break; | |
| case 'inbox': | |
| displayInbox(); | |
| break; | |
| case 'reply': | |
| sendReply(command); | |
| break; | |
| case 'mining': | |
| handleMining(command); | |
| break; | |
| case 'exit': | |
| terminal.write('Session terminated. All data wiped.\r\n'); | |
| terminal.write('VøïdComm. Gone without a trace.\r\n'); | |
| break; | |
| default: | |
| terminal.write(`Command not recognized: ${command}\r\n`); | |
| } | |
| terminal.write('\r\n'); | |
| } | |
| function getCurrentCommand() { | |
| return ''; // Simplified for demo | |
| } | |
| function generateNumber(command) { | |
| const matches = command.match(/-loc (\w+)/); | |
| const location = matches ? matches[1] : 'random'; | |
| const numbers = { | |
| 'Hell': '+1-666-555-', | |
| 'NYC': '+1-212-777-', | |
| 'random': '+1-' + Math.floor(100 + Math.random() * 900) + '-' + Math.floor(100 + Math.random() * 900) + '-' | |
| }; | |
| const rand = Math.floor(1000 + Math.random() * 9000); | |
| const num = numbers[location] || numbers['random']; | |
| terminal.write(`Generated number: ${num}${rand}\r\n`); | |
| } | |
| function mirrorService(command) { | |
| terminal.write('Initiating VøïdMirror™ service...\r\n'); | |
| terminal.write('Injecting OTP interceptors...\r\n'); | |
| terminal.write('Ready to capture authentication codes\r\n'); | |
| } | |
| function displayInbox() { | |
| terminal.write('Latest messages:\r\n'); | |
| terminal.write('1. (666) 111-9876: New OTP received\r\n'); | |
| terminal.write('2. (999) 555-XXXX: System alert\r\n'); | |
| terminal.write('3. (777) 123-4567: Meeting reminder\r\n'); | |
| } | |
| function sendReply(command) { | |
| terminal.write('Sending encrypted reply...\r\n'); | |
| terminal.write('Spoofing carrier identity...\r\n'); | |
| terminal.write('Message delivered via Black Hole Relay\r\n'); | |
| } | |
| function handleMining(command) { | |
| if (command.includes('--start')) { | |
| document.getElementById('mining-status').textContent = 'Active'; | |
| document.getElementById('cpu-usage').textContent = '28%'; | |
| terminal.write('Mining module activated. CPU capped at 30%\r\n'); | |
| terminal.write('Session extended by 10 minutes\r\n'); | |
| } else { | |
| terminal.write('Mining status: Active\r\n'); | |
| terminal.write('CPU usage: 28%\r\n'); | |
| terminal.write('Session extended: 00:57:43 remaining\r\n'); | |
| } | |
| } | |
| // UI interactions | |
| document.getElementById('new-message').addEventListener('click', () => { | |
| document.getElementById('new-message-modal').classList.remove('hidden'); | |
| document.getElementById('new-message-modal').classList.add('flex'); | |
| }); | |
| document.getElementById('close-modal').addEventListener('click', () => { | |
| document.getElementById('new-message-modal').classList.add('hidden'); | |
| document.getElementById('new-message-modal').classList.remove('flex'); | |
| }); | |
| document.getElementById('terminal-view').addEventListener('click', () => { | |
| document.querySelector('.terminal-wrapper').scrollIntoView({ behavior: 'smooth' }); | |
| }); | |
| // Mining controls | |
| document.getElementById('start-mining').addEventListener('click', () => { | |
| document.getElementById('mining-status').textContent = 'Active'; | |
| document.getElementById('cpu-usage').textContent = '28%'; | |
| document.querySelector('#mining-bar > div').style.width = '70%'; | |
| // Start session timer extension | |
| let timeLeft = 60 * 60; // 60 minutes | |
| const extendInterval = setInterval(() => { | |
| if (timeLeft <= 0) return; | |
| timeLeft++; | |
| const hours = Math.floor(timeLeft / 3600); | |
| const minutes = Math.floor((timeLeft % 3600) / 60); | |
| const seconds = timeLeft % 60; | |
| document.getElementById('mining-reward').innerHTML = ` | |
| <div class="text-xs">Session Extension</div> | |
| <div class="text-matrix-green">${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}</div> | |
| `; | |
| }, 1000); | |
| }); | |
| // Session timer | |
| let sessionTime = 57 * 60 + 23; // 57 minutes and 23 seconds | |
| const timerInterval = setInterval(() => { | |
| sessionTime--; | |
| if (sessionTime <= 0) { | |
| clearInterval(timerInterval); | |
| document.getElementById('session-timer').textContent = 'EXPIRED'; | |
| document.getElementById('session-status').innerHTML = '<div class="text-hell-red">Session terminated</div>'; | |
| return; | |
| } | |
| const minutes = Math.floor(sessionTime / 60); | |
| const seconds = sessionTime % 60; | |
| document.getElementById('session-timer').textContent = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`; | |
| }, 1000); | |
| }); | |
| </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=dropkickJesus999/v-dc-mmt-rm-l" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |