-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdashboard_HTB.html
More file actions
161 lines (151 loc) · 9.86 KB
/
Copy pathdashboard_HTB.html
File metadata and controls
161 lines (151 loc) · 9.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XPL0DAY | Dashboard</title>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono&family=Ubuntu:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/dashboard_HTB.css">
<link rel="stylesheet" href="css/global.css">
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
</head>
<body>
<aside class="sidebar">
<img src="assets/logo.svg" alt="XPL0DAY Icon" class="logo-icon">
<div class="sidebar-logo">XPL<span>0</span>DAY</div>
<nav class="sidebar-nav">
<a href="#" class="active">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><rect x="3" y="3" width="7" height="7" rx="1" stroke-linecap="round" stroke-linejoin="round"/><rect x="14" y="3" width="7" height="7" rx="1" stroke-linecap="round" stroke-linejoin="round"/><rect x="3" y="14" width="7" height="7" rx="1" stroke-linecap="round" stroke-linejoin="round"/><rect x="14" y="14" width="7" height="7" rx="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
DASHBOARD
</a>
<a href="machines_HTB.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 17.25v-.228a4.5 4.5 0 00-.12-1.03l-2.268-9.64a3.375 3.375 0 00-3.285-2.602H7.923a3.375 3.375 0 00-3.285 2.602l-2.268 9.64a4.5 4.5 0 00-.12 1.03v.228m19.5 0a3 3 0 01-3 3H5.25a3 3 0 01-3-3m19.5 0a3 3 0 00-3-3H5.25a3 3 0 00-3 3m16.5 0h.008v.008h-.008v-.008zm-3 0h.008v.008h-.008v-.008z"/></svg>
MÁQUINAS
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3v1.5M3 21v-6m0 0l2.77-.693a9 9 0 016.208.682l.108.054a9 9 0 006.086.71l3.114-.732a48.524 48.524 0 01-.005-10.499l-3.11.732a9 9 0 01-6.085-.711l-.108-.054a9 9 0 00-6.208-.682L3 4.5M3 15V4.5"/></svg>
RETOS
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25"/></svg>
ACADEMIA
</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"/></svg>
EQUIPOS
</a>
<a href="#" id="logoutBtn" class="logout-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M5.636 5.636a9 9 0 1012.728 0M12 3v9"/></svg>
DESCONECTAR
</a>
</nav>
<div class="user-profile">
<a href="profile_HTB.html" class="profile-link">
<div class="avatar">RT</div>
<div class="user-info">
<p class="username">Root_User</p>
<p class="rank">Script Kiddie</p>
</div>
</a>
</div>
</aside>
<div class="sidebar-overlay" id="sidebarOverlay"></div>
<main class="main-content">
<header class="top-bar">
<button id="sidebar-toggle" aria-label="Abrir menú">☰</button>
<h1>Panel de Control</h1>
<div class="stats-overview">
<div class="mini-stat">Puntos: <span>150</span></div>
<div class="mini-stat">Rank: <span>#12,402</span></div>
</div>
</header>
<section class="grid-container">
<div class="card progress-card">
<h3>Tu Progreso</h3>
<div class="progress-bar-container">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<p>35% para subir a <strong>Hacker</strong></p>
<div class="progress-quick-stats">
<div class="quick-stat">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M3 3v1.5M3 21v-6m0 0l2.77-.693a9 9 0 016.208.682l.108.054a9 9 0 006.086.71l3.114-.732a48.524 48.524 0 01-.005-10.499l-3.11.732a9 9 0 01-6.085-.711l-.108-.054a9 9 0 00-6.208-.682L3 4.5M3 15V4.5"/></svg>
<span class="qs-value" id="stat-machines">0</span>
<span class="qs-label">Completadas</span>
</div>
<div class="quick-stat">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"/></svg>
<span class="qs-value" id="stat-points">0</span>
<span class="qs-label">Puntos</span>
</div>
<div class="quick-stat">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
<span class="qs-value" id="stat-rank">—</span>
<span class="qs-label">Rango</span>
</div>
</div>
</div>
<div class="card machines-card">
<h3>Máquinas Activas</h3>
<table class="machine-table">
<thead>
<tr>
<th>Nombre</th>
<th>Dificultad</th>
<th>Puntos</th>
<th>Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>Inception</td>
<td><span class="diff easy">Fácil</span></td>
<td>20</td>
<td><button class="btn-pwn">HACK</button></td>
</tr>
<tr>
<td>X-Vault</td>
<td><span class="diff medium">Media</span></td>
<td>30</td>
<td><button class="btn-pwn">HACK</button></td>
</tr>
<tr>
<td>BlackHole</td>
<td><span class="diff hard">Difícil</span></td>
<td>50</td>
<td><button class="btn-pwn">HACK</button></td>
</tr>
</tbody>
</table>
</div>
<div class="card activity-card">
<h3>Consola de Actividad</h3>
<div class="terminal-mini">
<p>[10:45] Conexión establecida con VPN_Europe</p>
<p>[11:12] Máquina 'Inception' marcada como objetivo</p>
<p>[11:30] Escaneo Nmap completado en 10.10.11.5</p>
<p class="blink">_</p>
</div>
</div>
</section>
</main>
<script src="js/dashboard-logic_HTB.js"></script>
<script>
// Hamburguesa: mostrar/ocultar sidebar en móvil
const sidebarToggle = document.getElementById('sidebar-toggle');
const sidebar = document.querySelector('.sidebar');
const overlay = document.getElementById('sidebarOverlay');
if (sidebarToggle) {
sidebarToggle.addEventListener('click', function() {
sidebar.classList.toggle('sidebar-open');
overlay.classList.toggle('active');
});
overlay.addEventListener('click', function() {
sidebar.classList.remove('sidebar-open');
overlay.classList.remove('active');
});
}
</script>
<script src="js/enigma.js"></script>
<div class="aviso-prototipo">Prototipo de interfaz · sin backend funcional</div>
</body>
</html>