259 lines
No EOL
13 KiB
HTML
259 lines
No EOL
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="sl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>NetAttack Lab - Izobraževanje o Omrežni Varnosti</title>
|
||
<link rel="stylesheet" href="/static/styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<header class="header">
|
||
<div class="logo">
|
||
<span class="skull">💀</span>
|
||
<h1>NetAttack Lab</h1>
|
||
<span class="version">v2.1.337</span>
|
||
</div>
|
||
<div class="status-bar">
|
||
<span class="status-item">Aktivne: {{.ActiveSessions}}/{{.MaxConcurrent}}</span>
|
||
<span class="status-item" id="system-time"></span>
|
||
<span class="status-item warning">SAMO ZA IZOBRAŽEVANJE</span>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="nav-tabs">
|
||
<button class="tab-btn active" data-tab="reconnaissance">🔍 Raziskovanje</button>
|
||
<button class="tab-btn" data-tab="attacks">⚡ Generiranje Prometa</button>
|
||
<button class="tab-btn" data-tab="monitoring">📊 Spremljanje</button>
|
||
<button class="tab-btn" data-tab="about">ℹ️ O programu</button>
|
||
</nav>
|
||
|
||
<main class="main-content">
|
||
<!-- Reconnaissance Tab -->
|
||
<div class="tab-content active" id="reconnaissance">
|
||
<div class="panel">
|
||
<h2>🎯 Analiza Cilja</h2>
|
||
<div class="warning-box">
|
||
<strong>⚠️ SAMO ETIČNO TESTIRANJE</strong><br>
|
||
Testiraj samo localhost, 127.x.x.x ali 192.168.x.x naslove.<br>
|
||
Testiranje zunanjih gostiteljev brez dovoljenja je nezakonito.
|
||
</div>
|
||
|
||
<div class="input-section">
|
||
<div class="input-group">
|
||
<label>IP naslov/Ime gostitelja:</label>
|
||
<input type="text" id="recon-target" placeholder="127.0.0.1 ali localhost" value="127.0.0.1">
|
||
</div>
|
||
|
||
<div class="button-row">
|
||
<button class="btn btn-primary" onclick="runPing()">🏓 Ping Test</button>
|
||
<button class="btn btn-secondary" onclick="runTraceroute()">🗺️ Sledenje Poti</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="terminal" id="recon-output">
|
||
<div class="terminal-header">
|
||
<span>raziskovanje.log</span>
|
||
<button class="btn-clear" onclick="clearOutput('recon-output')">Počisti</button>
|
||
</div>
|
||
<div class="terminal-body" id="recon-logs">
|
||
<div class="log-line">🔥 NetAttack Lab inicializiran...</div>
|
||
<div class="log-line">📡 Pripravljen za raziskovalne operacije</div>
|
||
<div class="log-line warning">⚠️ Zapomni si: Testiraj samo avtorizirane cilje!</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Attacks Tab -->
|
||
<div class="tab-content" id="attacks">
|
||
<div class="panel">
|
||
<h2>⚡ Laboratorij za Generiranje Prometa</h2>
|
||
|
||
<div class="danger-box">
|
||
<h3>🚨 KRITIČNO OPOZORILO</h3>
|
||
<p>To orodje demonstrira tehnike preplavitve omrežja izključno za izobraževalne namene.</p>
|
||
<ul>
|
||
<li>Testiraj samo localhost ali lokalne omrežne naslove</li>
|
||
<li>Ne cilja na zunanje strežnike brez izrecnega dovoljenja</li>
|
||
<li>Razumej pravne posledice v tvoji jurisdikciji</li>
|
||
<li>Uporabljaj odgovorno za učenje o omrežnih obrambah</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="attack-config">
|
||
<div class="config-row">
|
||
<div class="input-group">
|
||
<label>Cilj:</label>
|
||
<input type="text" id="attack-target" placeholder="127.0.0.1" value="127.0.0.1">
|
||
</div>
|
||
|
||
<div class="input-group">
|
||
<label>Tip Napada:</label>
|
||
<select id="attack-type">
|
||
<option value="ping_flood">ICMP Echo Poplava</option>
|
||
<option value="tcp_syn">TCP SYN Poplava</option>
|
||
<option value="udp_flood">UDP Paketna Poplava</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="config-row">
|
||
<div class="input-group">
|
||
<label>Trajanje (sekunde):</label>
|
||
<input type="range" id="duration" min="5" max="360" value="10">
|
||
<span id="duration-value">10s</span>
|
||
</div>
|
||
|
||
<div class="input-group">
|
||
<label>Intenziteta (zaht/sek):</label>
|
||
<input type="range" id="intensity" min="1" max="5000" value="10">
|
||
<span id="intensity-value">10</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="button-row">
|
||
<button class="btn btn-danger" id="attack-btn" onclick="startAttack()">🔥 Začni Napad</button>
|
||
<button class="btn btn-warning" id="stop-btn" onclick="stopAllAttacks()" disabled>🛑 Nujna Ustavitev</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="terminal" id="attack-output">
|
||
<div class="terminal-header">
|
||
<span>napad.log</span>
|
||
<button class="btn-clear" onclick="clearOutput('attack-output')">Počisti</button>
|
||
</div>
|
||
<div class="terminal-body" id="attack-logs">
|
||
<div class="log-line">💥 Napadni modul naložen...</div>
|
||
<div class="log-line">🎯 Pripravljen za generiranje prometa</div>
|
||
<div class="log-line error">⚠️ Samo za izobraževanje - Bodi odgovoren!</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Monitoring Tab -->
|
||
<div class="tab-content" id="monitoring">
|
||
<div class="panel">
|
||
<h2>📊 Monitor Aktivnih Sej</h2>
|
||
|
||
<div class="stats-grid">
|
||
<div class="stat-card">
|
||
<div class="stat-value" id="total-sessions">0</div>
|
||
<div class="stat-label">Skupno Sej</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value" id="active-attacks">0</div>
|
||
<div class="stat-label">Aktivni Napadi</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value" id="total-packets">0</div>
|
||
<div class="stat-label">Poslani Paketi</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value" id="success-rate">0%</div>
|
||
<div class="stat-label">Stopnja Uspešnosti</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="sessions-table">
|
||
<h3>Podrobnosti Seje</h3>
|
||
<table id="sessions-table">
|
||
<thead>
|
||
<tr>
|
||
<th>ID</th>
|
||
<th>Cilj</th>
|
||
<th>Tip</th>
|
||
<th>Stanje</th>
|
||
<th>Trajanje</th>
|
||
<th>Uspešno</th>
|
||
<th>Neuspešno</th>
|
||
<th>Dejanje</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="sessions-body">
|
||
<tr>
|
||
<td colspan="8" class="no-data">Ni aktivnih sej</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- About Tab -->
|
||
<div class="tab-content" id="about">
|
||
<div class="panel">
|
||
<h2>🎓 Izobraževalne Informacije</h2>
|
||
|
||
<div class="info-section">
|
||
<h3>Namen</h3>
|
||
<p>NetAttack Lab je izobraževalno orodje, namenjeno demonstraciji tehnik preplavitve omrežja in njihovega vpliva na sistemske vire. To orodje pomaga študentom razumeti:</p>
|
||
<ul>
|
||
<li>Kako delujejo napadi s preplavljanjem omrežja</li>
|
||
<li>Pomembnost omejevanja hitrosti in DDoS zaščite</li>
|
||
<li>Strategije nadzora in obrambe omrežja</li>
|
||
<li>Etične vidike varnostnega testiranja</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="info-section">
|
||
<h3>Razlaga Tipov Napadov</h3>
|
||
<div class="attack-explanation">
|
||
<h4>ICMP Echo Poplava (Ping Poplava)</h4>
|
||
<p>Pošilja hitre ICMP echo zahteve, da preobremeni zmožnost cilja za odziv. Lahko porabi pasovno širino in procesno moč.</p>
|
||
|
||
<h4>TCP SYN Poplava</h4>
|
||
<p>Izkorišča TCP handshake proces s pošiljanjem SYN paketov brez dokončanja povezave, kar lahko izčrpa vire povezav.</p>
|
||
|
||
<h4>UDP Paketna Poplava</h4>
|
||
<p>Preplavi cilj z UDP paketi na naključnih vratih, kar prisili cilj k obdelavi paketov in odgovori z ICMP nedosegljivimi sporočili.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-section">
|
||
<h3>Pravne in Etične Smernice</h3>
|
||
<div class="guidelines">
|
||
<div class="guideline-item">
|
||
<span class="check">✅</span>
|
||
<span>Testiraj samo svoje sisteme ali laboratorijska okolja</span>
|
||
</div>
|
||
<div class="guideline-item">
|
||
<span class="check">✅</span>
|
||
<span>Uporabljaj samo localhost ali zasebne IP naslove</span>
|
||
</div>
|
||
<div class="guideline-item">
|
||
<span class="check">✅</span>
|
||
<span>Razumej vpliv pred testiranjem</span>
|
||
</div>
|
||
<div class="guideline-item">
|
||
<span class="cross">❌</span>
|
||
<span>Nikoli ne cilja na zunanje sisteme brez dovoljenja</span>
|
||
</div>
|
||
<div class="guideline-item">
|
||
<span class="cross">❌</span>
|
||
<span>Ne uporabljaj za zlonamerne namene</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-section">
|
||
<h3>Obrambne Strategije</h3>
|
||
<p>Naučite se, kako se zaščititi pred temi napadi:</p>
|
||
<ul>
|
||
<li><strong>Omejevanje Hitrosti:</strong> Omejite zahteve na IP naslov</li>
|
||
<li><strong>Požarna Pravila:</strong> Blokirajte sumljive vzorce prometa</li>
|
||
<li><strong>Razporeditev Obremenitve:</strong> Porazdelite promet po več strežnikih</li>
|
||
<li><strong>DDoS Zaščita:</strong> Uporabljajte oblačne zaščitne storitve</li>
|
||
<li><strong>Nadzor:</strong> Implementirajte analizo prometa v realnem času</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="/static/app.js"></script>
|
||
</body>
|
||
</html> |