Add 2 files
Browse files- index.html +357 -598
- 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;
|
|
|
39 |
}
|
40 |
|
41 |
.window-header {
|
@@ -67,7 +68,8 @@
|
|
67 |
width: 80px;
|
68 |
padding: 10px 5px;
|
69 |
margin: 5px;
|
70 |
-
border-radius: 5px;
|
|
|
71 |
}
|
72 |
|
73 |
.icon:hover {
|
@@ -81,7 +83,7 @@
|
|
81 |
.file {
|
82 |
padding: 5px;
|
83 |
margin: 2px;
|
84 |
-
border-radius: 3px;
|
85 |
}
|
86 |
|
87 |
.file:hover {
|
@@ -142,35 +144,292 @@
|
|
142 |
color: var(--light);
|
143 |
padding: 3px 10px;
|
144 |
width: 100%;
|
145 |
-
border-radius: 3px;
|
146 |
}
|
147 |
-
|
148 |
button {
|
149 |
border: 1px solid var(--primary);
|
150 |
padding: 2px 8px;
|
151 |
margin: 2px;
|
152 |
-
border-radius: 3px;
|
153 |
background-color: rgba(0, 240, 255, 0.1);
|
154 |
-
transition:
|
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 |
-
|
163 |
-
|
164 |
-
|
|
|
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">
|
|
|
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">
|
|
|
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">
|
309 |
-
|
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
|