Hugging Face's logo

Spaces:
mwitcher70
/
opennetscan
Running

App Files Community
opennetscan / index.html
mwitcher70's picture
mwitcher70
Add 3 files
72a143e verified
raw
history blame contribute delete
33.5 kB
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>OpenNetScan - Free Network Security Scanner</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">
 <style>
 @keyframes pulse {
 0%, 100% { opacity: 1; }
 50% { opacity: 0.5; }
 }
 .animate-pulse {
 animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 }
 .terminal {
 font-family: 'Courier New', monospace;
 background-color: #1a1a1a;
 color: #00ff00;
 }
 .terminal-input:focus {
 outline: none;
 }
 .tab-active {
 border-bottom: 3px solid #3b82f6;
 color: #3b82f6;
 font-weight: 600;
 }
 .device-card:hover {
 transform: translateY(-2px);
 box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 }
 .security-risk {
 border-left: 4px solid #ef4444;
 }
 .security-warning {
 border-left: 4px solid #f59e0b;
 }
 .security-good {
 border-left: 4px solid #10b981;
 }
 .blink {
 animation: blink 1s step-end infinite;
 }
 @keyframes blink {
 from, to { opacity: 1; }
 50% { opacity: 0; }
 }
 </style>
</head>
<body class="bg-gray-100 min-h-screen">
 <div class="container mx-auto px-4 py-8">
 <!-- Header -->
 <header class="mb-8">
 <div class="flex justify-between items-center">
 <div>
 <h1 class="text-3xl font-bold text-gray-800">OpenNetScan</h1>
 <p class="text-gray-600">Free & Open Network Security Scanner</p>
 </div>
 <div class="flex space-x-4">
 <button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center">
 <i class="fas fa-sync-alt mr-2"></i> Rescan Network
 </button>
 <button class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg flex items-center">
 <i class="fas fa-shield-alt mr-2"></i> Fix All Issues
 </button>
 </div>
 </div>
 </header>
<!-- Main Content -->
 <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
 <!-- Left Sidebar -->
 <div class="lg:col-span-1 space-y-6">
 <!-- Network Summary -->
 <div class="bg-white rounded-lg shadow p-6">
 <h2 class="text-xl font-semibold mb-4 text-gray-800">Network Summary</h2>
 <div class="space-y-4">
 <div class="flex justify-between">
 <span class="text-gray-600">Network Name:</span>
 <span class="font-medium">HomeNetwork_5G</span>
 </div>
 <div class="flex justify-between">
 <span class="text-gray-600">IP Range:</span>
 <span class="font-medium">192.168.1.1 - 192.168.1.254</span>
 </div>
 <div class="flex justify-between">
 <span class="text-gray-600">Total Devices:</span>
 <span class="font-medium">14</span>
 </div>
 <div class="flex justify-between">
 <span class="text-gray-600">Security Rating:</span>
 <span class="font-medium text-yellow-500">Medium (6.5/10)</span>
 </div>
 </div>
 </div>
<!-- Quick Actions -->
 <div class="bg-white rounded-lg shadow p-6">
 <h2 class="text-xl font-semibold mb-4 text-gray-800">Quick Actions</h2>
 <div class="grid grid-cols-2 gap-3">
 <button class="bg-blue-100 hover:bg-blue-200 text-blue-700 px-3 py-2 rounded-lg flex items-center justify-center">
 <i class="fas fa-search mr-2"></i> Deep Scan
 </button>
 <button class="bg-purple-100 hover:bg-purple-200 text-purple-700 px-3 py-2 rounded-lg flex items-center justify-center">
 <i class="fas fa-eye mr-2"></i> Find Hidden
 </button>
 <button class="bg-green-100 hover:bg-green-200 text-green-700 px-3 py-2 rounded-lg flex items-center justify-center">
 <i class="fas fa-lock mr-2"></i> Secure WiFi
 </button>
 <button class="bg-red-100 hover:bg-red-200 text-red-700 px-3 py-2 rounded-lg flex items-center justify-center">
 <i class="fas fa-user-shield mr-2"></i> Block Intruder
 </button>
 </div>
 </div>
