|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>PROJECT NEXUS | RED TEAM</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> |
|
|
<style> |
|
|
:root { |
|
|
--primary: #e53e3e; |
|
|
--secondary: #1a202c; |
|
|
--accent: #fff; |
|
|
} |
|
|
body { |
|
|
background-color: var(--secondary); |
|
|
color: var(--accent); |
|
|
font-family: 'Courier New', monospace; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
.glow { |
|
|
text-shadow: 0 0 10px var(--primary), 0 0 20px var(--primary); |
|
|
} |
|
|
.terminal-border { |
|
|
border: 1px solid var(--primary); |
|
|
box-shadow: 0 0 15px rgba(229, 62, 62, 0.5); |
|
|
} |
|
|
.pulse-animation { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
@keyframes pulse { |
|
|
0% { opacity: 0.7; } |
|
|
50% { opacity: 1; } |
|
|
100% { opacity: 0.7; } |
|
|
} |
|
|
.typewriter { |
|
|
overflow: hidden; |
|
|
border-right: 2px solid var(--primary); |
|
|
white-space: nowrap; |
|
|
letter-spacing: 2px; |
|
|
animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite; |
|
|
} |
|
|
@keyframes typing { |
|
|
from { width: 0 } |
|
|
to { width: 100% } |
|
|
} |
|
|
@keyframes blink-caret { |
|
|
from, to { border-color: transparent } |
|
|
50% { border-color: var(--primary) } |
|
|
} |
|
|
.attack-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25px rgba(229, 62, 62, 0.4); |
|
|
} |
|
|
.terminal-line { |
|
|
display: flex; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
.prompt { |
|
|
color: var(--primary); |
|
|
margin-right: 0.5rem; |
|
|
} |
|
|
.console-bg { |
|
|
background-color: rgba(0, 0, 0, 0.7); |
|
|
background-image: |
|
|
linear-gradient(rgba(229, 62, 62, 0.1) 1px, transparent 1px), |
|
|
linear-gradient(90deg, rgba(229, 62, 62, 0.1) 1px, transparent 1px); |
|
|
background-size: 20px 20px; |
|
|
} |
|
|
.command-input { |
|
|
background: transparent; |
|
|
border: none; |
|
|
outline: none; |
|
|
color: white; |
|
|
font-family: 'Courier New', monospace; |
|
|
caret-color: var(--primary); |
|
|
} |
|
|
.scanning-bar { |
|
|
background: linear-gradient(90deg, transparent, rgba(229, 62, 62, 0.5), transparent); |
|
|
background-size: 200% 100%; |
|
|
animation: scan 2s linear infinite; |
|
|
} |
|
|
@keyframes scan { |
|
|
0% { background-position: 200% 0; } |
|
|
100% { background-position: -200% 0; } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="min-h-screen"> |
|
|
|
|
|
<div class="relative bg-black/80 border-b border-red-900/50"> |
|
|
|
|
|
<div class="absolute inset-0"> |
|
|
<div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-10"></div> |
|
|
<div class="absolute inset-0 bg-gradient-to-b from-red-900/5 to-transparent"></div> |
|
|
</div> |
|
|
|
|
|
<div class="relative z-10 container mx-auto px-4 py-6 flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="w-3 h-3 rounded-full bg-red-500"></div> |
|
|
<h1 class="text-xl font-bold tracking-wide">PROJECT <span class="text-red-500">NEXUS</span></h1> |
|
|
</div> |
|
|
|
|
|
<div class="hidden md:flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">DASHBOARD</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">WEAPONS</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">TARGETS</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white transition">REPORTS</a> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="pulse-animation"> |
|
|
<div class="w-3 h-3 rounded-full bg-red-500"></div> |
|
|
</div> |
|
|
<span class="text-gray-400 text-sm">RED TEAM ACTIVE</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="container mx-auto px-4 py-12"> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12"> |
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30"> |
|
|
<h3 class="text-gray-400 mb-2">ACTIVE AGENTS</h3> |
|
|
<div class="flex items-end space-x-2"> |
|
|
<span class="text-4xl font-bold text-red-500">12</span> |
|
|
<span class="text-green-500 text-sm mb-1">+3 today</span> |
|
|
</div> |
|
|
<div class="mt-4 h-20"> |
|
|
<div class="scanning-bar h-1 mb-2 rounded-full"></div> |
|
|
<div class="flex justify-between text-xs text-gray-400"> |
|
|
<span>BETA</span> |
|
|
<span>GAMMA</span> |
|
|
<span>DELTA</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30"> |
|
|
<h3 class="text-gray-400 mb-2">TARGETS COMPROMISED</h3> |
|
|
<div class="flex items-end space-x-2"> |
|
|
<span class="text-4xl font-bold text-red-500">84%</span> |
|
|
<span class="text-green-500 text-sm mb-1">+5.3% efficiency</span> |
|
|
</div> |
|
|
<div class="mt-4 flex space-x-4"> |
|
|
<div class="flex-1"> |
|
|
<div class="h-2 w-full bg-gray-800 rounded-full overflow-hidden"> |
|
|
<div class="h-full bg-red-500 rounded-full" style="width: 84%"></div> |
|
|
</div> |
|
|
<div class="text-xs text-gray-400 mt-1">Success Rate</div> |
|
|
</div> |
|
|
<div class="flex-1"> |
|
|
<div class="h-2 w-full bg-gray-800 rounded-full overflow-hidden"> |
|
|
<div class="h-full bg-red-400 rounded-full" style="width: 92%"></div> |
|
|
</div> |
|
|
<div class="text-xs text-gray-400 mt-1">Phishing</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30"> |
|
|
<h3 class="text-gray-400 mb-2">LAST ACTIVITY</h3> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Breached AWS cluster (ID: EKS-4921)</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Exfiltrated 247MB data</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Covered tracks (99% success)</span> |
|
|
</div> |
|
|
<div class="text-green-500 text-xs mt-2">2 minutes ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-12"> |
|
|
<h2 class="text-3xl font-bold mb-6 glow">OFFENSIVE <span class="text-red-500">MODULES</span></h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10l10-8 10 8v10a2 2 0 01-2 2H5a2 2 0 01-2-2V10z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">PHISHING KIT</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">Generate AI-powered phishing emails with 98% human resemblance</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v2.4.1</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
LAUNCH |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">VULN SCANNER</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">Automated scanning for 0-day vulnerabilities in target systems</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v3.1.7</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
SCAN |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">MALWARE STUDIO</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">Polymorphic code generator with AI obfuscation</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v5.0.2</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
BUILD |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">HYDRA-X</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">Distributed credential brute-forcing with AI pattern recognition</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v1.9.3</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
CRACK |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">NETWORK MAPPER</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">Autonomous system discovery and topology mapping</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v2.2.8</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
MAP |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-gray-900/30 attack-card transition-all duration-300"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="bg-red-900/50 p-2 rounded mr-4"> |
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> |
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> |
|
|
</svg> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">0-DAY EXPLORER</h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-6">AI-assisted vulnerability research for unknown exploits</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-xs text-gray-500">v4.5.0</span> |
|
|
<button class="text-red-500 hover:text-white px-4 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
RESEARCH |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="terminal-border p-6 bg-black/70 mb-12"> |
|
|
<h2 class="text-2xl font-bold mb-4 text-red-500">ADVANCED COMMAND TERMINAL</h2> |
|
|
|
|
|
<div class="console-bg p-4 rounded mb-4 h-64 overflow-y-auto font-mono text-sm"> |
|
|
<div class="terminal-line animate__animated animate__fadeIn"> |
|
|
<span class="prompt text-green-500">system@nexus:~$</span> |
|
|
<span>Initializing Red Team interface...</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 0.3s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span>Loading offensive modules (12/12 complete)</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 0.6s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span>Establishing covert C2 channels...</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 0.9s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span class="text-yellow-300">WARNING: Blue team countermeasures detected</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 1.2s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span>Deploying anti-forensic measures...</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 1.5s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span class="text-green-300">READY: Enter commands to proceed</span> |
|
|
</div> |
|
|
<div class="terminal-line animate__animated animate__fadeIn" style="animation-delay: 1.8s"> |
|
|
<span class="prompt text-green-500">></span> |
|
|
<span>Last login: Wed May 22 04:23:17 from TOR exit node 193.23.244.*</span> |
|
|
</div> |
|
|
<div id="command-output" class="h-full"></div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center"> |
|
|
<span class="prompt text-green-500 mr-2">system@nexus:~$</span> |
|
|
<input type="text" class="command-input flex-grow" placeholder="type 'help' for available commands" id="command-input" autofocus> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mb-12"> |
|
|
<div class="flex justify-between items-center mb-6"> |
|
|
<h2 class="text-3xl font-bold glow">ACTIVE <span class="text-red-500">CAMPAIGNS</span></h2> |
|
|
<button class="text-red-500 hover:text-white px-4 py-2 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
+ NEW CAMPAIGN |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="overflow-x-auto"> |
|
|
<table class="w-full border-collapse"> |
|
|
<thead> |
|
|
<tr class="border-b border-red-900/50 text-left"> |
|
|
<th class="p-3 text-gray-400 font-medium">ID</th> |
|
|
<th class="p-3 text-gray-400 font-medium">TARGET</th> |
|
|
<th class="p-3 text-gray-400 font-medium">STATUS</th> |
|
|
<th class="p-3 text-gray-400 font-medium">COMPROMISE</th> |
|
|
<th class="p-3 text-gray-400 font-medium">LAST ACTIVITY</th> |
|
|
<th class="p-3 text-gray-400 font-medium">ACTIONS</th> |
|
|
</tr> |
|
|
</thead> |
|
|
<tbody> |
|
|
<tr class="border-b border-red-900/10 hover:bg-red-900/5 transition"> |
|
|
<td class="p-3 font-mono">#RTH-9274</td> |
|
|
<td class="p-3">e-commerce platform</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div> |
|
|
<span>Active</span> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3"> |
|
|
<div class="w-full bg-gray-800 rounded-full h-2"> |
|
|
<div class="bg-red-500 rounded-full h-2" style="width: 92%"></div> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3 text-gray-400 text-sm">3 minutes ago</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="text-xs text-red-500 hover:text-white px-2 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
VIEW |
|
|
</button> |
|
|
<button class="text-xs text-gray-400 hover:text-white px-2 py-1 border border-gray-500 hover:bg-gray-900/30 transition"> |
|
|
ANALYZE |
|
|
</button> |
|
|
</div> |
|
|
</td> |
|
|
</tr> |
|
|
<tr class="border-b border-red-900/10 hover:bg-red-900/5 transition"> |
|
|
<td class="p-3 font-mono">#RTH-8172</td> |
|
|
<td class="p-3">banking API</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div> |
|
|
<span>Paused</span> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3"> |
|
|
<div class="w-full bg-gray-800 rounded-full h-2"> |
|
|
<div class="bg-red-500 rounded-full h-2" style="width: 64%"></div> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3 text-gray-400 text-sm">17 minutes ago</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="text-xs text-red-500 hover:text-white px-2 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
VIEW |
|
|
</button> |
|
|
<button class="text-xs text-gray-400 hover:text-white px-2 py-1 border border-gray-500 hover:bg-gray-900/30 transition"> |
|
|
ANALYZE |
|
|
</button> |
|
|
</div> |
|
|
</td> |
|
|
</tr> |
|
|
<tr class="border-b border-red-900/10 hover:bg-red-900/5 transition"> |
|
|
<td class="p-3 font-mono">#RTH-7253</td> |
|
|
<td class="p-3">cloud infrastructure</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div> |
|
|
<span>Active</span> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3"> |
|
|
<div class="w-full bg-gray-800 rounded-full h-2"> |
|
|
<div class="bg-red-500 rounded-full h-2" style="width: 78%"></div> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3 text-gray-400 text-sm">42 minutes ago</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="text-xs text-red-500 hover:text-white px-2 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
VIEW |
|
|
</button> |
|
|
<button class="text-xs text-gray-400 hover:text-white px-2 py-1 border border-gray-500 hover:bg-gray-900/30 transition"> |
|
|
ANALYZE |
|
|
</button> |
|
|
</div> |
|
|
</td> |
|
|
</tr> |
|
|
<tr class="border-b border-red-900/10 hover:bg-red-900/5 transition"> |
|
|
<td class="p-3 font-mono">#RTH-6189</td> |
|
|
<td class="p-3">employee credentials</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex items-center"> |
|
|
<div class="w-2 h-2 rounded-full bg-red-500 mr-2"></div> |
|
|
<span>Compromised</span> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3"> |
|
|
<div class="w-full bg-gray-800 rounded-full h-2"> |
|
|
<div class="bg-red-500 rounded-full h-2" style="width: 100%"></div> |
|
|
</div> |
|
|
</td> |
|
|
<td class="p-3 text-gray-400 text-sm">2 hours ago</td> |
|
|
<td class="p-3"> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="text-xs text-red-500 hover:text-white px-2 py-1 border border-red-500 hover:bg-red-900/30 transition"> |
|
|
VIEW |
|
|
</button> |
|
|
<button class="text-xs text-gray-400 hover:text-white px-2 py-1 border border-gray-500 hover:bg-gray-900/30 transition"> |
|
|
ANALYZE |
|
|
</button> |
|
|
</div> |
|
|
</td> |
|
|
</tr> |
|
|
</tbody> |
|
|
</table> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="border-t border-red-900/50 py-8 px-4"> |
|
|
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="flex items-center space-x-2 mb-4 md:mb-0"> |
|
|
<div class="w-2 h-2 rounded-full bg-red-500 pulse-animation"></div> |
|
|
<span class="text-sm">RED TEAM OPERATIONS</span> |
|
|
</div> |
|
|
<div class="text-sm text-gray-400"> |
|
|
<span class="hidden md:inline-block">|</span> SECURITY CLEARANCE: TOP SECRET |
|
|
<span class="hidden md:inline-block">|</span> ACCESS LEVEL: ALPHA-9 |
|
|
<span class="hidden md:inline-block">|</span> PROJECT NEXUS v4.2.1 |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
// Terminal Command Handler |
|
|
document.getElementById('command-input').addEventListener('keypress', function(e) { |
|
|
if (e.key === 'Enter') { |
|
|
const command = this.value.trim(); |
|
|
const output = document.getElementById('command-output'); |
|
|
|
|
|
// Add command to output |
|
|
output.innerHTML += ` |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt text-green-500">system@nexus:~$</span> |
|
|
<span>${command}</span> |
|
|
</div> |
|
|
`; |
|
|
|
|
|
// Process command |
|
|
let response = ''; |
|
|
switch(command.toLowerCase()) { |
|
|
case 'help': |
|
|
response = ` |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Available commands:</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>scan - Start network scanning</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>deploy - Launch attack module</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>agents - List active implants</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>clear - Reset terminal</span> |
|
|
</div> |
|
|
`; |
|
|
break; |
|
|
case 'scan': |
|
|
response = ` |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Initiating network scan...</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span class="text-yellow-300">WARNING: IDS detected on subnet 192.168.1.0/24</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>Found 3 vulnerable endpoints:</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>192.168.1.45 - Outdated Apache (CVE-2023-25690)</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>192.168.1.67 - Open RDP port (3389)</span> |
|
|
</div> |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span>192.168.1.112 - Default credentials (admin:admin)</span> |
|
|
</div> |
|
|
`; |
|
|
break; |
|
|
case 'clear': |
|
|
output.innerHTML = ''; |
|
|
break; |
|
|
case '': |
|
|
break; |
|
|
default: |
|
|
response = ` |
|
|
<div class="terminal-line"> |
|
|
<span class="prompt">></span> |
|
|
<span class="text-red-300">Error: Unknown command '${command}'</span> |
|
|
</div> |
|
|
`; |
|
|
} |
|
|
|
|
|
if (response) { |
|
|
output.innerHTML += response; |
|
|
} |
|
|
|
|
|
// Clear input and scroll to bottom |
|
|
this.value = ''; |
|
|
output.scrollTop = output.scrollHeight; |
|
|
} |
|
|
}); |
|
|
|
|
|
// Simulate occasional system messages |
|
|
setInterval(() => { |
|
|
const messages = [ |
|
|
"New vulnerability detected in target system", |
|
|
"Agent #RT-342 active on 192.168.4.67", |
|
|
"Blue team scanning detected - evasive maneuvers initiated", |
|
|
"Data exfiltration complete (14.7MB transferred)", |
|
|
"AI model updated with new phishing templates" |
|
|
]; |
|
|
|
|
|
const randomMessage = messages[Math.floor(Math.random() * messages.length)]; |
|
|
const shouldDisplay = Math.random() > 0.7; |
|
|
|
|
|
if (shouldDisplay) { |
|
|
const output = document.getElementById('command-output'); |
|
|
output.innerHTML += ` |
|
|
<div class="terminal-line animate__animated animate__fadeIn"> |
|
|
<span class="prompt">></span> |
|
|
<span class="text-yellow-300">SYSTEM: ${randomMessage}</span> |
|
|
</div> |
|
|
`; |
|
|
output.scrollTop = output.scrollHeight; |
|
|
} |
|
|
}, 10000); |
|
|
</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=amgh344/la" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body> |
|
|
</html> |
