| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>NEON OSINT v3.2</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Share+Tech+Mono&display=swap" rel="stylesheet"> |
| <style> |
| :root { |
| --bg-dark: #1a1a1a; |
| --neon-green: #00FF00; |
| --neon-silver: #C0C0C0; |
| --terminal-text: #CCFFCC; |
| } |
| |
| body { |
| background-color: var(--bg-dark); |
| color: var(--terminal-text); |
| font-family: 'Share Tech Mono', monospace; |
| overflow: hidden; |
| } |
| |
| .terminal-window { |
| background-color: rgba(26, 26, 26, 0.9); |
| border: 1px solid var(--neon-green); |
| box-shadow: 0 0 10px rgba(0, 255, 0, 0.3); |
| position: relative; |
| } |
| |
| .terminal-header { |
| background-color: rgba(0, 255, 0, 0.1); |
| border-bottom: 1px solid var(--neon-green); |
| padding: 0.5rem; |
| display: flex; |
| justify-content: space-between; |
| align-items: center; |
| } |
| |
| .terminal-title { |
| color: var(--neon-green); |
| font-weight: bold; |
| text-transform: uppercase; |
| letter-spacing: 1px; |
| } |
| |
| .terminal-controls { |
| display: flex; |
| gap: 0.5rem; |
| } |
| |
| .control-btn { |
| width: 12px; |
| height: 12px; |
| border-radius: 50%; |
| border: 1px solid var(--neon-silver); |
| } |
| |
| .control-btn.close { |
| background-color: #FF5F56; |
| } |
| |
| .control-btn.minimize { |
| background-color: #FFBD2E; |
| } |
| |
| .control-btn.maximize { |
| background-color: #27C93F; |
| } |
| |
| .terminal-body { |
| padding: 1rem; |
| height: calc(100% - 40px); |
| overflow-y: auto; |
| } |
| |
| .command-line { |
| background-color: rgba(0, 0, 0, 0.3); |
| border-top: 1px solid var(--neon-green); |
| padding: 0.5rem; |
| display: flex; |
| align-items: center; |
| } |
| |
| .prompt { |
| color: var(--neon-green); |
| margin-right: 0.5rem; |
| } |
| |
| .cmd-input { |
| background-color: transparent; |
| border: none; |
| color: var(--terminal-text); |
| font-family: 'Share Tech Mono', monospace; |
| width: 100%; |
| outline: none; |
| } |
| |
| .tab { |
| padding: 0.5rem 1rem; |
| border: 1px solid var(--neon-green); |
| border-bottom: none; |
| cursor: pointer; |
| position: relative; |
| top: 1px; |
| } |
| |
| .tab.active { |
| background-color: rgba(0, 255, 0, 0.1); |
| border-bottom: 1px solid var(--bg-dark); |
| } |
| |
| .glitch-effect:hover { |
| text-shadow: 0 0 5px var(--neon-green), |
| 0 0 10px var(--neon-green), |
| 0 0 15px var(--neon-green); |
| animation: glitch 0.5s linear infinite; |
| } |
| |
| @keyframes glitch { |
| 0% { transform: translate(0); } |
| 20% { transform: translate(-2px, 2px); } |
| 40% { transform: translate(-2px, -2px); } |
| 60% { transform: translate(2px, 2px); } |
| 80% { transform: translate(2px, -2px); } |
| 100% { transform: translate(0); } |
| } |
| |
| .status-led { |
| width: 10px; |
| height: 10px; |
| border-radius: 50%; |
| display: inline-block; |
| margin-right: 5px; |
| } |
| |
| .led-green { |
| background-color: var(--neon-green); |
| box-shadow: 0 0 5px var(--neon-green); |
| } |
| |
| .led-red { |
| background-color: #FF0000; |
| box-shadow: 0 0 5px #FF0000; |
| } |
| |
| .led-yellow { |
| background-color: #FFFF00; |
| box-shadow: 0 0 5px #FFFF00; |
| } |
| |
| .scanlines { |
| position: relative; |
| } |
| |
| .scanlines::after { |
| content: ""; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| background: linear-gradient( |
| to bottom, |
| transparent 50%, |
| rgba(0, 255, 0, 0.05) 51% |
| ); |
| background-size: 100% 2px; |
| pointer-events: none; |
| } |
| |
| .data-table { |
| width: 100%; |
| border-collapse: collapse; |
| } |
| |
| .data-table th { |
| text-align: left; |
| padding: 0.5rem; |
| border-bottom: 1px solid var(--neon-green); |
| color: var(--neon-green); |
| } |
| |
| .data-table td { |
| padding: 0.5rem; |
| border-bottom: 1px solid rgba(0, 255, 0, 0.2); |
| } |
| |
| .data-table tr:hover { |
| background-color: rgba(0, 255, 0, 0.05); |
| } |
| |
| .progress-bar { |
| height: 5px; |
| background-color: rgba(0, 255, 0, 0.2); |
| position: relative; |
| } |
| |
| .progress-fill { |
| height: 100%; |
| background-color: var(--neon-green); |
| width: 0%; |
| transition: width 0.3s ease; |
| } |
| |
| .tooltip { |
| position: relative; |
| } |
| |
| .tooltip:hover::after { |
| content: attr(data-tooltip); |
| position: absolute; |
| bottom: 100%; |
| left: 50%; |
| transform: translateX(-50%); |
| background-color: rgba(0, 0, 0, 0.8); |
| color: var(--terminal-text); |
| padding: 0.5rem; |
| border: 1px solid var(--neon-green); |
| border-radius: 3px; |
| white-space: nowrap; |
| z-index: 100; |
| } |
| </style> |
| </head> |
| <body class="h-screen flex flex-col"> |
| |
| <div class="flex justify-between items-center p-2 border-b border-neon-green bg-black"> |
| <div class="flex items-center space-x-4"> |
| <div class="flex items-center"> |
| <span class="status-led led-green"></span> |
| <span>SYSTEM</span> |
| </div> |
| <div class="flex items-center"> |
| <span class="status-led led-green"></span> |
| <span>NETWORK</span> |
| </div> |
| <div class="flex items-center"> |
| <span class="status-led led-yellow"></span> |
| <span>DATABASE</span> |
| </div> |
| </div> |
| <div class="text-neon-green"> |
| <span id="datetime">2023-11-15 14:37:22 UTC</span> |
| </div> |
| <div class="flex items-center space-x-2"> |
| <span>USER:</span> |
| <span class="text-neon-green">AGENT_47</span> |
| <span class="status-led led-green"></span> |
| </div> |
| </div> |
| |
| |
| <div class="flex flex-1 overflow-hidden"> |
| |
| <div class="w-64 bg-black border-r border-neon-green p-2 flex flex-col"> |
| <div class="terminal-window flex-1 mb-2"> |
| <div class="terminal-header"> |
| <div class="terminal-title">Tools</div> |
| <div class="terminal-controls"> |
| <div class="control-btn close"></div> |
| <div class="control-btn minimize"></div> |
| <div class="control-btn maximize"></div> |
| </div> |
| </div> |
| <div class="terminal-body overflow-y-auto"> |
| <div class="mb-4"> |
| <h3 class="text-neon-green mb-2">OSINT Modules</h3> |
| <ul class="space-y-1"> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> IP Analysis</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Social Media</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Dark Web</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Image Analysis</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Domain Intel</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Financial Records</li> |
| </ul> |
| </div> |
| |
| <div class="mb-4"> |
| <h3 class="text-neon-green mb-2">Quick Actions</h3> |
| <ul class="space-y-1"> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> New Investigation</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Save Session</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> Export Report</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> System Scan</li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-neon-green mb-2">Recent Targets</h3> |
| <ul class="space-y-1"> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> 192.168.1.105</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> @suspect_01</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> example.com</li> |
| <li class="glitch-effect hover:text-neon-green cursor-pointer">> image_023.jpg</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <div class="terminal-window"> |
| <div class="terminal-header"> |
| <div class="terminal-title">System Monitor</div> |
| </div> |
| <div class="terminal-body p-2"> |
| <div class="mb-2"> |
| <div class="flex justify-between text-xs mb-1"> |
| <span>CPU</span> |
| <span>47%</span> |
| </div> |
| <div class="progress-bar"> |
| <div class="progress-fill" style="width: 47%"></div> |
| </div> |
| </div> |
| |
| <div class="mb-2"> |
| <div class="flex justify-between text-xs mb-1"> |
| <span>MEM</span> |
| <span>68%</span> |
| </div> |
| <div class="progress-bar"> |
| <div class="progress-fill" style="width: 68%"></div> |
| </div> |
| </div> |
| |
| <div class="mb-2"> |
| <div class="flex justify-between text-xs mb-1"> |
| <span>NET</span> |
| <span>1.2 MB/s</span> |
| </div> |
| <div class="progress-bar"> |
| <div class="progress-fill" style="width: 35%"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="flex-1 flex flex-col overflow-hidden"> |
| |
| <div class="flex border-b border-neon-green"> |
| <div class="tab active glitch-effect">Investigation #4729</div> |
| <div class="tab glitch-effect">Network Scan</div> |
| <div class="tab glitch-effect">Social Graph</div> |
| <div class="tab glitch-effect">Data Analysis</div> |
| <div class="flex-1 border-b border-neon-green"></div> |
| </div> |
| |
| |
| <div class="flex-1 overflow-hidden"> |
| <div class="h-full grid grid-cols-2 gap-2 p-2"> |
| |
| <div class="terminal-window h-full"> |
| <div class="terminal-header"> |
| <div class="terminal-title">Target Information</div> |
| <div class="terminal-controls"> |
| <div class="control-btn close"></div> |
| <div class="control-btn minimize"></div> |
| <div class="control-btn maximize"></div> |
| </div> |
| </div> |
| <div class="terminal-body scanlines"> |
| <div class="mb-4"> |
| <h3 class="text-neon-green mb-2">TARGET: <span class="text-neon-silver">192.168.1.105</span></h3> |
| <div class="grid grid-cols-2 gap-2 text-sm"> |
| <div> |
| <p>Status: <span class="text-neon-green">ACTIVE</span></p> |
| <p>First Seen: 2023-11-12 08:23:45</p> |
| <p>Last Activity: 2 minutes ago</p> |
| </div> |
| <div> |
| <p>Location: <span class="text-neon-green">34.0522° N, 118.2437° W</span></p> |
| <p>ISP: <span class="text-neon-green">NeonNet Communications</span></p> |
| <p>ASN: AS61742</p> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mb-4"> |
| <h3 class="text-neon-green mb-2">ASSOCIATED ENTITIES</h3> |
| <table class="data-table text-sm"> |
| <thead> |
| <tr> |
| <th>Type</th> |
| <th>Identifier</th> |
| <th>Confidence</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Email</td> |
| <td>user@target.com</td> |
| <td><span class="text-neon-green">85%</span></td> |
| </tr> |
| <tr> |
| <td>Username</td> |
| <td>target_user</td> |
| <td><span class="text-neon-green">92%</span></td> |
| </tr> |
| <tr> |
| <td>Domain</td> |
| <td>target.com</td> |
| <td><span class="text-neon-green">78%</span></td> |
| </tr> |
| <tr> |
| <td>Phone</td> |
| <td>+1 (555) 123-4567</td> |
| <td><span class="text-yellow-400">65%</span></td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| |
| <div> |
| <h3 class="text-neon-green mb-2">RECENT ACTIVITY</h3> |
| <div class="text-xs space-y-1"> |
| <p>> [14:32:01] Connected to VPN server (Singapore)</p> |
| <p>> [14:32:45] Accessed dark web marketplace</p> |
| <p class="text-red-400">> [14:33:12] Attempted SQL injection (blocked)</p> |
| <p>> [14:33:30] Downloaded 2.4MB file (encrypted)</p> |
| <p>> [14:34:01] Created new email account</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="grid grid-rows-2 gap-2 h-full"> |
| <div class="terminal-window"> |
| <div class="terminal-header"> |
| <div class="terminal-title">Network Map</div> |
| <div class="terminal-controls"> |
| <div class="control-btn close"></div> |
| <div class="control-btn minimize"></div> |
| <div class="control-btn maximize"></div> |
| </div> |
| </div> |
| <div class="terminal-body scanlines flex items-center justify-center"> |
| <div class="text-center"> |
| <div class="mb-2"> |
| <span class="text-neon-green text-lg">TARGET NETWORK</span> |
| </div> |
| <div class="relative"> |
| <div class="w-64 h-64 border border-neon-green rounded-full mx-auto flex items-center justify-center"> |
| <div class="w-48 h-48 border border-neon-green rounded-full flex items-center justify-center"> |
| <div class="w-32 h-32 border border-neon-green rounded-full flex items-center justify-center"> |
| <div class="w-16 h-16 bg-neon-green rounded-full"></div> |
| </div> |
| </div> |
| </div> |
| <div class="absolute top-1/4 left-1/4 w-4 h-4 bg-red-400 rounded-full animate-pulse" data-tooltip="Compromised Node"></div> |
| <div class="absolute top-1/3 right-1/4 w-4 h-4 bg-yellow-400 rounded-full animate-pulse" data-tooltip="Suspicious Activity"></div> |
| <div class="absolute bottom-1/4 left-1/3 w-4 h-4 bg-neon-green rounded-full" data-tooltip="Target Node"></div> |
| <div class="absolute bottom-1/3 right-1/3 w-4 h-4 bg-neon-silver rounded-full" data-tooltip="Router"></div> |
| </div> |
| <div class="mt-4 text-sm"> |
| <p>3 active nodes | 2 anomalies detected</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="terminal-window"> |
| <div class="terminal-header"> |
| <div class="terminal-title">Live Data Feed</div> |
| <div class="terminal-controls"> |
| <div class="control-btn close"></div> |
| <div class="control-btn minimize"></div> |
| <div class="control-btn maximize"></div> |
| </div> |
| </div> |
| <div class="terminal-body scanlines overflow-y-auto" id="dataFeed"> |
| <p>> [14:35:01] Scanning ports on 192.168.1.105...</p> |
| <p>> [14:35:02] Port 22 (SSH) - Open</p> |
| <p>> [14:35:03] Port 80 (HTTP) - Open</p> |
| <p>> [14:35:04] Port 443 (HTTPS) - Open</p> |
| <p class="text-yellow-400">> [14:35:05] WARNING: Unusual traffic pattern detected</p> |
| <p>> [14:35:06] Analyzing HTTP headers...</p> |
| <p>> [14:35:07] Server: Apache/2.4.41 (Ubuntu)</p> |
| <p>> [14:35:08] X-Powered-By: PHP/7.4.3</p> |
| <p class="text-red-400">> [14:35:09] ALERT: Outdated software detected (CVE-2021-3129)</p> |
| <p>> [14:35:10] Checking for known vulnerabilities...</p> |
| <p>> [14:35:11] 3 critical vulnerabilities found</p> |
| <p>> [14:35:12] Cross-referencing with threat database...</p> |
| <p>> [14:35:13] Match found: Exploit kit "NeonPhantom"</p> |
| <p class="text-neon-green">> [14:35:14] TARGET COMPROMISED - Confidence 89%</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| <div class="terminal-window border-t border-neon-green"> |
| <div class="command-line"> |
| <span class="prompt">neon-osint></span> |
| <input type="text" class="cmd-input" placeholder="Enter command (type 'help' for options)" id="commandInput"> |
| </div> |
| </div> |
|
|
| <script> |
| |
| function updateDateTime() { |
| const now = new Date(); |
| const datetimeElem = document.getElementById('datetime'); |
| if (datetimeElem) { |
| datetimeElem.textContent = now.toISOString().replace('T', ' ').substring(0, 19) + " UTC"; |
| } |
| } |
| |
| |
| function simulateDataFeed() { |
| const feed = document.getElementById('dataFeed'); |
| if (!feed) return; |
| |
| const messages = [ |
| "> [14:35:15] Analyzing SSL certificate...", |
| "> [14:35:16] Certificate issued by Let's Encrypt", |
| "> [14:35:17] Expires in 23 days", |
| "> [14:35:18] Checking for subdomains...", |
| "> [14:35:19] Found 3 subdomains", |
| "> [14:35:20] admin.target.com - Login page detected", |
| "> [14:35:21] Scanning for exposed APIs...", |
| "> [14:35:22] Found unprotected API endpoint", |
| "> [14:35:23] Testing for SQL injection...", |
| "> [14:35:24] Vulnerability confirmed", |
| "> [14:35:25] Mapping network relationships...", |
| "> [14:35:26] 7 connected devices found", |
| "> [14:35:27] Identifying device types...", |
| "> [14:35:28] 2 IoT devices detected", |
| "> [14:35:29] 1 Windows workstation", |
| "> [14:35:30] 4 Linux servers" |
| ]; |
| |
| const randomMessage = messages[Math.floor(Math.random() * messages.length)]; |
| const p = document.createElement('p'); |
| p.textContent = randomMessage; |
| |
| |
| if (randomMessage.includes("WARNING") || randomMessage.includes("ALERT")) { |
| p.classList.add('text-yellow-400'); |
| } else if (randomMessage.includes("Vulnerability") || randomMessage.includes("unprotected")) { |
| p.classList.add('text-red-400'); |
| } else if (randomMessage.includes("Found") || randomMessage.includes("detected")) { |
| p.classList.add('text-neon-green'); |
| } |
| |
| feed.appendChild(p); |
| feed.scrollTop = feed.scrollHeight; |
| |
| |
| if (feed.children.length > 30) { |
| feed.removeChild(feed.firstChild); |
| } |
| } |
| |
| |
| document.getElementById('commandInput').addEventListener('keypress', function(e) { |
| if (e.key === 'Enter') { |
| const command = this.value.trim(); |
| this.value = ''; |
| |
| if (command.toLowerCase() === 'clear') { |
| const feed = document.getElementById('dataFeed'); |
| if (feed) { |
| feed.innerHTML = ''; |
| } |
| } else if (command) { |
| const feed = document.getElementById('dataFeed'); |
| if (feed) { |
| const p = document.createElement('p'); |
| p.textContent = `> Executing: ${command}`; |
| p.classList.add('text-neon-silver'); |
| feed.appendChild(p); |
| feed.scrollTop = feed.scrollHeight; |
| } |
| } |
| } |
| }); |
| |
| |
| updateDateTime(); |
| setInterval(updateDateTime, 1000); |
| setInterval(simulateDataFeed, 2000); |
| |
| |
| document.querySelectorAll('.glitch-effect').forEach(el => { |
| el.addEventListener('mouseenter', function() { |
| this.style.animation = 'glitch 0.5s linear infinite'; |
| }); |
| |
| el.addEventListener('mouseleave', function() { |
| this.style.animation = ''; |
| }); |
| }); |
| </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=Zenitshi/osint" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