<!-- Security Tips -->
 <div class="bg-white rounded-lg shadow p-6">
 <h2 class="text-xl font-semibold mb-4 text-gray-800">Security Tips</h2>
 <ul class="space-y-3">
 <li class="flex items-start">
 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
 <span>Change default router admin password</span>
 </li>
 <li class="flex items-start">
 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
 <span>Enable WPA3 encryption if available</span>
 </li>
 <li class="flex items-start">
 <i class="fas fa-exclamation-circle text-yellow-500 mt-1 mr-2"></i>
 <span>Update router firmware (last updated 6 months ago)</span>
 </li>
 <li class="flex items-start">
 <i class="fas fa-exclamation-circle text-yellow-500 mt-1 mr-2"></i>
 <span>Disable WPS (vulnerable to brute force)</span>
 </li>
 </ul>
 </div>
 </div>
<!-- Main Panel -->
 <div class="lg:col-span-2 space-y-6">
 <!-- Tabs -->
 <div class="bg-white rounded-lg shadow">
 <div class="flex border-b">
 <button class="px-6 py-4 tab-active">Devices</button>
 <button class="px-6 py-4 text-gray-600 hover:text-gray-800">Traffic</button>
 <button class="px-6 py-4 text-gray-600 hover:text-gray-800">Security</button>
 <button class="px-6 py-4 text-gray-600 hover:text-gray-800">Terminal</button>
 </div>
 <div class="p-6">
 <!-- Devices Tab Content -->
 <div>
 <div class="flex justify-between items-center mb-6">
 <h2 class="text-xl font-semibold text-gray-800">Network Devices</h2>
 <div class="flex space-x-2">
 <select class="border rounded-lg px-3 py-1 text-sm">
 <option>All Devices</option>
 <option>Computers</option>
 <option>Mobile</option>
 <option>IoT</option>
 <option>Cameras</option>
 <option>Unknown</option>
 </select>
 <button class="bg-gray-100 hover:bg-gray-200 px-3 py-1 rounded-lg text-sm">
 <i class="fas fa-filter mr-1"></i> Filter
 </button>
 </div>
 </div>
<!-- Device Cards -->
 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
 <!-- Computer -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-blue-100 p-3 rounded-lg mr-4">
 <i class="fas fa-laptop text-blue-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">My Laptop</h3>
 <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Trusted</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.105 • macOS</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>Last active: 2 min ago</span>
 <button class="text-blue-500 hover:text-blue-700">Details</button>
 </div>
 </div>
 </div>
 </div>
<!-- Phone -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-purple-100 p-3 rounded-lg mr-4">
 <i class="fas fa-mobile-alt text-purple-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">My Phone</h3>
 <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Trusted</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.106 • Android</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>Last active: 5 min ago</span>
 <button class="text-blue-500 hover:text-blue-700">Details</button>
 </div>
 </div>
 </div>
 </div>
<!-- Smart TV -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-orange-100 p-3 rounded-lg mr-4">
 <i class="fas fa-tv text-orange-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">Living Room TV</h3>
 <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Trusted</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.108 • Samsung Smart TV</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>Last active: 1 hour ago</span>
 <button class="text-blue-500 hover:text-blue-700">Details</button>
 </div>
 </div>
 </div>
 </div>
<!-- Hidden Camera -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-red-100 p-3 rounded-lg mr-4">
 <i class="fas fa-video text-red-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">Hidden Camera</h3>
 <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">Unknown</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.112 • MAC: 00:1A:3F:XX:XX:XX</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>Hidden SSID detected</span>
 <button class="text-blue-500 hover:text-blue-700">Block</button>
 </div>
 </div>
 </div>
 </div>
