darkc0de commited on
Commit
ba20f0e
·
verified ·
1 Parent(s): 5d5fdf5

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +357 -598
  2. prompts.txt +1 -0
index.html CHANGED
@@ -35,7 +35,8 @@
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 {
@@ -67,7 +68,8 @@
67
  width: 80px;
68
  padding: 10px 5px;
69
  margin: 5px;
70
- border-radius: 5px; /* Rounded corners for icons */
 
71
  }
72
 
73
  .icon:hover {
@@ -81,7 +83,7 @@
81
  .file {
82
  padding: 5px;
83
  margin: 2px;
84
- border-radius: 3px; /* Rounded corners for file elements */
85
  }
86
 
87
  .file:hover {
@@ -142,35 +144,292 @@
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>
@@ -184,21 +443,98 @@
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">
@@ -214,7 +550,8 @@
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>
@@ -227,6 +564,7 @@
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">
@@ -242,7 +580,8 @@
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">
@@ -305,585 +644,5 @@
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-chat.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/xortron",
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>
 
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
+ transition: all 0.2s ease;
40
  }
41
 
42
  .window-header {
 
68
  width: 80px;
69
  padding: 10px 5px;
70
  margin: 5px;
71
+ border-radius: 5px;
72
+ transition: all 0.2s ease;
73
  }
74
 
75
  .icon:hover {
 
83
  .file {
84
  padding: 5px;
85
  margin: 2px;
86
+ border-radius: 3px;
87
  }
88
 
89
  .file:hover {
 
144
  color: var(--light);
145
  padding: 3px 10px;
146
  width: 100%;
147
+ border-radius: 3px;
148
  }
149
+
150
  button {
151
  border: 1px solid var(--primary);
152
  padding: 2px 8px;
153
  margin: 2px;
154
+ border-radius: 3px;
155
  background-color: rgba(0, 240, 255, 0.1);
156
+ transition: all 0.2s;
157
  }
158
+
159
  button:hover {
160
  background-color: rgba(0, 240, 255, 0.3);
161
  }
162
+
163
  button:active {
164
  background-color: rgba(0, 240, 255, 0.5);
165
  }
166
+
167
+ .window-header button {
168
+ border: none;
169
+ background-color: transparent;
170
  }
171
+
172
  .window-header button:hover {
173
  background-color: rgba(255,255,255,0.1);
174
  }
175
+
176
+ /* Start Menu Styles */
177
+ .start-menu {
178
+ position: absolute;
179
+ bottom: 40px;
180
+ left: 0;
181
+ width: 300px;
182
+ height: 500px;
183
+ background: rgba(10, 10, 20, 0.95);
184
+ border: 1px solid var(--primary);
185
+ box-shadow: 0 0 20px var(--primary);
186
+ display: none;
187
+ z-index: 100;
188
+ }
189
+
190
+ .start-menu-header {
191
+ background: linear-gradient(90deg, #0a0a20, #1a1a3a);
192
+ padding: 10px;
193
+ border-bottom: 1px solid var(--primary);
194
+ }
195
+
196
+ .start-menu-search {
197
+ padding: 10px;
198
+ border-bottom: 1px solid var(--primary);
199
+ }
200
+
201
+ .start-menu-apps {
202
+ padding: 10px;
203
+ overflow-y: auto;
204
+ height: calc(100% - 110px);
205
+ }
206
+
207
+ .app-item {
208
+ display: flex;
209
+ align-items: center;
210
+ padding: 8px;
211
+ cursor: pointer;
212
+ border-radius: 3px;
213
+ }
214
+
215
+ .app-item:hover {
216
+ background: rgba(0, 240, 255, 0.2);
217
+ }
218
+
219
+ .app-item i {
220
+ margin-right: 10px;
221
+ width: 20px;
222
+ text-align: center;
223
+ }
224
+
225
+ .start-menu-footer {
226
+ position: absolute;
227
+ bottom: 0;
228
+ left: 0;
229
+ right: 0;
230
+ padding: 10px;
231
+ background: rgba(5, 5, 15, 0.9);
232
+ border-top: 1px solid var(--primary);
233
+ }
234
+
235
+ /* Calculator Styles */
236
+ .calculator-display {
237
+ background: rgba(0, 0, 0, 0.7);
238
+ border: 1px solid var(--primary);
239
+ padding: 10px;
240
+ margin-bottom: 10px;
241
+ text-align: right;
242
+ font-size: 24px;
243
+ height: 60px;
244
+ overflow: hidden;
245
+ }
246
+
247
+ .calculator-btn {
248
+ width: 50px;
249
+ height: 50px;
250
+ margin: 5px;
251
+ font-size: 18px;
252
+ }
253
+
254
+ .calculator-btn-operator {
255
+ background: rgba(0, 240, 255, 0.3);
256
+ }
257
+
258
+ .calculator-btn-equals {
259
+ background: rgba(0, 240, 255, 0.5);
260
+ }
261
+
262
+ /* Game Styles */
263
+ .game-container {
264
+ display: flex;
265
+ flex-direction: column;
266
+ align-items: center;
267
+ justify-content: center;
268
+ height: 100%;
269
+ }
270
+
271
+ .game-board {
272
+ display: grid;
273
+ grid-template-columns: repeat(3, 1fr);
274
+ gap: 5px;
275
+ margin: 20px 0;
276
+ }
277
+
278
+ .game-cell {
279
+ width: 80px;
280
+ height: 80px;
281
+ display: flex;
282
+ align-items: center;
283
+ justify-content: center;
284
+ font-size: 36px;
285
+ background: rgba(0, 0, 0, 0.5);
286
+ border: 1px solid var(--primary);
287
+ cursor: pointer;
288
+ }
289
+
290
+ .game-cell:hover {
291
+ background: rgba(0, 240, 255, 0.1);
292
+ }
293
+
294
+ .game-status {
295
+ margin: 10px 0;
296
+ font-size: 18px;
297
+ text-align: center;
298
+ }
299
+
300
+ /* Snake Game Styles */
301
+ #snake-game {
302
+ border: 1px solid var(--primary);
303
+ margin: 20px auto;
304
+ }
305
+
306
+ /* Minesweeper Styles */
307
+ .minesweeper-board {
308
+ display: grid;
309
+ grid-template-columns: repeat(10, 1fr);
310
+ gap: 2px;
311
+ margin: 20px auto;
312
+ }
313
+
314
+ .minesweeper-cell {
315
+ width: 25px;
316
+ height: 25px;
317
+ display: flex;
318
+ align-items: center;
319
+ justify-content: center;
320
+ font-size: 12px;
321
+ background: rgba(0, 0, 0, 0.5);
322
+ border: 1px solid var(--primary);
323
+ cursor: pointer;
324
+ }
325
+
326
+ .minesweeper-cell.revealed {
327
+ background: rgba(0, 240, 255, 0.1);
328
+ }
329
+
330
+ .minesweeper-cell.mine {
331
+ background: rgba(255, 0, 0, 0.5);
332
+ }
333
+
334
+ /* System Monitor Styles */
335
+ .system-monitor-graph {
336
+ height: 100px;
337
+ background: rgba(0, 0, 0, 0.5);
338
+ border: 1px solid var(--primary);
339
+ margin: 10px 0;
340
+ position: relative;
341
+ overflow: hidden;
342
+ }
343
+
344
+ .graph-line {
345
+ position: absolute;
346
+ bottom: 0;
347
+ left: 0;
348
+ width: 100%;
349
+ height: 100%;
350
+ }
351
+
352
+ .cpu-graph {
353
+ background: rgba(0, 240, 255, 0.2);
354
+ }
355
+
356
+ .ram-graph {
357
+ background: rgba(255, 0, 240, 0.2);
358
+ }
359
+
360
+ /* Text Editor Styles */
361
+ .text-editor-area {
362
+ width: 100%;
363
+ height: calc(100% - 40px);
364
+ background: rgba(0, 0, 0, 0.7);
365
+ border: 1px solid var(--primary);
366
+ color: var(--light);
367
+ padding: 10px;
368
+ font-family: 'Share Tech Mono', monospace;
369
+ resize: none;
370
+ outline: none;
371
+ }
372
+
373
+ /* Settings Panel Styles */
374
+ .settings-option {
375
+ padding: 10px;
376
+ border-bottom: 1px solid rgba(0, 240, 255, 0.2);
377
+ }
378
+
379
+ .settings-option-title {
380
+ margin-bottom: 5px;
381
+ font-weight: bold;
382
+ }
383
+
384
+ .settings-toggle {
385
+ position: relative;
386
+ display: inline-block;
387
+ width: 50px;
388
+ height: 24px;
389
+ }
390
+
391
+ .settings-toggle input {
392
+ opacity: 0;
393
+ width: 0;
394
+ height: 0;
395
+ }
396
+
397
+ .settings-slider {
398
+ position: absolute;
399
+ cursor: pointer;
400
+ top: 0;
401
+ left: 0;
402
+ right: 0;
403
+ bottom: 0;
404
+ background-color: rgba(0, 0, 0, 0.5);
405
+ border: 1px solid var(--primary);
406
+ transition: .4s;
407
+ }
408
+
409
+ .settings-slider:before {
410
+ position: absolute;
411
+ content: "";
412
+ height: 16px;
413
+ width: 16px;
414
+ left: 4px;
415
+ bottom: 3px;
416
+ background-color: var(--primary);
417
+ transition: .4s;
418
+ }
419
+
420
+ input:checked + .settings-slider {
421
+ background-color: rgba(0, 240, 255, 0.3);
422
+ }
423
+
424
+ input:checked + .settings-slider:before {
425
+ transform: translateX(26px);
426
+ }
427
  </style>
428
  </head>
429
  <body>
430
  <canvas id="matrix" class="matrix-bg"></canvas>
431
 
432
+ <!-- Desktop Icons -->
433
  <div class="absolute left-0 top-0 p-4 flex flex-col">
434
  <div class="icon" onclick="openApp('terminal')">
435
  <div class="text-3xl text-center mb-1"><i class="fas fa-terminal text-green-500"></i></div>
 
443
  <div class="text-3xl text-center mb-1"><i class="fas fa-user-secret text-red-500"></i></div>
444
  <div class="text-xs text-center">Hack Tools</div>
445
  </div>
 
 
 
 
446
  <div class="icon" onclick="openApp('browser')">
447
  <div class="text-3xl text-center mb-1"><i class="fas fa-globe text-purple-500"></i></div>
448
  <div class="text-xs text-center">DarkBrowser</div>
449
  </div>
450
+ <div class="icon" onclick="openApp('calculator')">
451
+ <div class="text-3xl text-center mb-1"><i class="fas fa-calculator text-blue-500"></i></div>
452
+ <div class="text-xs text-center">Calculator</div>
453
+ </div>
454
+ <div class="icon" onclick="openApp('text-editor')">
455
+ <div class="text-3xl text-center mb-1"><i class="fas fa-file-code text-green-400"></i></div>
456
+ <div class="text-xs text-center">Text Editor</div>
457
+ </div>
458
  <div class="icon" onclick="window.open('https://ko-fi.com/xortron', '_blank')" title="Support the developer!">
459
  <div class="text-3xl text-center mb-1"><i class="fas fa-coffee text-yellow-600"></i></div>
460
  <div class="text-xs text-center">Buy me a Coffee</div>
461
  </div>
462
  </div>
463
 
464
+ <!-- Start Menu -->
465
+ <div id="start-menu" class="start-menu">
466
+ <div class="start-menu-header cyber-font">
467
+ XortronOS v7.7.7
468
+ </div>
469
+ <div class="start-menu-search">
470
+ <input type="text" class="url-bar w-full" placeholder="Search applications...">
471
+ </div>
472
+ <div class="start-menu-apps">
473
+ <div class="app-item" onclick="openApp('terminal')">
474
+ <i class="fas fa-terminal text-green-500"></i>
475
+ <span>Terminal</span>
476
+ </div>
477
+ <div class="app-item" onclick="openApp('file-explorer')">
478
+ <i class="fas fa-folder text-yellow-500"></i>
479
+ <span>File Explorer</span>
480
+ </div>
481
+ <div class="app-item" onclick="openApp('browser')">
482
+ <i class="fas fa-globe text-purple-500"></i>
483
+ <span>DarkBrowser</span>
484
+ </div>
485
+ <div class="app-item" onclick="openApp('calculator')">
486
+ <i class="fas fa-calculator text-blue-500"></i>
487
+ <span>Calculator</span>
488
+ </div>
489
+ <div class="app-item" onclick="openApp('text-editor')">
490
+ <i class="fas fa-file-code text-green-400"></i>
491
+ <span>Text Editor</span>
492
+ </div>
493
+ <div class="app-item" onclick="openApp('system-monitor')">
494
+ <i class="fas fa-chart-line text-red-400"></i>
495
+ <span>System Monitor</span>
496
+ </div>
497
+ <div class="app-item" onclick="openApp('settings')">
498
+ <i class="fas fa-cog text-gray-400"></i>
499
+ <span>System Settings</span>
500
+ </div>
501
+ <div class="app-item" onclick="openApp('tic-tac-toe')">
502
+ <i class="fas fa-times text-pink-400"></i>
503
+ <span>Tic Tac Toe</span>
504
+ </div>
505
+ <div class="app-item" onclick="openApp('snake-game')">
506
+ <i class="fas fa-gamepad text-orange-400"></i>
507
+ <span>Snake Game</span>
508
+ </div>
509
+ <div class="app-item" onclick="openApp('minesweeper')">
510
+ <i class="fas fa-bomb text-yellow-400"></i>
511
+ <span>Minesweeper</span>
512
+ </div>
513
+ <div class="app-item" onclick="openApp('hack-tools')">
514
+ <i class="fas fa-user-secret text-red-500"></i>
515
+ <span>Hack Tools</span>
516
+ </div>
517
+ <div class="app-item" onclick="window.open('https://ko-fi.com/xortron', '_blank')">
518
+ <i class="fas fa-coffee text-yellow-600"></i>
519
+ <span>Support Developer</span>
520
+ </div>
521
+ </div>
522
+ <div class="start-menu-footer">
523
+ <div class="flex justify-between items-center">
524
+ <div>
525
+ <i class="fas fa-user-shield text-blue-400 mr-2"></i>
526
+ <span class="text-xs">User: root</span>
527
+ </div>
528
+ <button class="text-xs" onclick="shutdown()">
529
+ <i class="fas fa-power-off text-red-400 mr-1"></i> Shutdown
530
+ </button>
531
+ </div>
532
+ </div>
533
+ </div>
534
+
535
+ <!-- Windows Container -->
536
  <div id="windows-container">
537
+ <!-- Terminal Window -->
538
  <div id="terminal-window" class="window absolute top-16 left-16 w-2/3 h-2/3 hidden" style="z-index: 10;">
539
  <div class="window-header flex justify-between items-center cursor-move">
540
  <div class="flex items-center">
 
550
  <button class="px-2" onclick="closeWindow('terminal')" title="Close">×</button>
551
  </div>
552
  </div>
553
+ <div class="terminal p-2 h-[calc(100%-35px)] overflow-auto" id="terminal-content">
554
+ <div>Xortron Operating System v7.7.7</div>
555
  <div>Kernel 5.15.0-76-generic x86_64</div>
556
  <br>
557
  <div>Last login: <span id="login-time"></span> from 192.168.1.105</div>
 
564
  </div>
565
  </div>
566
 
567
+ <!-- File Explorer Window -->
568
  <div id="file-explorer-window" class="window absolute top-32 left-32 w-1/2 h-1/2 hidden" style="z-index: 9;">
569
  <div class="window-header flex justify-between items-center cursor-move">
570
  <div class="flex items-center">
 
580
  <button class="px-2" onclick="closeWindow('file-explorer')" title="Close">×</button>
581
  </div>
582
  </div>
583
+ <div class="p-2 h-[calc(100%-35px)] overflow-auto">
584
+ <div class="flex h-full">
585
  <div class="w-1/4 border-r border-gray-700 pr-2">
586
  <div class="text-xs text-gray-400 mb-2">LOCATIONS</div>
587
  <div class="file flex items-center py-1 cursor-pointer">
 
644
  </div>
645
  <div class="file text-center cursor-pointer">
646
  <div class="text-3xl mb-1"><i class="fas fa-file-image text-pink-400"></i></div>
647
+ <div class="text-xs truncate">Porn
648
+ </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Make more like a a real working operating system, working start menu, add some simple apps like calculator and a few games ant tools