|
|
<!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> |