<!-- Unknown Device -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-gray-100 p-3 rounded-lg mr-4">
 <i class="fas fa-question text-gray-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">Unknown Device</h3>
 <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">New</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.115 • MAC: 00:1B:44:XX:XX:XX</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>First seen: Today</span>
 <div>
 <button class="text-blue-500 hover:text-blue-700 mr-2">Trust</button>
 <button class="text-red-500 hover:text-red-700">Block</button>
 </div>
 </div>
 </div>
 </div>
 </div>
<!-- Router -->
 <div class="bg-white border rounded-lg p-4 device-card transition duration-200">
 <div class="flex items-start">
 <div class="bg-indigo-100 p-3 rounded-lg mr-4">
 <i class="fas fa-wifi text-indigo-500 text-xl"></i>
 </div>
 <div class="flex-1">
 <div class="flex justify-between">
 <h3 class="font-medium">Main Router</h3>
 <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Trusted</span>
 </div>
 <p class="text-sm text-gray-600">192.168.1.1 • TP-Link Archer C7</p>
 <div class="mt-2 flex justify-between text-xs">
 <span>Security: Medium (5 risks)</span>
 <button class="text-blue-500 hover:text-blue-700">Secure</button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
<!-- Security Risks -->
 <div class="bg-white rounded-lg shadow p-6">
 <h2 class="text-xl font-semibold mb-4 text-gray-800">Security Risks</h2>
 <div class="space-y-4">
 <!-- High Risk -->
 <div class="p-4 rounded-lg security-risk bg-white border">
 <div class="flex items-start">
 <div class="mr-4 text-red-500">
 <i class="fas fa-exclamation-triangle text-xl"></i>
 </div>
 <div class="flex-1">
 <h3 class="font-medium">Default Router Password</h3>
 <p class="text-sm text-gray-600">Your router is using the default admin password, making it vulnerable to attacks.</p>
 <div class="mt-2 flex justify-between items-center">
 <span class="text-xs bg-red-100 text-red-800 px-2 py-1 rounded">High Risk</span>
 <button class="text-sm bg-red-500 hover:bg-red-600 text-white px-3 py-1 rounded">Fix Now</button>
 </div>
 </div>
 </div>
 </div>
<!-- Medium Risk -->
 <div class="p-4 rounded-lg security-warning bg-white border">
 <div class="flex items-start">
 <div class="mr-4 text-yellow-500">
 <i class="fas fa-exclamation-circle text-xl"></i>
 </div>
 <div class="flex-1">
 <h3 class="font-medium">Outdated Router Firmware</h3>
 <p class="text-sm text-gray-600">Your router firmware is 6 months old and may contain security vulnerabilities.</p>
 <div class="mt-2 flex justify-between items-center">
 <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">Medium Risk</span>
 <button class="text-sm bg-yellow-500 hover:bg-yellow-600 text-white px-3 py-1 rounded">Update</button>
 </div>
 </div>
 </div>
 </div>
<!-- Medium Risk -->
 <div class="p-4 rounded-lg security-warning bg-white border">
 <div class="flex items-start">
 <div class="mr-4 text-yellow-500">
 <i class="fas fa-exclamation-circle text-xl"></i>
 </div>
 <div class="flex-1">
 <h3 class="font-medium">WPS Enabled</h3>
 <p class="text-sm text-gray-600">Wi-Fi Protected Setup (WPS) is enabled, which is vulnerable to brute force attacks.</p>
 <div class="mt-2 flex justify-between items-center">
 <span class="text-xs bg-yellow-100 text-yellow-800 px-2 py-1 rounded">Medium Risk</span>
 <button class="text-sm bg-yellow-500 hover:bg-yellow-600 text-white px-3 py-1 rounded">Disable</button>
 </div>
 </div>
 </div>
 </div>
