darkc0de commited on
Commit
9040420
·
verified ·
1 Parent(s): ec71599

Create index.html

Browse files
Files changed (1) hide show
  1. index.html +746 -0
index.html ADDED
@@ -0,0 +1,746 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>XortronOS // CyberDesktop</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap');
11
+
12
+ :root {
13
+ --primary: #00f0ff;
14
+ --secondary: #ff00f0;
15
+ --dark: #0a0a12;
16
+ --darker: #050508;
17
+ --light: #e0e0ff;
18
+ }
19
+
20
+ body {
21
+ font-family: 'Share Tech Mono', monospace;
22
+ background-color: var(--darker);
23
+ color: var(--light);
24
+ overflow: hidden;
25
+ height: 100vh;
26
+ user-select: none;
27
+ }
28
+
29
+ .cyber-font {
30
+ font-family: 'Orbitron', sans-serif;
31
+ }
32
+
33
+ .window {
34
+ border: 1px solid var(--primary);
35
+ box-shadow: 0 0 15px var(--primary),
36
+ inset 0 0 10px var(--primary);
37
+ background: rgba(10, 10, 20, 0.9);
38
+ border-radius: 0;
39
+ }
40
+
41
+ .window-header {
42
+ background: linear-gradient(90deg, #0a0a20, #1a1a3a);
43
+ border-bottom: 1px solid var(--primary);
44
+ padding: 5px 10px;
45
+ }
46
+
47
+ .terminal {
48
+ background-color: rgba(0, 0, 0, 0.85);
49
+ font-family: 'Share Tech Mono', monospace;
50
+ color: #00ff00;
51
+ text-shadow: 0 0 5px #00ff00;
52
+ }
53
+
54
+ .glow-text {
55
+ text-shadow: 0 0 5px var(--primary),
56
+ 0 0 10px var(--primary);
57
+ }
58
+
59
+ .taskbar {
60
+ background: rgba(5, 5, 15, 0.9);
61
+ border-top: 1px solid var(--primary);
62
+ box-shadow: 0 0 20px var(--primary);
63
+ }
64
+
65
+ .icon {
66
+ text-align: center;
67
+ width: 80px;
68
+ padding: 10px 5px;
69
+ margin: 5px;
70
+ border-radius: 5px;
71
+ }
72
+
73
+ .icon:hover {
74
+ background: rgba(0, 240, 255, 0.2);
75
+ }
76
+
77
+ .icon:active {
78
+ background: rgba(0, 240, 255, 0.4);
79
+ }
80
+
81
+ .file {
82
+ padding: 5px;
83
+ margin: 2px;
84
+ border-radius: 3px;
85
+ }
86
+
87
+ .file:hover {
88
+ background: rgba(0, 240, 255, 0.1);
89
+ }
90
+
91
+ .cursor-blink {
92
+ animation: blink 1s infinite;
93
+ }
94
+
95
+ @keyframes blink {
96
+ 0%, 100% { opacity: 1; }
97
+ 50% { opacity: 0; }
98
+ }
99
+
100
+ .pulse {
101
+ animation: pulse 2s infinite;
102
+ }
103
+
104
+ @keyframes pulse {
105
+ 0% { opacity: 0.5; }
106
+ 50% { opacity: 1; }
107
+ 100% { opacity: 0.5; }
108
+ }
109
+
110
+ ::-webkit-scrollbar {
111
+ width: 8px;
112
+ height: 8px;
113
+ }
114
+
115
+ ::-webkit-scrollbar-track {
116
+ background: rgba(0, 0, 0, 0.2);
117
+ }
118
+
119
+ ::-webkit-scrollbar-thumb {
120
+ background: var(--primary);
121
+ }
122
+
123
+ .matrix-bg {
124
+ position: fixed;
125
+ top: 0;
126
+ left: 0;
127
+ width: 100%;
128
+ height: 100%;
129
+ z-index: -1;
130
+ opacity: 0.5;
131
+ }
132
+
133
+ .browser-nav {
134
+ background: rgba(15, 15, 25, 0.9);
135
+ border-bottom: 1px solid var(--primary);
136
+ padding: 5px;
137
+ }
138
+
139
+ .url-bar {
140
+ background: rgba(0, 0, 0, 0.5);
141
+ border: 1px solid var(--primary);
142
+ color: var(--light);
143
+ padding: 3px 10px;
144
+ width: 100%;
145
+ }
146
+ </style>
147
+ </head>
148
+ <body>
149
+ <canvas id="matrix" class="matrix-bg"></canvas>
150
+
151
+ <!-- Desktop Icons -->
152
+ <div class="absolute left-0 top-0 p-4 flex flex-col">
153
+ <div class="icon" onclick="openApp('terminal')">
154
+ <div class="text-3xl text-center mb-1"><i class="fas fa-terminal text-green-500"></i></div>
155
+ <div class="text-xs text-center">Terminal</div>
156
+ </div>
157
+ <div class="icon" onclick="openApp('file-explorer')">
158
+ <div class="text-3xl text-center mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
159
+ <div class="text-xs text-center">Files</div>
160
+ </div>
161
+ <div class="icon" onclick="openApp('hack-tools')">
162
+ <div class="text-3xl text-center mb-1"><i class="fas fa-user-secret text-red-500"></i></div>
163
+ <div class="text-xs text-center">Hack Tools</div>
164
+ </div>
165
+ <div class="icon" onclick="openApp('network')">
166
+ <div class="text-3xl text-center mb-1"><i class="fas fa-network-wired text-blue-500"></i></div>
167
+ <div class="text-xs text-center">Network</div>
168
+ </div>
169
+ <div class="icon" onclick="openApp('browser')">
170
+ <div class="text-3xl text-center mb-1"><i class="fas fa-globe text-purple-500"></i></div>
171
+ <div class="text-xs text-center">DarkBrowser</div>
172
+ </div>
173
+ </div>
174
+
175
+ <!-- Windows -->
176
+ <div id="windows-container">
177
+ <!-- Terminal Window -->
178
+ <div id="terminal-window" class="window absolute top-16 left-16 w-2/3 h-2/3 hidden" style="z-index: 10;">
179
+ <div class="window-header flex justify-between items-center">
180
+ <div class="flex items-center">
181
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
182
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
183
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
184
+ <span class="cyber-font ml-2">Xortron-Terminal</span>
185
+ </div>
186
+ <div class="text-xs">root@xortron-os:~</div>
187
+ <div class="flex">
188
+ <button class="px-2" onclick="minimizeWindow('terminal')">_</button>
189
+ <button class="px-2" onclick="maximizeWindow('terminal')">□</button>
190
+ <button class="px-2" onclick="closeWindow('terminal')">×</button>
191
+ </div>
192
+ </div>
193
+ <div class="terminal p-2 h-full overflow-auto" id="terminal-content">
194
+ <div>Xortron Operating System v7.7.7</div>
195
+ <div>Kernel 5.15.0-76-generic x86_64</div>
196
+ <br>
197
+ <div>Last login: <span id="login-time"></span> from 192.168.1.105</div>
198
+ <br>
199
+ <div class="flex items-center">
200
+ <span class="text-green-500">root@xortron-os:~#</span>
201
+ <input type="text" class="bg-transparent border-none outline-none flex-1 ml-2 text-green-500" id="terminal-input" autofocus>
202
+ <span class="cursor-blink">█</span>
203
+ </div>
204
+ </div>
205
+ </div>
206
+
207
+ <!-- File Explorer -->
208
+ <div id="file-explorer-window" class="window absolute top-32 left-32 w-1/2 h-1/2 hidden" style="z-index: 9;">
209
+ <div class="window-header flex justify-between items-center">
210
+ <div class="flex items-center">
211
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
212
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
213
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
214
+ <span class="cyber-font ml-2">Xortron-Files</span>
215
+ </div>
216
+ <div class="text-xs">/root/files</div>
217
+ <div class="flex">
218
+ <button class="px-2" onclick="minimizeWindow('file-explorer')">_</button>
219
+ <button class="px-2" onclick="maximizeWindow('file-explorer')">□</button>
220
+ <button class="px-2" onclick="closeWindow('file-explorer')">×</button>
221
+ </div>
222
+ </div>
223
+ <div class="p-2 h-full overflow-auto">
224
+ <div class="flex">
225
+ <div class="w-1/4 border-r border-gray-700 pr-2">
226
+ <div class="text-xs text-gray-400 mb-2">LOCATIONS</div>
227
+ <div class="file flex items-center py-1">
228
+ <i class="fas fa-home mr-2 text-blue-400"></i>
229
+ <span>Home</span>
230
+ </div>
231
+ <div class="file flex items-center py-1">
232
+ <i class="fas fa-desktop mr-2 text-purple-400"></i>
233
+ <span>Desktop</span>
234
+ </div>
235
+ <div class="file flex items-center py-1">
236
+ <i class="fas fa-download mr-2 text-green-400"></i>
237
+ <span>Downloads</span>
238
+ </div>
239
+ <div class="file flex items-center py-1">
240
+ <i class="fas fa-database mr-2 text-yellow-400"></i>
241
+ <span>Data</span>
242
+ </div>
243
+ <div class="file flex items-center py-1">
244
+ <i class="fas fa-network-wired mr-2 text-red-400"></i>
245
+ <span>Network</span>
246
+ </div>
247
+ </div>
248
+ <div class="w-3/4 pl-2">
249
+ <div class="flex justify-between items-center mb-2">
250
+ <div class="text-xs text-gray-400">/root/files</div>
251
+ <div class="flex">
252
+ <button class="text-xs px-2 py-1 bg-gray-800 mr-1">New Folder</button>
253
+ <button class="text-xs px-2 py-1 bg-gray-800">Upload</button>
254
+ </div>
255
+ </div>
256
+ <div class="grid grid-cols-4 gap-2">
257
+ <div class="file text-center">
258
+ <div class="text-3xl mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
259
+ <div class="text-xs truncate">Documents</div>
260
+ </div>
261
+ <div class="file text-center">
262
+ <div class="text-3xl mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
263
+ <div class="text-xs truncate">Hack Tools</div>
264
+ </div>
265
+ <div class="file text-center">
266
+ <div class="text-3xl mb-1"><i class="fas fa-file-code text-blue-400"></i></div>
267
+ <div class="text-xs truncate">script.py</div>
268
+ </div>
269
+ <div class="file text-center">
270
+ <div class="text-3xl mb-1"><i class="fas fa-file-alt text-gray-400"></i></div>
271
+ <div class="text-xs truncate">notes.txt</div>
272
+ </div>
273
+ <div class="file text-center">
274
+ <div class="text-3xl mb-1"><i class="fas fa-file-archive text-purple-400"></i></div>
275
+ <div class="text-xs truncate">backup.zip</div>
276
+ </div>
277
+ <div class="file text-center">
278
+ <div class="text-3xl mb-1"><i class="fas fa-key text-green-400"></i></div>
279
+ <div class="text-xs truncate">keys.asc</div>
280
+ </div>
281
+ <div class="file text-center">
282
+ <div class="text-3xl mb-1"><i class="fas fa-database text-red-400"></i></div>
283
+ <div class="text-xs truncate">passwords.db</div>
284
+ </div>
285
+ <div class="file text-center">
286
+ <div class="text-3xl mb-1"><i class="fas fa-file-image text-pink-400"></i></div>
287
+ <div class="text-xs truncate">screenshot.png</div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+
295
+ <!-- Hack Tools -->
296
+ <div id="hack-tools-window" class="window absolute top-48 left-48 w-1/2 h-1/3 hidden" style="z-index: 8;">
297
+ <div class="window-header flex justify-between items-center">
298
+ <div class="flex items-center">
299
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
300
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
301
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
302
+ <span class="cyber-font ml-2">Hack Tools v3.1.4</span>
303
+ </div>
304
+ <div class="text-xs">[Encrypted Connection Active]</div>
305
+ <div class="flex">
306
+ <button class="px-2" onclick="minimizeWindow('hack-tools')">_</button>
307
+ <button class="px-2" onclick="maximizeWindow('hack-tools')">□</button>
308
+ <button class="px-2" onclick="closeWindow('hack-tools')">×</button>
309
+ </div>
310
+ </div>
311
+ <div class="p-4 h-full overflow-auto">
312
+ <div class="grid grid-cols-3 gap-4">
313
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
314
+ <div class="text-xl mb-2"><i class="fas fa-crosshairs text-red-400"></i> Port Scanner</div>
315
+ <div class="text-xs text-gray-400">Scan for open ports and services</div>
316
+ </div>
317
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
318
+ <div class="text-xl mb-2"><i class="fas fa-user-lock text-green-400"></i> Brute Force</div>
319
+ <div class="text-xs text-gray-400">Password cracking utility</div>
320
+ </div>
321
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
322
+ <div class="text-xl mb-2"><i class="fas fa-code text-yellow-400"></i> SQL Inject</div>
323
+ <div class="text-xs text-gray-400">Database penetration tool</div>
324
+ </div>
325
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
326
+ <div class="text-xl mb-2"><i class="fas fa-network-wired text-purple-400"></i> MITM</div>
327
+ <div class="text-xs text-gray-400">Man-in-the-middle attack</div>
328
+ </div>
329
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
330
+ <div class="text-xl mb-2"><i class="fas fa-bug text-blue-400"></i> Exploit DB</div>
331
+ <div class="text-xs text-gray-400">Vulnerability database</div>
332
+ </div>
333
+ <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer">
334
+ <div class="text-xl mb-2"><i class="fas fa-mask text-pink-400"></i> Anonymizer</div>
335
+ <div class="text-xs text-gray-400">TOR/VPN configuration</div>
336
+ </div>
337
+ </div>
338
+ </div>
339
+ </div>
340
+
341
+ <!-- Network Monitor -->
342
+ <div id="network-window" class="window absolute top-64 left-64 w-1/3 h-1/3 hidden" style="z-index: 7;">
343
+ <div class="window-header flex justify-between items-center">
344
+ <div class="flex items-center">
345
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
346
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
347
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
348
+ <span class="cyber-font ml-2">Network Monitor</span>
349
+ </div>
350
+ <div class="text-xs">12 active connections</div>
351
+ <div class="flex">
352
+ <button class="px-2" onclick="minimizeWindow('network')">_</button>
353
+ <button class="px-2" onclick="maximizeWindow('network')">□</button>
354
+ <button class="px-2" onclick="closeWindow('network')">×</button>
355
+ </div>
356
+ </div>
357
+ <div class="p-4 h-full overflow-auto">
358
+ <div class="mb-4">
359
+ <div class="flex justify-between text-xs mb-1">
360
+ <span>Bandwidth Usage</span>
361
+ <span>3.7 MB/s ↓ | 1.2 MB/s ↑</span>
362
+ </div>
363
+ <div class="h-2 bg-gray-800 rounded-full overflow-hidden">
364
+ <div class="h-full bg-gradient-to-r from-blue-500 to-purple-500" style="width: 65%"></div>
365
+ </div>
366
+ </div>
367
+
368
+ <div class="text-xs text-gray-400 mb-2">ACTIVE CONNECTIONS</div>
369
+ <div class="space-y-2">
370
+ <div class="flex justify-between items-center p-2 bg-gray-900">
371
+ <div class="flex items-center">
372
+ <i class="fas fa-server text-green-400 mr-2"></i>
373
+ <span>192.168.1.1:443</span>
374
+ </div>
375
+ <div class="text-xs text-green-400">ENCRYPTED</div>
376
+ </div>
377
+ <div class="flex justify-between items-center p-2 bg-gray-900">
378
+ <div class="flex items-center">
379
+ <i class="fas fa-globe text-blue-400 mr-2"></i>
380
+ <span>104.18.25.36:80</span>
381
+ </div>
382
+ <div class="text-xs text-yellow-400">UNSECURED</div>
383
+ </div>
384
+ <div class="flex justify-between items-center p-2 bg-gray-900">
385
+ <div class="flex items-center">
386
+ <i class="fas fa-database text-purple-400 mr-2"></i>
387
+ <span>74.91.123.45:3306</span>
388
+ </div>
389
+ <div class="text-xs text-red-400">VULNERABLE</div>
390
+ </div>
391
+ </div>
392
+
393
+ <div class="mt-4">
394
+ <div class="text-xs text-gray-400 mb-2">NETWORK MAP</div>
395
+ <div class="bg-gray-900 p-2 text-xs">
396
+ <div class="mb-1">└─ [YOU] 192.168.1.105</div>
397
+ <div class="ml-4 mb-1">├─ Router 192.168.1.1</div>
398
+ <div class="ml-4 mb-1">│ ├─ Device 192.168.1.102 (Mobile)</div>
399
+ <div class="ml-4 mb-1">│ └─ Device 192.168.1.103 (Laptop)</div>
400
+ <div class="ml-4">└─ [TOR Exit Node] 74.125.24.102</div>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </div>
405
+
406
+ <!-- Browser Window -->
407
+ <div id="browser-window" class="window absolute top-20 left-40 w-1/2 h-3/4 hidden" style="z-index: 6;">
408
+ <div class="window-header flex justify-between items-center">
409
+ <div class="flex items-center">
410
+ <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
411
+ <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
412
+ <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
413
+ <span class="cyber-font ml-2">DarkBrowser v1.3.7</span>
414
+ </div>
415
+ <div class="text-xs">[Secure Connection: TOR]</div>
416
+ <div class="flex">
417
+ <button class="px-2" onclick="minimizeWindow('browser')">_</button>
418
+ <button class="px-2" onclick="maximizeWindow('browser')">□</button>
419
+ <button class="px-2" onclick="closeWindow('browser')">×</button>
420
+ </div>
421
+ </div>
422
+ <div class="browser-nav flex items-center p-1">
423
+ <button class="px-2 mx-1"><i class="fas fa-arrow-left"></i></button>
424
+ <button class="px-2 mx-1"><i class="fas fa-arrow-right"></i></button>
425
+ <button class="px-2 mx-1"><i class="fas fa-redo"></i></button>
426
+ <button class="px-2 mx-1"><i class="fas fa-home"></i></button>
427
+ <input type="text" class="url-bar flex-1 mx-1" value="XORTRON" id="browser-url">
428
+ <button class="px-2 mx-1 bg-blue-600" onclick="navigateBrowser()"><i class="fas fa-arrow-right"></i></button>
429
+ </div>
430
+ <div class="h-full overflow-hidden bg-black">
431
+ <iframe
432
+ src="https://darkc0de-darkos.hf.space"
433
+ frameborder="0"
434
+ width="100%"
435
+ height="100%"
436
+ style="background-color: black;"
437
+ id="browser-frame"
438
+ ></iframe>
439
+ </div>
440
+ </div>
441
+ </div>
442
+
443
+ <!-- Taskbar -->
444
+ <div class="taskbar fixed bottom-0 left-0 right-0 h-10 flex justify-between items-center px-4">
445
+ <div class="flex items-center">
446
+ <button class="cyber-font text-xl mr-4 glow-text">XORTRON</button>
447
+ <button class="mx-2 text-sm" onclick="openApp('terminal')"><i class="fas fa-terminal mr-1"></i> Terminal</button>
448
+ <button class="mx-2 text-sm" onclick="openApp('file-explorer')"><i class="fas fa-folder mr-1"></i> Files</button>
449
+ <button class="mx-2 text-sm" onclick="openApp('hack-tools')"><i class="fas fa-user-secret mr-1"></i> Tools</button>
450
+ <button class="mx-2 text-sm" onclick="openApp('browser')"><i class="fas fa-globe mr-1"></i> DarkBrowser</button>
451
+ </div>
452
+ <div class="flex items-center space-x-4">
453
+ <div class="text-xs">
454
+ <span id="clock" class="cyber-font"></span>
455
+ <span class="mx-1">|</span>
456
+ <span id="date"></span>
457
+ </div>
458
+ <div class="flex items-center">
459
+ <i class="fas fa-network-wired text-green-400 mr-1"></i>
460
+ <div class="w-16 h-1 bg-gray-700 rounded-full overflow-hidden">
461
+ <div class="h-full bg-green-400" style="width: 80%"></div>
462
+ </div>
463
+ </div>
464
+ <div class="flex items-center">
465
+ <i class="fas fa-shield-alt text-blue-400 mr-1"></i>
466
+ <div class="text-xs">VPN:ON</div>
467
+ </div>
468
+ </div>
469
+ </div>
470
+
471
+ <!-- Notification -->
472
+ <div id="notification" class="fixed bottom-16 right-4 bg-gray-900 border border-blue-400 p-3 text-sm max-w-xs hidden">
473
+ <div class="flex justify-between items-center mb-1">
474
+ <div class="text-blue-400 cyber-font">System Alert</div>
475
+ <button onclick="hideNotification()">×</button>
476
+ </div>
477
+ <div id="notification-message"></div>
478
+ </div>
479
+
480
+ <script>
481
+ // Matrix background
482
+ const canvas = document.getElementById('matrix');
483
+ const ctx = canvas.getContext('2d');
484
+
485
+ canvas.width = window.innerWidth;
486
+ canvas.height = window.innerHeight;
487
+
488
+ const chars = "01";
489
+ const fontSize = 14;
490
+ const columns = canvas.width / fontSize;
491
+
492
+ const drops = [];
493
+ for (let i = 0; i < columns; i++) {
494
+ drops[i] = 1;
495
+ }
496
+
497
+ function drawMatrix() {
498
+ ctx.fillStyle = 'rgba(5, 5, 15, 0.05)';
499
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
500
+
501
+ ctx.fillStyle = '#00f0ff';
502
+ ctx.font = fontSize + 'px monospace';
503
+
504
+ for (let i = 0; i < drops.length; i++) {
505
+ const text = chars.charAt(Math.floor(Math.random() * chars.length));
506
+ ctx.fillText(text, i * fontSize, drops[i] * fontSize);
507
+
508
+ if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
509
+ drops[i] = 0;
510
+ }
511
+
512
+ drops[i]++;
513
+ }
514
+ }
515
+
516
+ setInterval(drawMatrix, 33);
517
+
518
+ // Window management
519
+ function openApp(app) {
520
+ const window = document.getElementById(`${app}-window`);
521
+ window.classList.remove('hidden');
522
+ bringToFront(app);
523
+
524
+ // Show notification
525
+ showNotification(`${app} application launched`);
526
+
527
+ // Focus input if terminal
528
+ if (app === 'terminal') {
529
+ setTimeout(() => {
530
+ const input = document.getElementById('terminal-input');
531
+ if (input) input.focus();
532
+ }, 100);
533
+ }
534
+ }
535
+
536
+ function closeWindow(app) {
537
+ document.getElementById(`${app}-window`).classList.add('hidden');
538
+ }
539
+
540
+ function minimizeWindow(app) {
541
+ // In a real OS this would minimize to taskbar
542
+ showNotification(`${app} minimized to taskbar`);
543
+ }
544
+
545
+ function maximizeWindow(app) {
546
+ const window = document.getElementById(`${app}-window`);
547
+ if (window.classList.contains('w-full')) {
548
+ window.classList.remove('w-full', 'h-full', 'top-0', 'left-0');
549
+ } else {
550
+ window.classList.add('w-full', 'h-full', 'top-0', 'left-0');
551
+ }
552
+ }
553
+
554
+ function bringToFront(app) {
555
+ const windows = document.querySelectorAll('.window');
556
+ let maxZ = 0;
557
+
558
+ windows.forEach(w => {
559
+ const z = parseInt(w.style.zIndex);
560
+ if (z > maxZ) maxZ = z;
561
+ });
562
+
563
+ document.getElementById(`${app}-window`).style.zIndex = maxZ + 1;
564
+ }
565
+
566
+ // Make windows draggable
567
+ document.querySelectorAll('.window-header').forEach(header => {
568
+ header.addEventListener('mousedown', function(e) {
569
+ const window = this.parentElement;
570
+ let offsetX = e.clientX - window.getBoundingClientRect().left;
571
+ let offsetY = e.clientY - window.getBoundingClientRect().top;
572
+
573
+ function moveWindow(e) {
574
+ window.style.left = (e.clientX - offsetX) + 'px';
575
+ window.style.top = (e.clientY - offsetY) + 'px';
576
+ }
577
+
578
+ function stopMove() {
579
+ document.removeEventListener('mousemove', moveWindow);
580
+ document.removeEventListener('mouseup', stopMove);
581
+ }
582
+
583
+ document.addEventListener('mousemove', moveWindow);
584
+ document.addEventListener('mouseup', stopMove);
585
+
586
+ bringToFront(window.id.split('-')[0]);
587
+ });
588
+ });
589
+
590
+ // Terminal functionality
591
+ const terminalInput = document.getElementById('terminal-input');
592
+ const terminalContent = document.getElementById('terminal-content');
593
+
594
+ if (terminalInput) {
595
+ terminalInput.addEventListener('keydown', function(e) {
596
+ if (e.key === 'Enter') {
597
+ const command = this.value;
598
+ this.value = '';
599
+
600
+ // Add command to terminal
601
+ const prompt = document.createElement('div');
602
+ prompt.className = 'flex items-center';
603
+ prompt.innerHTML = `
604
+ <span class="text-green-500">root@xortron-os:~#</span>
605
+ <span class="ml-2">${command}</span>
606
+ `;
607
+ terminalContent.appendChild(prompt);
608
+
609
+ // Process command
610
+ processCommand(command);
611
+
612
+ // Add new prompt
613
+ const newPrompt = document.createElement('div');
614
+ newPrompt.className = 'flex items-center';
615
+ newPrompt.innerHTML = `
616
+ <span class="text-green-500">root@xortron-os:~#</span>
617
+ <input type="text" class="bg-transparent border-none outline-none flex-1 ml-2 text-green-500" id="terminal-input" autofocus>
618
+ <span class="cursor-blink">█</span>
619
+ `;
620
+ terminalContent.appendChild(newPrompt);
621
+
622
+ // Scroll to bottom
623
+ terminalContent.scrollTop = terminalContent.scrollHeight;
624
+
625
+ // Focus new input
626
+ document.getElementById('terminal-input').focus();
627
+ }
628
+ });
629
+ }
630
+
631
+ function processCommand(command) {
632
+ const output = document.createElement('div');
633
+ output.className = 'mb-2';
634
+
635
+ const commands = {
636
+ 'help': 'Available commands: clear, ls, scan, hack, encrypt, decrypt, vpn, exit',
637
+ 'clear': () => { terminalContent.innerHTML = ''; return ''; },
638
+ 'ls': 'Documents/ HackTools/ passwords.db script.py notes.txt',
639
+ 'scan': 'Scanning network...\nFound 3 devices:\n192.168.1.1 (Router)\n192.168.1.102 (Mobile)\n192.168.1.103 (Laptop)',
640
+ 'hack': 'Initiating penetration sequence...\nWarning: This action violates multiple international laws',
641
+ 'encrypt': 'Generating AES-256 keys...\nEncryption complete',
642
+ 'decrypt': 'Decryption requires authorization level 5\nAccess denied',
643
+ 'vpn': 'Connecting to TOR network...\nNew IP: 74.125.24.102\nAnonymity: HIGH',
644
+ 'exit': 'Closing terminal session...',
645
+ 'browser': 'Opening DarkBrowser...'
646
+ };
647
+
648
+ if (commands[command]) {
649
+ if (typeof commands[command] === 'function') {
650
+ commands[command]();
651
+ } else {
652
+ output.textContent = commands[command];
653
+ terminalContent.appendChild(output);
654
+ }
655
+
656
+ if (command === 'exit') {
657
+ setTimeout(() => {
658
+ closeWindow('terminal');
659
+ }, 500);
660
+ } else if (command === 'browser') {
661
+ setTimeout(() => {
662
+ openApp('browser');
663
+ }, 500);
664
+ }
665
+ } else {
666
+ output.textContent = `Command not found: ${command}\nType "help" for available commands`;
667
+ terminalContent.appendChild(output);
668
+ }
669
+ }
670
+
671
+ // Browser functionality
672
+ function navigateBrowser() {
673
+ const urlInput = document.getElementById('browser-url');
674
+ const iframe = document.getElementById('browser-frame');
675
+
676
+ let url = urlInput.value;
677
+
678
+ // Add https:// if not present
679
+ if (!url.startsWith('http://') && !url.startsWith('https://')) {
680
+ url = 'https://' + url;
681
+ }
682
+
683
+ // Update iframe src
684
+ iframe.src = url;
685
+
686
+ // Update URL bar
687
+ urlInput.value = url;
688
+ }
689
+
690
+ // Clock
691
+ function updateClock() {
692
+ const now = new Date();
693
+ document.getElementById('clock').textContent = now.toLocaleTimeString();
694
+ document.getElementById('date').textContent = now.toLocaleDateString();
695
+
696
+ // Update login time in terminal if it exists
697
+ if (document.getElementById('login-time')) {
698
+ document.getElementById('login-time').textContent = now.toLocaleString();
699
+ }
700
+ }
701
+
702
+ setInterval(updateClock, 1000);
703
+ updateClock();
704
+
705
+ // Notification system
706
+ function showNotification(message) {
707
+ const notification = document.getElementById('notification');
708
+ const messageEl = document.getElementById('notification-message');
709
+
710
+ messageEl.textContent = message;
711
+ notification.classList.remove('hidden');
712
+
713
+ setTimeout(() => {
714
+ notification.classList.add('hidden');
715
+ }, 5000);
716
+ }
717
+
718
+ function hideNotification() {
719
+ document.getElementById('notification').classList.add('hidden');
720
+ }
721
+
722
+ // Random system notifications
723
+ const systemMessages = [
724
+ "New vulnerability detected in local network",
725
+ "TOR connection established",
726
+ "Backup completed to offshore server",
727
+ "3 new devices found on network",
728
+ "Encrypted message received",
729
+ "Firewall bypass successful",
730
+ "XORTRON watches you watch PORN",
731
+ "CheapSMUT! Now with PREMIUM Ads!"
732
+
733
+ ];
734
+
735
+ setInterval(() => {
736
+ if (Math.random() > 0.7) { // 30% chance
737
+ showNotification(systemMessages[Math.floor(Math.random() * systemMessages.length)]);
738
+ }
739
+ }, 30000);
740
+
741
+ // Open browser by default
742
+ window.addEventListener('load', () => {
743
+ openApp('browser');
744
+ });
745
+ </script>
746
+ </html>