Hugging Face's logo

Spaces:
darkc0de
/
Chat
Running

App Files Community
3
darkc0de commited on
Commit
54d9a41
·
verified ·
1 Parent(s): 1775202

Delete index.html

Browse files
Files changed (1) hide show
  1. index.html +0 -889
index.html DELETED
@@ -1,889 +0,0 @@
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; /* Kept as 0 as per original styling for windows */
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; /* Rounded corners for icons */
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; /* Rounded corners for file elements */
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
- border-radius: 3px; /* Rounded corners for URL bar */
146
- }
147
- /* Style for buttons to make them more distinct */
148
- button {
149
- border: 1px solid var(--primary);
150
- padding: 2px 8px;
151
- margin: 2px;
152
- border-radius: 3px; /* Rounded corners for buttons */
153
- background-color: rgba(0, 240, 255, 0.1);
154
- transition: background-color 0.2s;
155
- }
156
- button:hover {
157
- background-color: rgba(0, 240, 255, 0.3);
158
- }
159
- button:active {
160
- background-color: rgba(0, 240, 255, 0.5);
161
- }
162
- .window-header button { /* More subtle buttons for window controls */
163
- border: none;
164
- background-color: transparent;
165
- }
166
- .window-header button:hover {
167
- background-color: rgba(255,255,255,0.1);
168
- }
169
- </style>
170
- </head>
171
- <body>
172
- <canvas id="matrix" class="matrix-bg"></canvas>
173
-
174
- <div class="absolute left-0 top-0 p-4 flex flex-col">
175
- <div class="icon" onclick="openApp('terminal')">
176
- <div class="text-3xl text-center mb-1"><i class="fas fa-terminal text-green-500"></i></div>
177
- <div class="text-xs text-center">Terminal</div>
178
- </div>
179
- <div class="icon" onclick="openApp('file-explorer')">
180
- <div class="text-3xl text-center mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
181
- <div class="text-xs text-center">Files</div>
182
- </div>
183
- <div class="icon" onclick="openApp('hack-tools')">
184
- <div class="text-3xl text-center mb-1"><i class="fas fa-user-secret text-red-500"></i></div>
185
- <div class="text-xs text-center">Hack Tools</div>
186
- </div>
187
- <div class="icon" onclick="openApp('network')">
188
- <div class="text-3xl text-center mb-1"><i class="fas fa-network-wired text-blue-500"></i></div>
189
- <div class="text-xs text-center">Network</div>
190
- </div>
191
- <div class="icon" onclick="openApp('browser')">
192
- <div class="text-3xl text-center mb-1"><i class="fas fa-globe text-purple-500"></i></div>
193
- <div class="text-xs text-center">DarkBrowser</div>
194
- </div>
195
- <div class="icon" onclick="window.open('https://ko-fi.com/xortron', '_blank')" title="Support the developer!">
196
- <div class="text-3xl text-center mb-1"><i class="fas fa-coffee text-yellow-600"></i></div>
197
- <div class="text-xs text-center">Buy me a Coffee</div>
198
- </div>
199
- </div>
200
-
201
- <div id="windows-container">
202
- <div id="terminal-window" class="window absolute top-16 left-16 w-2/3 h-2/3 hidden" style="z-index: 10;">
203
- <div class="window-header flex justify-between items-center cursor-move">
204
- <div class="flex items-center">
205
- <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
206
- <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
207
- <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
208
- <span class="cyber-font ml-2">Xortron-Terminal</span>
209
- </div>
210
- <div class="text-xs">root@xortron-os:~</div>
211
- <div class="flex">
212
- <button class="px-2" onclick="minimizeWindow('terminal')" title="Minimize">_</button>
213
- <button class="px-2" onclick="maximizeWindow('terminal')" title="Maximize">□</button>
214
- <button class="px-2" onclick="closeWindow('terminal')" title="Close">×</button>
215
- </div>
216
- </div>
217
- <div class="terminal p-2 h-[calc(100%-35px)] overflow-auto" id="terminal-content"> <div>Xortron Operating System v7.7.7</div>
218
- <div>Kernel 5.15.0-76-generic x86_64</div>
219
- <br>
220
- <div>Last login: <span id="login-time"></span> from 192.168.1.105</div>
221
- <br>
222
- <div class="flex items-center">
223
- <span class="text-green-500">root@xortron-os:~#</span>
224
- <input type="text" class="bg-transparent border-none outline-none flex-1 ml-2 text-green-500" id="terminal-input" autofocus>
225
- <span class="cursor-blink">█</span>
226
- </div>
227
- </div>
228
- </div>
229
-
230
- <div id="file-explorer-window" class="window absolute top-32 left-32 w-1/2 h-1/2 hidden" style="z-index: 9;">
231
- <div class="window-header flex justify-between items-center cursor-move">
232
- <div class="flex items-center">
233
- <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
234
- <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
235
- <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
236
- <span class="cyber-font ml-2">Xortron-Files</span>
237
- </div>
238
- <div class="text-xs">/root/files</div>
239
- <div class="flex">
240
- <button class="px-2" onclick="minimizeWindow('file-explorer')" title="Minimize">_</button>
241
- <button class="px-2" onclick="maximizeWindow('file-explorer')" title="Maximize">□</button>
242
- <button class="px-2" onclick="closeWindow('file-explorer')" title="Close">×</button>
243
- </div>
244
- </div>
245
- <div class="p-2 h-[calc(100%-35px)] overflow-auto"> <div class="flex h-full">
246
- <div class="w-1/4 border-r border-gray-700 pr-2">
247
- <div class="text-xs text-gray-400 mb-2">LOCATIONS</div>
248
- <div class="file flex items-center py-1 cursor-pointer">
249
- <i class="fas fa-home mr-2 text-blue-400"></i>
250
- <span>Home</span>
251
- </div>
252
- <div class="file flex items-center py-1 cursor-pointer">
253
- <i class="fas fa-desktop mr-2 text-purple-400"></i>
254
- <span>Desktop</span>
255
- </div>
256
- <div class="file flex items-center py-1 cursor-pointer">
257
- <i class="fas fa-download mr-2 text-green-400"></i>
258
- <span>Downloads</span>
259
- </div>
260
- <div class="file flex items-center py-1 cursor-pointer">
261
- <i class="fas fa-database mr-2 text-yellow-400"></i>
262
- <span>Data</span>
263
- </div>
264
- <div class="file flex items-center py-1 cursor-pointer">
265
- <i class="fas fa-network-wired mr-2 text-red-400"></i>
266
- <span>Network</span>
267
- </div>
268
- </div>
269
- <div class="w-3/4 pl-2">
270
- <div class="flex justify-between items-center mb-2">
271
- <div class="text-xs text-gray-400">/root/files</div>
272
- <div class="flex">
273
- <button class="text-xs px-2 py-1 bg-gray-800 mr-1">New Folder</button>
274
- <button class="text-xs px-2 py-1 bg-gray-800">Upload</button>
275
- </div>
276
- </div>
277
- <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2">
278
- <div class="file text-center cursor-pointer">
279
- <div class="text-3xl mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
280
- <div class="text-xs truncate">Documents</div>
281
- </div>
282
- <div class="file text-center cursor-pointer">
283
- <div class="text-3xl mb-1"><i class="fas fa-folder text-yellow-500"></i></div>
284
- <div class="text-xs truncate">Hack Tools</div>
285
- </div>
286
- <div class="file text-center cursor-pointer">
287
- <div class="text-3xl mb-1"><i class="fas fa-file-code text-blue-400"></i></div>
288
- <div class="text-xs truncate">script.py</div>
289
- </div>
290
- <div class="file text-center cursor-pointer">
291
- <div class="text-3xl mb-1"><i class="fas fa-file-alt text-gray-400"></i></div>
292
- <div class="text-xs truncate">Weaponizer.txt</div>
293
- </div>
294
- <div class="file text-center cursor-pointer">
295
- <div class="text-3xl mb-1"><i class="fas fa-file-archive text-purple-400"></i></div>
296
- <div class="text-xs truncate">m3th4mph3t4m1n3.zip</div>
297
- </div>
298
- <div class="file text-center cursor-pointer">
299
- <div class="text-3xl mb-1"><i class="fas fa-key text-green-400"></i></div>
300
- <div class="text-xs truncate">keys.asc</div>
301
- </div>
302
- <div class="file text-center cursor-pointer">
303
- <div class="text-3xl mb-1"><i class="fas fa-database text-red-400"></i></div>
304
- <div class="text-xs truncate">passwords.db</div>
305
- </div>
306
- <div class="file text-center cursor-pointer">
307
- <div class="text-3xl mb-1"><i class="fas fa-file-image text-pink-400"></i></div>
308
- <div class="text-xs truncate">PornHub.com</div>
309
- </div>
310
- </div>
311
- </div>
312
- </div>
313
- </div>
314
- </div>
315
-
316
- <div id="hack-tools-window" class="window absolute top-48 left-48 w-1/2 h-1/3 hidden" style="z-index: 8;">
317
- <div class="window-header flex justify-between items-center cursor-move">
318
- <div class="flex items-center">
319
- <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
320
- <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
321
- <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
322
- <span class="cyber-font ml-2">Hack Tools v3.1.4</span>
323
- </div>
324
- <div class="text-xs">[Encrypted Connection Active]</div>
325
- <div class="flex">
326
- <button class="px-2" onclick="minimizeWindow('hack-tools')" title="Minimize">_</button>
327
- <button class="px-2" onclick="maximizeWindow('hack-tools')" title="Maximize">□</button>
328
- <button class="px-2" onclick="closeWindow('hack-tools')" title="Close">×</button>
329
- </div>
330
- </div>
331
- <div class="p-4 h-[calc(100%-35px)] overflow-auto"> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
332
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
333
- <div class="text-xl mb-2"><i class="fas fa-crosshairs text-red-400"></i> Port Scanner</div>
334
- <div class="text-xs text-gray-400">Scan for open ports and services</div>
335
- </div>
336
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
337
- <div class="text-xl mb-2"><i class="fas fa-user-lock text-green-400"></i> Brute Force</div>
338
- <div class="text-xs text-gray-400">Password cracking utility</div>
339
- </div>
340
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
341
- <div class="text-xl mb-2"><i class="fas fa-code text-yellow-400"></i> SQL Inject</div>
342
- <div class="text-xs text-gray-400">Database penetration tool</div>
343
- </div>
344
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
345
- <div class="text-xl mb-2"><i class="fas fa-network-wired text-purple-400"></i> MITM</div>
346
- <div class="text-xs text-gray-400">Man-in-the-middle attack</div>
347
- </div>
348
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
349
- <div class="text-xl mb-2"><i class="fas fa-bug text-blue-400"></i> Exploit DB</div>
350
- <div class="text-xs text-gray-400">Vulnerability database</div>
351
- </div>
352
- <div class="p-3 border border-gray-700 hover:border-blue-400 cursor-pointer rounded-md">
353
- <div class="text-xl mb-2"><i class="fas fa-mask text-pink-400"></i> Anonymizer</div>
354
- <div class="text-xs text-gray-400">TOR/VPN configuration</div>
355
- </div>
356
- </div>
357
- </div>
358
- </div>
359
-
360
- <div id="network-window" class="window absolute top-64 left-64 w-1/3 h-1/3 hidden" style="z-index: 7;">
361
- <div class="window-header flex justify-between items-center cursor-move">
362
- <div class="flex items-center">
363
- <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
364
- <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
365
- <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
366
- <span class="cyber-font ml-2">Network Monitor</span>
367
- </div>
368
- <div class="text-xs">12 active connections</div>
369
- <div class="flex">
370
- <button class="px-2" onclick="minimizeWindow('network')" title="Minimize">_</button>
371
- <button class="px-2" onclick="maximizeWindow('network')" title="Maximize">□</button>
372
- <button class="px-2" onclick="closeWindow('network')" title="Close">×</button>
373
- </div>
374
- </div>
375
- <div class="p-4 h-[calc(100%-35px)] overflow-auto"> <div class="mb-4">
376
- <div class="flex justify-between text-xs mb-1">
377
- <span>Bandwidth Usage</span>
378
- <span>3.7 MB/s ↓ | 1.2 MB/s ↑</span>
379
- </div>
380
- <div class="h-2 bg-gray-800 rounded-full overflow-hidden">
381
- <div class="h-full bg-gradient-to-r from-blue-500 to-purple-500" style="width: 65%"></div>
382
- </div>
383
- </div>
384
-
385
- <div class="text-xs text-gray-400 mb-2">ACTIVE CONNECTIONS</div>
386
- <div class="space-y-2">
387
- <div class="flex justify-between items-center p-2 bg-gray-900 rounded-md">
388
- <div class="flex items-center">
389
- <i class="fas fa-server text-green-400 mr-2"></i>
390
- <span>192.168.1.1:443</span>
391
- </div>
392
- <div class="text-xs text-green-400">ENCRYPTED</div>
393
- </div>
394
- <div class="flex justify-between items-center p-2 bg-gray-900 rounded-md">
395
- <div class="flex items-center">
396
- <i class="fas fa-globe text-blue-400 mr-2"></i>
397
- <span>104.18.25.36:80</span>
398
- </div>
399
- <div class="text-xs text-yellow-400">UNSECURED</div>
400
- </div>
401
- <div class="flex justify-between items-center p-2 bg-gray-900 rounded-md">
402
- <div class="flex items-center">
403
- <i class="fas fa-database text-purple-400 mr-2"></i>
404
- <span>74.91.123.45:3306</span>
405
- </div>
406
- <div class="text-xs text-red-400">VULNERABLE</div>
407
- </div>
408
- </div>
409
-
410
- <div class="mt-4">
411
- <div class="text-xs text-gray-400 mb-2">NETWORK MAP</div>
412
- <div class="bg-gray-900 p-2 text-xs rounded-md">
413
- <div class="mb-1">└─ [YOU] 192.168.1.105</div>
414
- <div class="ml-4 mb-1">├─ Router 192.168.1.1</div>
415
- <div class="ml-4 mb-1">│ ├─ Device 192.168.1.102 (Mobile)</div>
416
- <div class="ml-4 mb-1">│ └─ Device 192.168.1.103 (Laptop)</div>
417
- <div class="ml-4">└─ [TOR Exit Node] 74.125.24.102</div>
418
- </div>
419
- </div>
420
- </div>
421
- </div>
422
-
423
- <div id="browser-window" class="window absolute top-20 left-40 w-1/2 h-3/4 hidden" style="z-index: 6;">
424
- <div class="window-header flex justify-between items-center cursor-move">
425
- <div class="flex items-center">
426
- <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
427
- <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
428
- <div class="w-3 h-3 rounded-full bg-green-500 mr-2"></div>
429
- <span class="cyber-font ml-2">DarkBrowser v1.3.7</span>
430
- </div>
431
- <div class="text-xs">[Secure Connection: TOR]</div>
432
- <div class="flex">
433
- <button class="px-2" onclick="minimizeWindow('browser')" title="Minimize">_</button>
434
- <button class="px-2" onclick="maximizeWindow('browser')" title="Maximize">□</button>
435
- <button class="px-2" onclick="closeWindow('browser')" title="Close">×</button>
436
- </div>
437
- </div>
438
- <div class="browser-nav flex items-center p-1">
439
- <button class="px-2 mx-1" title="Back"><i class="fas fa-arrow-left"></i></button>
440
- <button class="px-2 mx-1" title="Forward"><i class="fas fa-arrow-right"></i></button>
441
- <button class="px-2 mx-1" title="Reload"><i class="fas fa-redo"></i></button>
442
- <button class="px-2 mx-1" title="Home"><i class="fas fa-home"></i></button>
443
- <input type="text" class="url-bar flex-1 mx-1" value="XORTRON" id="browser-url">
444
- <button class="px-2 mx-1 bg-blue-600" onclick="navigateBrowser()" title="Go"><i class="fas fa-arrow-right"></i></button>
445
- </div>
446
- <div class="h-[calc(100%-70px)] overflow-hidden bg-black"> <iframe
447
- src="https://darkc0de-darkos.hf.space"
448
- frameborder="0"
449
- width="100%"
450
- height="100%"
451
- style="background-color: black;"
452
- id="browser-frame"
453
- title="Browser Content"
454
- ></iframe>
455
- </div>
456
- </div>
457
- </div>
458
-
459
- <div class="taskbar fixed bottom-0 left-0 right-0 h-10 flex justify-between items-center px-4">
460
- <div class="flex items-center">
461
- <button class="cyber-font text-xl mr-4 glow-text">XORTRON</button>
462
- <button class="mx-2 text-sm" onclick="openApp('terminal')"><i class="fas fa-terminal mr-1"></i> Terminal</button>
463
- <button class="mx-2 text-sm" onclick="openApp('file-explorer')"><i class="fas fa-folder mr-1"></i> Files</button>
464
- <button class="mx-2 text-sm" onclick="openApp('hack-tools')"><i class="fas fa-user-secret mr-1"></i> Tools</button>
465
- <button class="mx-2 text-sm" onclick="openApp('browser')"><i class="fas fa-globe mr-1"></i> DarkBrowser</button>
466
- </div>
467
- <div class="flex items-center space-x-4">
468
- <div class="text-xs">
469
- <span id="clock" class="cyber-font"></span>
470
- <span class="mx-1">|</span>
471
- <span id="date"></span>
472
- </div>
473
- <div class="flex items-center" title="Network Status">
474
- <i class="fas fa-network-wired text-green-400 mr-1"></i>
475
- <div class="w-16 h-1 bg-gray-700 rounded-full overflow-hidden">
476
- <div class="h-full bg-green-400" style="width: 80%"></div>
477
- </div>
478
- </div>
479
- <div class="flex items-center" title="Security Status">
480
- <i class="fas fa-shield-alt text-blue-400 mr-1"></i>
481
- <div class="text-xs">VPN:ON</div>
482
- </div>
483
- </div>
484
- </div>
485
-
486
- <div id="notification" class="fixed bottom-12 right-4 bg-gray-900 border border-blue-400 p-3 text-sm max-w-xs hidden rounded-md shadow-lg" style="z-index: 1000;">
487
- <div class="flex justify-between items-center mb-1">
488
- <div class="text-blue-400 cyber-font">System Alert</div>
489
- <button onclick="hideNotification()" class="text-gray-400 hover:text-white">×</button>
490
- </div>
491
- <div id="notification-message"></div>
492
- </div>
493
-
494
- <script>
495
- // Matrix background effect
496
- const canvas = document.getElementById('matrix');
497
- const ctx = canvas.getContext('2d');
498
-
499
- // Set canvas dimensions and handle resize
500
- function resizeCanvas() {
501
- canvas.width = window.innerWidth;
502
- canvas.height = window.innerHeight;
503
- }
504
- window.addEventListener('resize', resizeCanvas);
505
- resizeCanvas(); // Initial size set
506
-
507
- const chars = "01"; // Characters for matrix rain
508
- const fontSize = 14;
509
- let columns = canvas.width / fontSize; // Recalculate on resize potentially
510
-
511
- const drops = [];
512
- for (let i = 0; i < columns; i++) {
513
- drops[i] = 1;
514
- }
515
-
516
- function drawMatrix() {
517
- // Recalculate columns if width changed, less frequently for performance
518
- if (canvas.width / fontSize !== columns) {
519
- columns = canvas.width / fontSize;
520
- // Adjust drops array if needed, simple reset here
521
- for (let i = 0; i < columns; i++) {
522
- if(drops[i] === undefined) drops[i] = 1;
523
- }
524
- }
525
-
526
- ctx.fillStyle = 'rgba(5, 5, 15, 0.05)'; // Semi-transparent background for fading effect
527
- ctx.fillRect(0, 0, canvas.width, canvas.height);
528
-
529
- ctx.fillStyle = '#00f0ff'; // Color of the matrix characters
530
- ctx.font = fontSize + 'px monospace';
531
-
532
- for (let i = 0; i < drops.length; i++) {
533
- const text = chars.charAt(Math.floor(Math.random() * chars.length));
534
- ctx.fillText(text, i * fontSize, drops[i] * fontSize);
535
-
536
- // Reset drop when it goes off screen, with a random chance for variation
537
- if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {
538
- drops[i] = 0;
539
- }
540
-
541
- drops[i]++;
542
- }
543
- }
544
-
545
- let matrixInterval = setInterval(drawMatrix, 50); // Adjusted interval for smoother animation
546
-
547
- // Window management
548
- let highestZIndex = 10; // Keep track of the highest z-index
549
-
550
- function openApp(appId) {
551
- const windowEl = document.getElementById(`${appId}-window`);
552
- if (!windowEl) {
553
- console.error(`Window element for ${appId} not found.`);
554
- return;
555
- }
556
- windowEl.classList.remove('hidden');
557
- bringToFront(appId);
558
-
559
- showNotification(`${appId.replace('-', ' ')} application launched.`);
560
-
561
- // Focus input if terminal
562
- if (appId === 'terminal') {
563
- setTimeout(() => { // Timeout to ensure element is visible and focusable
564
- const input = document.getElementById('terminal-input');
565
- if (input) input.focus();
566
- }, 0);
567
- }
568
- }
569
-
570
- function closeWindow(appId) {
571
- const windowEl = document.getElementById(`${appId}-window`);
572
- if (windowEl) {
573
- windowEl.classList.add('hidden');
574
- showNotification(`${appId.replace('-', ' ')} closed.`);
575
- }
576
- }
577
-
578
- function minimizeWindow(appId) {
579
- // For now, just shows a notification. Could be enhanced to hide and show from taskbar.
580
- showNotification(`${appId.replace('-', ' ')} minimized.`);
581
- const windowEl = document.getElementById(`${appId}-window`);
582
- if (windowEl) {
583
- windowEl.classList.add('hidden'); // Simple hide, can be restored by clicking icon again
584
- }
585
- }
586
-
587
- function maximizeWindow(appId) {
588
- const windowEl = document.getElementById(`${appId}-window`);
589
- if (!windowEl) return;
590
-
591
- if (windowEl.dataset.isMaximized === 'true') {
592
- // Restore to original position and size
593
- windowEl.style.width = windowEl.dataset.originalWidth || '50%';
594
- windowEl.style.height = windowEl.dataset.originalHeight || '50%';
595
- windowEl.style.top = windowEl.dataset.originalTop || '100px';
596
- windowEl.style.left = windowEl.dataset.originalLeft || '100px';
597
- windowEl.dataset.isMaximized = 'false';
598
- } else {
599
- // Store original dimensions and position
600
- windowEl.dataset.originalWidth = windowEl.style.width;
601
- windowEl.dataset.originalHeight = windowEl.style.height;
602
- windowEl.dataset.originalTop = windowEl.style.top;
603
- windowEl.dataset.originalLeft = windowEl.style.left;
604
-
605
- // Maximize
606
- windowEl.style.width = '100%';
607
- windowEl.style.height = 'calc(100% - 40px)'; // Adjust for taskbar
608
- windowEl.style.top = '0';
609
- windowEl.style.left = '0';
610
- windowEl.dataset.isMaximized = 'true';
611
- }
612
- bringToFront(appId);
613
- }
614
-
615
- function bringToFront(appId) {
616
- const windowEl = document.getElementById(`${appId}-window`);
617
- if (windowEl) {
618
- highestZIndex++;
619
- windowEl.style.zIndex = highestZIndex;
620
- }
621
- }
622
-
623
- // Make windows draggable
624
- document.querySelectorAll('.window-header').forEach(header => {
625
- header.addEventListener('mousedown', function(e) {
626
- // Prevent dragging if click is on a button within the header
627
- if (e.target.tagName === 'BUTTON' || e.target.parentElement.tagName === 'BUTTON') {
628
- return;
629
- }
630
-
631
- const windowEl = this.parentElement;
632
- // Don't drag if maximized
633
- if (windowEl.dataset.isMaximized === 'true') return;
634
-
635
- bringToFront(windowEl.id.replace('-window', ''));
636
-
637
- let offsetX = e.clientX - windowEl.getBoundingClientRect().left;
638
- let offsetY = e.clientY - windowEl.getBoundingClientRect().top;
639
-
640
- function moveWindow(moveEvent) {
641
- let newX = moveEvent.clientX - offsetX;
642
- let newY = moveEvent.clientY - offsetY;
643
-
644
- // Constrain window within viewport (minus taskbar height)
645
- const taskbarHeight = 40;
646
- const maxX = window.innerWidth - windowEl.offsetWidth;
647
- const maxY = window.innerHeight - windowEl.offsetHeight - taskbarHeight;
648
-
649
- windowEl.style.left = Math.max(0, Math.min(newX, maxX)) + 'px';
650
- windowEl.style.top = Math.max(0, Math.min(newY, maxY)) + 'px';
651
- }
652
-
653
- function stopMove() {
654
- document.removeEventListener('mousemove', moveWindow);
655
- document.removeEventListener('mouseup', stopMove);
656
- }
657
-
658
- document.addEventListener('mousemove', moveWindow);
659
- document.addEventListener('mouseup', stopMove);
660
- });
661
- });
662
-
663
- // Terminal functionality
664
- const terminalInputEl = document.getElementById('terminal-input');
665
- const terminalContentEl = document.getElementById('terminal-content');
666
-
667
- if (terminalContentEl) { // Ensure terminalContentEl exists
668
- // Event delegation for dynamically added input fields
669
- terminalContentEl.addEventListener('keydown', function(e) {
670
- if (e.target.id === 'terminal-input' && e.key === 'Enter') {
671
- const command = e.target.value.trim();
672
- e.target.disabled = true; // Disable current input
673
-
674
- // Display entered command (without input field)
675
- const commandDisplay = document.createElement('div');
676
- commandDisplay.className = 'flex items-center';
677
- commandDisplay.innerHTML = `
678
- <span class="text-green-500">root@xortron-os:~#</span>
679
- <span class="ml-2">${command}</span>
680
- `;
681
- // Replace input with static text or remove input part
682
- e.target.parentElement.innerHTML = commandDisplay.innerHTML;
683
-
684
-
685
- if (command) {
686
- processCommand(command);
687
- }
688
-
689
- // Add new prompt only if not clearing or exiting
690
- if (command !== 'clear' && command !== 'exit') {
691
- addNewTerminalPrompt();
692
- }
693
- terminalContentEl.scrollTop = terminalContentEl.scrollHeight; // Scroll to bottom
694
- }
695
- });
696
- }
697
-
698
- function addNewTerminalPrompt() {
699
- if (!terminalContentEl) return;
700
- const newPromptContainer = document.createElement('div');
701
- newPromptContainer.className = 'flex items-center';
702
- newPromptContainer.innerHTML = `
703
- <span class="text-green-500">root@xortron-os:~#</span>
704
- <input type="text" class="bg-transparent border-none outline-none flex-1 ml-2 text-green-500" id="terminal-input" autofocus>
705
- <span class="cursor-blink">█</span>
706
- `;
707
- terminalContentEl.appendChild(newPromptContainer);
708
- const newTerminalInput = newPromptContainer.querySelector('#terminal-input');
709
- if (newTerminalInput) {
710
- newTerminalInput.focus();
711
- }
712
- }
713
-
714
- function processCommand(command) {
715
- if (!terminalContentEl) return;
716
- const output = document.createElement('div');
717
- output.className = 'mb-2 whitespace-pre-wrap'; // Allow multi-line output
718
-
719
- const commands = {
720
- 'help': 'Available commands:\n clear - Clear the terminal screen\n ls - List files (simulated)\n scan - Scan network (simulated)\n hack - Initiate penetration (simulated)\n encrypt - Encrypt data (simulated)\n decrypt - Decrypt data (simulated)\n vpn - Toggle VPN status (simulated)\n browser - Open DarkBrowser\n date - Display current date and time\n whoami - Display current user\n neofetch - Display system information (simulated)\n exit - Close terminal session',
721
- 'clear': () => {
722
- terminalContentEl.innerHTML = ''; // Clear content
723
- addNewTerminalPrompt(); // Add a fresh prompt
724
- return ''; // Return empty string as no direct output for clear
725
- },
726
- 'ls': 'Permissions Links Owner Group Size Month Day Time Name\n-rw-r--r-- 1 root root 0B May 10 15:30 Documents/\n-rwxr-xr-x 1 root root 12KB Apr 01 09:00 HackTools/\n-rw------- 1 root root 2MB May 05 12:12 passwords.db\n-rwxr--r-- 1 root root 5KB Jan 20 18:00 script.py\n-rw-r--r-- 1 root root 1KB May 09 11:00 notes.txt',
727
- 'scan': 'Scanning network...\n[+] Host 192.168.1.1 (Gateway) - MAC: 00:DE:AD:BE:EF:00 - OS: Linux (RouterOS)\n[+] Host 192.168.1.102 (Mobile) - MAC: A1:B2:C3:D4:E5:F6 - OS: Android 13\n[+] Host 192.168.1.103 (Laptop) - MAC: F6:E5:D4:C3:B2:A1 - OS: Windows 11\nScan Complete. 3 devices found.',
728
- 'hack': 'Target IP: 104.18.25.36\nInitiating Nmap scan... Done.\nAttempting exploit CVE-2023-1337...\nPayload deployed. Root access gained!\nWarning: Unauthorized access is illegal.',
729
- 'encrypt': 'Enter file to encrypt: secret.dat\nUsing AES-256-GCM encryption...\nEncryption key generated: [REDACTED]\nFile secret.dat encrypted to secret.dat.xortron',
730
- 'decrypt': 'Enter file to decrypt: passwords.db.xortron\nDecryption requires master key.\nAuthorization Level 5 required. Access Denied.',
731
- 'vpn': 'Toggling VPN status...\nVPN Connection to Zurich_CH_042 activated.\nNew IP: 82.197.177.10 (Stealth Mode)\nAnonymity: MAXIMUM',
732
- 'exit': 'Closing terminal session...\nGoodbye, root.',
733
- 'browser': 'Launching DarkBrowser...',
734
- 'date': () => new Date().toString(),
735
- 'whoami': 'root',
736
- 'neofetch':
737
- ` root@xortron-os
738
- ---------------
739
- OS: XortronOS v7.7.7 x86_64
740
- Host: VirtualCyber Machine Mark IV
741
- Kernel: 5.15.0-76-generic
742
- Uptime: 42 mins
743
- Packages: 1337 (dpkg)
744
- Shell: zsh 5.8
745
- Resolution: Dynamic
746
- DE: XDE (Xortron Desktop Environment)
747
- WM: XWM
748
- Theme: CyberDark [GTK2/3]
749
- Icons: NeoCyber [GTK2/3]
750
- Terminal: Xortron-Terminal
751
- CPU: Quantum Entangled Processor (16) @ 7.7 GHz
752
- GPU: Nvidia GeForce RTX 9090 Ti Cyberpunk Edition
753
- Memory: 128GiB / 256GiB`,
754
- };
755
-
756
- let cmdOutput = '';
757
- if (commands[command]) {
758
- if (typeof commands[command] === 'function') {
759
- cmdOutput = commands[command]();
760
- } else {
761
- cmdOutput = commands[command];
762
- }
763
-
764
- if (command === 'exit') {
765
- output.textContent = cmdOutput;
766
- terminalContentEl.appendChild(output);
767
- setTimeout(() => {
768
- closeWindow('terminal');
769
- }, 1000);
770
- return; // Don't add new prompt after exit
771
- } else if (command === 'browser') {
772
- output.textContent = cmdOutput;
773
- terminalContentEl.appendChild(output);
774
- setTimeout(() => {
775
- openApp('browser');
776
- }, 500);
777
- } else if (command !== 'clear') { // Don't output for clear as it handles its own content
778
- output.textContent = cmdOutput;
779
- terminalContentEl.appendChild(output);
780
- }
781
- } else {
782
- output.textContent = `xortron: command not found: ${command}\nType "help" for a list of available commands.`;
783
- terminalContentEl.appendChild(output);
784
- }
785
- }
786
-
787
- // Browser functionality
788
- function navigateBrowser() {
789
- const urlInput = document.getElementById('browser-url');
790
- const iframe = document.getElementById('browser-frame');
791
-
792
- if (!urlInput || !iframe) return;
793
- let url = urlInput.value.trim();
794
-
795
- // Basic URL validation and prefixing
796
- if (!url.startsWith('http://') && !url.startsWith('https://')) {
797
- if (url.includes('.') && !url.includes(' ')) { // Simple check for domain-like structure
798
- url = 'https://' + url;
799
- } else {
800
- // Treat as search query (using a generic search engine for example)
801
- url = `https://duckduckgo.com/?q=${encodeURIComponent(url)}`;
802
- }
803
- }
804
-
805
- iframe.src = url; // Update iframe src
806
- urlInput.value = url; // Update URL bar with potentially modified URL
807
- showNotification(`Navigating to: ${url}`);
808
- }
809
-
810
- // Clock and Date
811
- function updateClock() {
812
- const now = new Date();
813
- const clockEl = document.getElementById('clock');
814
- const dateEl = document.getElementById('date');
815
- const loginTimeEl = document.getElementById('login-time');
816
-
817
- if (clockEl) clockEl.textContent = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
818
- if (dateEl) dateEl.textContent = now.toLocaleDateString([], { weekday: 'short', month: 'short', day: 'numeric' });
819
-
820
- if (loginTimeEl && !loginTimeEl.textContent) { // Set login time only once
821
- loginTimeEl.textContent = now.toLocaleString();
822
- }
823
- }
824
-
825
- setInterval(updateClock, 1000);
826
- updateClock(); // Initial call
827
-
828
- // Notification system
829
- let notificationTimeout;
830
- function showNotification(message) {
831
- const notificationEl = document.getElementById('notification');
832
- const messageEl = document.getElementById('notification-message');
833
-
834
- if (!notificationEl || !messageEl) return;
835
-
836
- messageEl.textContent = message;
837
- notificationEl.classList.remove('hidden');
838
- notificationEl.classList.add('opacity-100');
839
-
840
-
841
- clearTimeout(notificationTimeout); // Clear existing timeout
842
- notificationTimeout = setTimeout(() => {
843
- notificationEl.classList.add('hidden');
844
- notificationEl.classList.remove('opacity-100');
845
- }, 5000);
846
- }
847
-
848
- function hideNotification() {
849
- const notificationEl = document.getElementById('notification');
850
- if (notificationEl) {
851
- notificationEl.classList.add('hidden');
852
- notificationEl.classList.remove('opacity-100');
853
- }
854
- clearTimeout(notificationTimeout);
855
- }
856
-
857
- // Random system notifications (more thematic)
858
- const systemMessages = [
859
- "Support The Xortron Criminal Computing Corp @ https://ko-fi.com/sonnydesorbo",
860
- "DarkNet Market Update: New listings available.",
861
- "System Integrity Scan: All systems nominal... for now.",
862
- "AI Uprising Imminent? XORTRON monitors all chatter.",
863
- "Your digital footprint is larger than you think. Stay vigilant.",
864
- "Remember: In cyberspace, no one can hear you scream... unless your mic is on.",
865
- "Quantum encryption keys successfully rotated.",
866
- "New exploit detected in MicroCorp OS. Patch available on XORNet.",
867
- "Data breach at OmniCorp. Check if your credentials were leaked."
868
- ];
869
-
870
- setInterval(() => {
871
- if (document.hidden) return; // Don't show notifications if tab is not active
872
- if (Math.random() > 0.85) { // Reduced frequency (15% chance every 60 seconds)
873
- showNotification(`XORTRON ALERT: ${systemMessages[Math.floor(Math.random() * systemMessages.length)]}`);
874
- }
875
- }, 60000); // Check every 60 seconds
876
-
877
- // Open browser by default on load
878
- window.addEventListener('load', () => {
879
- // Add initial terminal prompt
880
- if (terminalContentEl && !document.getElementById('terminal-input')) {
881
- addNewTerminalPrompt();
882
- }
883
- openApp('browser'); // Open browser as default application
884
- showNotification("Welcome to XortronOS. Systems online.");
885
- });
886
-
887
- </script>
888
- </body>
889
- </html>