<!-- Low Risk -->
 <div class="p-4 rounded-lg security-good bg-white border">
 <div class="flex items-start">
 <div class="mr-4 text-green-500">
 <i class="fas fa-check-circle text-xl"></i>
 </div>
 <div class="flex-1">
 <h3 class="font-medium">WPA2 Encryption</h3>
 <p class="text-sm text-gray-600">Your network is using WPA2 encryption. Consider upgrading to WPA3 for better security.</p>
 <div class="mt-2 flex justify-between items-center">
 <span class="text-xs bg-green-100 text-green-800 px-2 py-1 rounded">Low Risk</span>
 <button class="text-sm bg-green-500 hover:bg-green-600 text-white px-3 py-1 rounded">Upgrade</button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
<!-- Terminal Modal (hidden by default) -->
 <div id="terminalModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center hidden">
 <div class="bg-gray-900 rounded-lg w-full max-w-4xl h-3/4 flex flex-col">
 <div class="flex justify-between items-center border-b border-gray-700 px-4 py-2">
 <h3 class="text-white font-medium">OpenNetScan Terminal</h3>
 <button id="closeTerminal" class="text-gray-400 hover:text-white">
 <i class="fas fa-times"></i>
 </button>
 </div>
 <div class="terminal flex-1 p-4 overflow-y-auto" id="terminalOutput">
 <div class="text-green-400">OpenNetScan Terminal v1.0</div>
 <div class="text-green-400">Type "help" for available commands</div>
 <div class="text-green-400">Type "cheater" for security cheatsheet</div>
 <div class="mt-4">
 <span class="text-green-400">user@opennetscan:~$</span>
 <span class="blink">_</span>
 </div>
 </div>
 <div class="border-t border-gray-700 p-2">
 <div class="flex">
 <span class="text-green-400 mr-2">$</span>
 <input type="text" class="terminal-input bg-transparent text-green-400 flex-1 outline-none" id="terminalInput" placeholder="Enter command...">
 </div>
 </div>
 </div>
 </div>
 </div>
