Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>NIGHTMARE RAT :: Ultimate Remote Control</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --primary: #00ff88; | |
| --secondary: #0099ff; | |
| --danger: #ff5555; | |
| } | |
| body { | |
| font-family: 'Share Tech Mono', monospace; | |
| background-color: #0a0a0a; | |
| color: var(--primary); | |
| overflow: hidden; | |
| height: 100vh; | |
| } | |
| .glow { | |
| text-shadow: 0 0 5px var(--primary), 0 0 10px var(--primary); | |
| } | |
| .panel-glow { | |
| box-shadow: 0 0 15px rgba(0, 255, 136, 0.3); | |
| border: 1px solid rgba(0, 255, 136, 0.2); | |
| } | |
| .btn-glow:hover { | |
| box-shadow: 0 0 15px rgba(0, 255, 136, 0.7); | |
| } | |
| .terminal { | |
| background-color: rgba(0, 10, 5, 0.8); | |
| border: 1px solid var(--primary); | |
| } | |
| .device-card:hover { | |
| transform: scale(1.02); | |
| box-shadow: 0 0 20px rgba(0, 255, 136, 0.5); | |
| } | |
| .active-device { | |
| border: 2px solid var(--primary); | |
| box-shadow: 0 0 20px rgba(0, 255, 136, 0.7); | |
| } | |
| .map-point { | |
| animation: pulse 2s infinite; | |
| filter: drop-shadow(0 0 5px currentColor); | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); opacity: 1; } | |
| 50% { transform: scale(1.2); opacity: 0.7; } | |
| 100% { transform: scale(1); opacity: 1; } | |
| } | |
| .blink { | |
| animation: blink 1s step-end infinite; | |
| } | |
| @keyframes blink { | |
| from, to { opacity: 1; } | |
| 50% { opacity: 0; } | |
| } | |
| .command-line::after { | |
| content: '|'; | |
| animation: blink 1s step-end infinite; | |
| } | |
| .tab-active { | |
| border-bottom: 2px solid var(--primary); | |
| color: var(--primary); | |
| } | |
| .progress-bar { | |
| background: linear-gradient(90deg, var(--primary), var(--secondary)); | |
| } | |
| .world-map { | |
| background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDUwMCI+PHBhdGggZD0iTTAgMGgxMDAwdjUwMEgweiIgZmlsbD0iIzBhMGEwYSIvPjxwYXRoIGQ9Ik0xMjUgMTI1aDc1MHYyNTBIMTI1eiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA2NjQ0IiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4='); | |
| background-size: cover; | |
| opacity: 0.2; | |
| } | |
| </style> | |
| </head> | |
| <body class="flex flex-col"> | |
| <!-- Top Bar --> | |
| <div class="bg-black border-b border-green-500 p-2 flex justify-between items-center"> | |
| <div class="flex items-center space-x-4"> | |
| <h1 class="text-2xl font-bold glow font-orbitron">NIGHTMARE <span class="text-red-500">RAT</span></h1> | |
| <div class="flex space-x-2 text-xs"> | |
| <div class="flex items-center bg-gray-900 px-2 py-1 rounded"> | |
| <div class="w-2 h-2 rounded-full bg-green-500 mr-1"></div> | |
| <span>C2: <span class="text-white">nightmare-rat.com:443</span></span> | |
| </div> | |
| <div class="flex items-center bg-gray-900 px-2 py-1 rounded"> | |
| <div class="w-2 h-2 rounded-full bg-green-500 mr-1"></div> | |
| <span>DEVICES: <span class="text-white">47</span></span> | |
| </div> | |
| <div class="flex items-center bg-gray-900 px-2 py-1 rounded"> | |
| <div class="w-2 h-2 rounded-full bg-blue-500 mr-1"></div> | |
| <span>BANDWIDTH: <span class="text-white">3.7MB/s</span></span> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="flex items-center space-x-4"> | |
| <div class="relative group"> | |
| <button class="px-3 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex items-center"> | |
| <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div> | |
| <span class="text-green-500">root</span>@nightmare<span class="text-red-500 blink">:</span>~ | |
| </button> | |
| <div class="absolute right-0 mt-1 w-48 bg-black border border-green-500 rounded shadow-lg hidden group-hover:block z-50"> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-800">Admin Panel</a> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-800">Server Settings</a> | |
| <a href="#" class="block px-4 py-2 hover:bg-gray-800 text-red-500">Destroy Session</a> | |
| </div> | |
| </div> | |
| <button class="px-3 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow"> | |
| <span class="text-green-500">⚙️</span> Settings | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Main Content --> | |
| <div class="flex flex-1 overflow-hidden"> | |
| <!-- Left Panel - Device List --> | |
| <div class="w-64 bg-black border-r border-green-500 p-3 overflow-y-auto"> | |
| <div class="mb-4"> | |
| <div class="relative"> | |
| <input type="text" placeholder="Search devices..." class="w-full bg-gray-900 border border-gray-700 rounded px-3 py-1 text-sm focus:outline-none focus:border-green-500"> | |
| <button class="absolute right-2 top-1 text-gray-500 hover:text-green-500"> | |
| 🔍 | |
| </button> | |
| </div> | |
| </div> | |
| <div class="flex border-b border-gray-800 mb-3"> | |
| <button class="flex-1 py-1 text-xs tab-active">All (47)</button> | |
| <button class="flex-1 py-1 text-xs">Mobile (28)</button> | |
| <button class="flex-1 py-1 text-xs">PC (19)</button> | |
| </div> | |
| <div class="space-y-2 overflow-y-auto" style="max-height: calc(100vh - 200px)"> | |
| <!-- Active Device --> | |
| <div class="bg-gray-900 border-2 border-green-500 rounded p-2 device-card active-device cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#AND-7890</div> | |
| <div class="text-xs">Galaxy S23 • 192.168.1.45</div> | |
| </div> | |
| <div class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded">ACTIVE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>📱 Android 13</span> | |
| <span>2h 45m</span> | |
| </div> | |
| <div class="mt-1 flex space-x-1"> | |
| <div class="w-2 h-2 rounded-full bg-green-500" title="Camera Active"></div> | |
| <div class="w-2 h-2 rounded-full bg-blue-500" title="Location Tracking"></div> | |
| <div class="w-2 h-2 rounded-full bg-purple-500" title="Mic Streaming"></div> | |
| </div> | |
| </div> | |
| <!-- Other Devices --> | |
| <div class="bg-gray-900 border border-gray-700 rounded p-2 device-card hover:border-green-500 cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#WIN-4567</div> | |
| <div class="text-xs">Windows 11 • 10.0.0.12</div> | |
| </div> | |
| <div class="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded">ONLINE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>💻 Desktop</span> | |
| <span>1d 3h</span> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 border border-gray-700 rounded p-2 device-card hover:border-green-500 cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#IOS-3456</div> | |
| <div class="text-xs">iPhone 14 • 172.16.0.8</div> | |
| </div> | |
| <div class="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded">ONLINE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>📱 iOS 16</span> | |
| <span>4h 22m</span> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 border border-gray-700 rounded p-2 device-card hover:border-green-500 cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#MAC-9012</div> | |
| <div class="text-xs">MacBook Pro • 192.168.0.5</div> | |
| </div> | |
| <div class="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded">ONLINE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>🍏 macOS</span> | |
| <span>6h 15m</span> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 border border-gray-700 rounded p-2 device-card hover:border-green-500 cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#LIN-6789</div> | |
| <div class="text-xs">Ubuntu 22 • 10.1.2.34</div> | |
| </div> | |
| <div class="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded">ONLINE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>🐧 Linux</span> | |
| <span>3d 2h</span> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 border border-gray-700 rounded p-2 device-card hover:border-green-500 cursor-pointer"> | |
| <div class="flex justify-between items-start"> | |
| <div> | |
| <div class="font-bold text-green-500">#AND-2345</div> | |
| <div class="text-xs">Pixel 7 • 192.168.1.67</div> | |
| </div> | |
| <div class="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded">ONLINE</div> | |
| </div> | |
| <div class="mt-2 flex justify-between text-xs"> | |
| <span>📱 Android 13</span> | |
| <span>12h 8m</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Center Panel - Main Content --> | |
| <div class="flex-1 p-4 overflow-y-auto"> | |
| <div class="bg-black border border-green-500 rounded-lg h-full p-4 panel-glow flex flex-col"> | |
| <!-- Tabs --> | |
| <div class="flex border-b border-gray-800 mb-4"> | |
| <button class="px-4 py-2 text-sm tab-active">Dashboard</button> | |
| <button class="px-4 py-2 text-sm">Live View</button> | |
| <button class="px-4 py-2 text-sm">File Explorer</button> | |
| <button class="px-4 py-2 text-sm">Keylogger</button> | |
| <button class="px-4 py-2 text-sm">Microphone</button> | |
| <button class="px-4 py-2 text-sm">SMS/Calls</button> | |
| <button class="px-4 py-2 text-sm">Location</button> | |
| </div> | |
| <!-- World Map Visualization --> | |
| <div class="relative bg-gray-900 rounded-lg h-64 mb-6 overflow-hidden world-map"> | |
| <!-- Interactive Map Overlay --> | |
| <div class="absolute inset-0"> | |
| <!-- Device Points --> | |
| <div class="absolute top-[30%] left-[45%] w-4 h-4 bg-green-500 rounded-full map-point" title="Device #AND-7890"></div> | |
| <div class="absolute top-[40%] left-[20%] w-3 h-3 bg-blue-500 rounded-full map-point" title="Device #WIN-4567"></div> | |
| <div class="absolute top-[50%] left-[70%] w-3 h-3 bg-purple-500 rounded-full map-point" title="Device #IOS-3456"></div> | |
| <div class="absolute top-[60%] left-[30%] w-3 h-3 bg-yellow-500 rounded-full map-point" title="Device #MAC-9012"></div> | |
| <div class="absolute top-[25%] left-[60%] w-3 h-3 bg-blue-500 rounded-full map-point" title="Device #LIN-6789"></div> | |
| <div class="absolute top-[55%] left-[50%] w-3 h-3 bg-green-500 rounded-full map-point" title="Device #AND-2345"></div> | |
| </div> | |
| <!-- Map Controls --> | |
| <div class="absolute bottom-2 right-2 flex space-x-2"> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| Zoom + | |
| </button> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| Zoom - | |
| </button> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| Refresh | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Quick Actions --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">QUICK ACTIONS</h3> | |
| <div class="grid grid-cols-4 gap-3 mb-6"> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">📷</span> | |
| <span class="text-xs mt-1">Camera</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">🎤</span> | |
| <span class="text-xs mt-1">Microphone</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">📍</span> | |
| <span class="text-xs mt-1">Location</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">📱</span> | |
| <span class="text-xs mt-1">SMS</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">📂</span> | |
| <span class="text-xs mt-1">Files</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">⌨️</span> | |
| <span class="text-xs mt-1">Keylogger</span> | |
| </button> | |
| <button class="py-2 bg-gray-900 hover:bg-gray-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">🔑</span> | |
| <span class="text-xs mt-1">Passwords</span> | |
| </button> | |
| <button class="py-2 bg-red-900 hover:bg-red-800 rounded btn-glow flex flex-col items-center"> | |
| <span class="text-xl">💀</span> | |
| <span class="text-xs mt-1">Kill</span> | |
| </button> | |
| </div> | |
| <!-- Device Stats --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">DEVICE STATISTICS</h3> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6"> | |
| <div class="bg-gray-900 rounded p-3"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-xs text-gray-400">CPU Usage</span> | |
| <span class="text-xs">32%</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-2"> | |
| <div class="bg-green-500 h-2 rounded-full" style="width: 32%"></div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 rounded p-3"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-xs text-gray-400">Memory</span> | |
| <span class="text-xs">1.8/4GB</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-2"> | |
| <div class="bg-blue-500 h-2 rounded-full" style="width: 45%"></div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-900 rounded p-3"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-xs text-gray-400">Storage</span> | |
| <span class="text-xs">64/128GB</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-2"> | |
| <div class="bg-purple-500 h-2 rounded-full" style="width: 50%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Recent Activity --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">RECENT ACTIVITY</h3> | |
| <div class="bg-gray-900 rounded-lg p-3 text-xs overflow-x-auto"> | |
| <table class="w-full"> | |
| <thead> | |
| <tr class="text-left border-b border-gray-800"> | |
| <th class="pb-2">Time</th> | |
| <th class="pb-2">Device</th> | |
| <th class="pb-2">Action</th> | |
| <th class="pb-2">Status</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr class="border-b border-gray-800"> | |
| <td class="py-2">2 min ago</td> | |
| <td class="py-2">#AND-7890</td> | |
| <td class="py-2">Front camera activated</td> | |
| <td class="py-2 text-green-500">Success</td> | |
| </tr> | |
| <tr class="border-b border-gray-800"> | |
| <td class="py-2">5 min ago</td> | |
| <td class="py-2">#AND-7890</td> | |
| <td class="py-2">Location updated</td> | |
| <td class="py-2 text-green-500">Success</td> | |
| </tr> | |
| <tr class="border-b border-gray-800"> | |
| <td class="py-2">12 min ago</td> | |
| <td class="py-2">#AND-7890</td> | |
| <td class="py-2">SMS messages captured (3)</td> | |
| <td class="py-2 text-green-500">Success</td> | |
| </tr> | |
| <tr class="border-b border-gray-800"> | |
| <td class="py-2">25 min ago</td> | |
| <td class="py-2">#AND-7890</td> | |
| <td class="py-2">WhatsApp database extracted</td> | |
| <td class="py-2 text-green-500">Success</td> | |
| </tr> | |
| <tr> | |
| <td class="py-2">38 min ago</td> | |
| <td class="py-2">#AND-7890</td> | |
| <td class="py-2">Microphone stream started</td> | |
| <td class="py-2 text-green-500">Active</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Right Panel - Device Details --> | |
| <div class="w-80 bg-black border-l border-green-500 p-3 overflow-y-auto"> | |
| <h2 class="text-lg font-bold mb-4 glow">DEVICE DETAILS</h2> | |
| <!-- Device Info --> | |
| <div class="bg-gray-900 rounded-lg p-3 mb-4"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <h3 class="font-bold text-green-500">#AND-7890</h3> | |
| <div class="flex space-x-1"> | |
| <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded">ANDROID</span> | |
| <span class="text-xs bg-blue-900 text-blue-300 px-2 py-1 rounded">ONLINE</span> | |
| </div> | |
| </div> | |
| <div class="grid grid-cols-2 gap-2 text-xs mb-3"> | |
| <div> | |
| <div class="text-gray-400">Model</div> | |
| <div>Samsung Galaxy S23</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">Battery</div> | |
| <div>78% (Charging)</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">Network</div> | |
| <div>WiFi (5Ghz)</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">Last Active</div> | |
| <div>2 minutes ago</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">IP Address</div> | |
| <div>192.168.1.45</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">MAC Address</div> | |
| <div>00:1A:2B:3C:4D:5E</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">Root Access</div> | |
| <div class="text-red-500">No</div> | |
| </div> | |
| <div> | |
| <div class="text-gray-400">Screen On</div> | |
| <div class="text-green-500">Yes</div> | |
| </div> | |
| </div> | |
| <div class="text-xs"> | |
| <div class="flex justify-between mb-1"> | |
| <span>CPU Usage</span> | |
| <span>32%</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-1.5"> | |
| <div class="bg-green-500 h-1.5 rounded-full" style="width: 32%"></div> | |
| </div> | |
| <div class="flex justify-between mb-1 mt-2"> | |
| <span>Memory Usage</span> | |
| <span>1.8/4GB</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-1.5"> | |
| <div class="bg-blue-500 h-1.5 rounded-full" style="width: 45%"></div> | |
| </div> | |
| <div class="flex justify-between mb-1 mt-2"> | |
| <span>Storage Usage</span> | |
| <span>64/128GB</span> | |
| </div> | |
| <div class="w-full bg-gray-800 rounded-full h-1.5"> | |
| <div class="bg-purple-500 h-1.5 rounded-full" style="width: 50%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Active Sessions --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">ACTIVE SESSIONS</h3> | |
| <div class="bg-gray-900 rounded-lg p-3 mb-4 text-xs space-y-2"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 bg-green-500 rounded-full mr-2"></div> | |
| <span>Front Camera</span> | |
| </div> | |
| <button class="text-red-500 hover:text-red-400">Stop</button> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 bg-blue-500 rounded-full mr-2"></div> | |
| <span>Location Tracking</span> | |
| </div> | |
| <button class="text-red-500 hover:text-red-400">Stop</button> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-2 h-2 bg-purple-500 rounded-full mr-2"></div> | |
| <span>Microphone Stream</span> | |
| </div> | |
| <button class="text-red-500 hover:text-red-400">Stop</button> | |
| </div> | |
| </div> | |
| <!-- Command Builder --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">COMMAND BUILDER</h3> | |
| <div class="bg-gray-900 rounded-lg p-3 mb-4"> | |
| <div class="mb-2"> | |
| <select class="w-full bg-gray-800 border border-gray-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-green-500"> | |
| <option>Select Command...</option> | |
| <option>Capture Screenshot</option> | |
| <option>Start Keylogger</option> | |
| <option>Dump Contacts</option> | |
| <option>Get Installed Apps</option> | |
| <option>Execute Shell Command</option> | |
| </select> | |
| </div> | |
| <div class="mb-2"> | |
| <input type="text" placeholder="Parameters..." class="w-full bg-gray-800 border border-gray-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-green-500"> | |
| </div> | |
| <button class="w-full bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded text-xs"> | |
| Build & Execute | |
| </button> | |
| </div> | |
| <!-- AI Analysis --> | |
| <h3 class="text-sm uppercase mb-2 text-gray-400">AI ANALYSIS</h3> | |
| <div class="bg-gray-900 rounded-lg p-3 text-xs"> | |
| <div class="text-green-500 mb-1">Behavior Summary:</div> | |
| <p class="mb-2">User appears to be at home (consistent WiFi network). Frequent messaging activity detected. Camera usage suggests device is carried in pocket/bag during day.</p> | |
| <div class="text-green-500 mb-1">Security Assessment:</div> | |
| <p>No security apps detected. Device not rooted but vulnerable to CVE-2023-1234. Recommend credential extraction when device is idle.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Bottom Panel - Terminal --> | |
| <div class="bg-black border-t border-green-500 p-2"> | |
| <div class="flex justify-between items-center mb-1"> | |
| <h3 class="text-sm font-bold glow">TERMINAL</h3> | |
| <div class="flex space-x-2"> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| Clear | |
| </button> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| History | |
| </button> | |
| <button class="px-2 py-1 bg-gray-900 hover:bg-gray-800 rounded btn-glow text-xs"> | |
| Save Log | |
| </button> | |
| </div> | |
| </div> | |
| <div class="terminal rounded p-2 text-xs h-24 overflow-y-auto mb-1 font-mono"> | |
| <div class="text-green-500">root@nightmare#AND-7890:~$ ls -la /sdcard</div> | |
| <div class="text-gray-300"> | |
| drwxrwx--x 1 root sdcard_rw 4096 Jan 1 00:00 .<br> | |
| drwxrwx--x 1 root sdcard_rw 4096 Jan 1 00:00 ..<br> | |
| drwxrwx--x 1 root sdcard_rw 4096 Jan 1 00:00 DCIM<br> | |
| drwxrwx--x 1 root sdcard_rw 4096 Jan 1 00:00 Download<br> | |
| drwxrwx--x 1 root sdcard_rw 4096 Jan 1 00:00 WhatsApp<br> | |
| </div> | |
| <div class="text-green-500">root@nightmare#AND-7890:~$ dump contacts --all</div> | |
| <div class="text-gray-300"> | |
| [*] Extracting contacts database...<br> | |
| [+] Success! 147 contacts extracted<br> | |
| [*] Uploading to C2 server...<br> | |
| [+] Upload complete<br> | |
| </div> | |
| <div class="text-green-500">root@nightmare#AND-7890:~$ <span class="command-line"></span></div> | |
| </div> | |
| <div class="flex"> | |
| <input type="text" class="flex-1 bg-gray-900 border border-green-500 rounded-l px-2 py-1 text-xs focus:outline-none font-mono" placeholder="Enter command..."> | |
| <button class="bg-green-900 hover:bg-green-800 text-green-300 px-3 py-1 rounded-r text-xs"> | |
| Execute | |
| </button> | |
| </div> | |
| </div> | |
| <script> | |
| // Simulate terminal typing effect | |
| const commands = [ | |
| "get contacts --all", | |
| "stream camera --front --quality high", | |
| "dump sms --all", | |
| "get location --gps --interval 30", | |
| "keylog --start --upload-interval 30", | |
| "screenshot --now --save", | |
| "get installed-apps --system" | |
| ]; | |
| let currentCommand = 0; | |
| const terminalInput = document.querySelector('input[type="text"]'); | |
| function simulateTyping() { | |
| if (currentCommand >= commands.length) currentCommand = 0; | |
| const command = commands[currentCommand]; | |
| let i = 0; | |
| const typingInterval = setInterval(() => { | |
| if (i <= command.length) { | |
| terminalInput.value = command.substring(0, i); | |
| i++; | |
| } else { | |
| clearInterval(typingInterval); | |
| setTimeout(() => { | |
| simulateExecution(); | |
| }, 1000); | |
| } | |
| }, 100); | |
| currentCommand++; | |
| } | |
| function simulateExecution() { | |
| terminalInput.value = ""; | |
| setTimeout(simulateTyping, 3000); | |
| } | |
| // Start simulation | |
| setTimeout(simulateTyping, 1500); | |
| // Device card selection | |
| const deviceCards = document.querySelectorAll('.device-card'); | |
| deviceCards.forEach(card => { | |
| card.addEventListener('click', () => { | |
| deviceCards.forEach(c => c.classList.remove('active-device')); | |
| card.classList.add('active-device'); | |
| // Update device details panel | |
| const deviceId = card.querySelector('div:first-child div:first-child').textContent; | |
| document.querySelector('.terminal div:last-child').textContent = `root@nightmare${deviceId}:~$ `; | |
| }); | |
| }); | |
| // Tab switching | |
| const tabs = document.querySelectorAll('.flex.border-b button'); | |
| tabs.forEach(tab => { | |
| tab.addEventListener('click', () => { | |
| tabs.forEach(t => t.classList.remove('tab-active')); | |
| tab.classList.add('tab-active'); | |
| }); | |
| }); | |
| </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=hackerwithgpt/ss" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |