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