<script>
 // Terminal functionality
 document.addEventListener('DOMContentLoaded', function() {
 // Open terminal when clicking Terminal tab
 const terminalTab = document.querySelectorAll('.flex.border-b button')[3];
 terminalTab.addEventListener('click', function() {
 document.getElementById('terminalModal').classList.remove('hidden');
 });
 // Close terminal
 document.getElementById('closeTerminal').addEventListener('click', function() {
 document.getElementById('terminalModal').classList.add('hidden');
 });
 // Terminal input handling
 const terminalInput = document.getElementById('terminalInput');
 const terminalOutput = document.getElementById('terminalOutput');
terminalInput.addEventListener('keypress', function(e) {
 if (e.key === 'Enter') {
 const command = terminalInput.value.trim();
 terminalInput.value = '';
// Add command to output
 const commandLine = document.createElement('div');
 commandLine.innerHTML = `<span class="text-green-400">user@opennetscan:~$</span> ${command}`;
 terminalOutput.appendChild(commandLine);
// Process command
 let response = '';
if (command === 'help') {
 response = `
 <div class="text-green-400">Available commands:</div>
 <div class="ml-4">
 <div>scan - Perform network scan</div>
 <div>devices - List all network devices</div>
 <div>traffic - Show network traffic</div>
 <div>security - Show security risks</div>
 <div>cheater - Show security cheatsheet</div>
 <div>clear - Clear terminal</div>
 <div>help - Show this help</div>
 </div>
 `;
 } else if (command === 'cheater') {
 response = `
 <div class="text-green-400">Network Security Cheatsheet:</div>
 <div class="ml-4">
 <div class="font-bold mt-2">Scanning:</div>
 <div>nmap -sP 192.168.1.0/24 - Ping sweep</div>
 <div>nmap -O 192.168.1.1 - OS detection</div>
 <div>nmap -sV 192.168.1.1 - Service version detection</div>
<div class="font-bold mt-2">WiFi Security:</div>
 <div>airmon-ng start wlan0 - Start monitor mode</div>
 <div>airodump-ng wlan0mon - Capture packets</div>
 <div>aireplay-ng --deauth 10 -a BSSID wlan0mon - Deauth attack</div>
<div class="font-bold mt-2">Password Cracking:</div>
 <div>hashcat -m 2500 capture.hccapx wordlist.txt - WPA crack</div>
 <div>john --wordlist=wordlist.txt hashes.txt - John the Ripper</div>
<div class="font-bold mt-2">Router Exploits:</div>
 <div>searchsploit router model - Search exploits</div>
 <div>metasploit - Launch metasploit framework</div>
<div class="text-yellow-400 mt-2">Note: Use these commands responsibly and only on networks you own.</div>
 </div>
 `;
 } else if (command === 'scan') {
 response = `<div class="text-green-400">Starting network scan...</div>
 <div>Scanning IP range: 192.168.1.1-254</div>
 <div>Found 14 active devices</div>
 <div>2 security risks detected</div>`;
 } else if (command === 'devices') {
 response = `
 <div class="text-green-400">Network Devices:</div>
 <div class="ml-4">
 <div>192.168.1.1 - Router (TP-Link Archer C7)</div>
 <div>192.168.1.105 - Laptop (macOS)</div>
 <div>192.168.1.106 - Phone (Android)</div>
 <div>192.168.1.108 - Smart TV (Samsung)</div>
 <div>192.168.1.112 - Hidden Camera (Unknown)</div>
 <div>192.168.1.115 - Unknown Device</div>
 </div>
 `;
 } else if (command === 'traffic') {
 response = `
 <div class="text-green-400">Network Traffic:</div>
 <div class="ml-4">
 <div>192.168.1.105: 1.2 MB/s (YouTube)</div>
 <div>192.168.1.106: 450 KB/s (Spotify)</div>
 <div>192.168.1.108: 3.1 MB/s (Netflix)</div>
 <div>192.168.1.112: 120 KB/s (Unknown)</div>
 </div>
 `;
 } else if (command === 'security') {
 response = `
 <div class="text-green-400">Security Risks:</div>
 <div class="ml-4">
 <div class="text-red-400">[HIGH] Default router password</div>
 <div class="text-yellow-400">[MEDIUM] Outdated firmware</div>
 <div class="text-yellow-400">[MEDIUM] WPS enabled</div>
 </div>
 `;
 } else if (command === 'clear') {
 terminalOutput.innerHTML = `
 <div class="text-green-400">OpenNetScan Terminal v1.0</div>
 <div class="text-green-400">Type "help" for available commands</div>
 <div class="text-green-400">Type "cheater" for security cheatsheet</div>
 `;
 } else if (command) {
 response = `<div class="text-red-400">Command not found: ${command}. Type "help" for available commands.</div>`;
 }
if (response) {
 const responseDiv = document.createElement('div');
 responseDiv.innerHTML = response;
 terminalOutput.appendChild(responseDiv);
 }
// Add new prompt
 const newPrompt = document.createElement('div');
 newPrompt.className = 'mt-4';
 newPrompt.innerHTML = `<span class="text-green-400">user@opennetscan:~$</span><span class="blink">_</span>`;
 terminalOutput.appendChild(newPrompt);
// Scroll to bottom
 terminalOutput.scrollTop = terminalOutput.scrollHeight;
 }
 });
// Focus input when terminal is opened
 terminalTab.addEventListener('click', function() {
 setTimeout(() => {
 terminalInput.focus();
 }, 100);
 });
// Simulate initial scan
 setTimeout(() => {
 const scanDiv = document.createElement('div');
 scanDiv.className = 'text-blue-400 text-sm';
 scanDiv.textContent = 'Initial network scan completed. Found 14 devices.';
 document.querySelector('.terminal').insertBefore(scanDiv, document.querySelector('.terminal div:last-child'));
 }, 500);
 });
 </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=mwitcher70/opennetscan" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>