Hugging Face's logo

Spaces:
AhBoh
/
win
Running

App Files Community
AhBoh commited on
Commit
0fc090d
·
verified ·
1 Parent(s): 42f38fe

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +727 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Win
3
- emoji: 💻
4
- colorFrom: pink
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: win
3
+ emoji: 🐳
4
+ colorFrom: gray
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,727 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Windows XP Emulator</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=Tahoma:wght@400;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Tahoma', sans-serif;
14
+ overflow: hidden;
15
+ background-color: #018281;
16
+ user-select: none;
17
+ }
18
+
19
+ .window {
20
+ position: absolute;
21
+ min-width: 300px;
22
+ min-height: 200px;
23
+ background-color: #ece9d8;
24
+ border: 3px solid;
25
+ border-top-color: #ffffff;
26
+ border-left-color: #ffffff;
27
+ border-right-color: #808080;
28
+ border-bottom-color: #808080;
29
+ box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
30
+ z-index: 10;
31
+ display: none;
32
+ }
33
+
34
+ .window-header {
35
+ background: linear-gradient(90deg, #000080, #1084d0);
36
+ color: white;
37
+ padding: 3px 5px;
38
+ display: flex;
39
+ justify-content: space-between;
40
+ align-items: center;
41
+ cursor: move;
42
+ }
43
+
44
+ .window-content {
45
+ padding: 10px;
46
+ height: calc(100% - 60px);
47
+ overflow-y: auto;
48
+ }
49
+
50
+ .window-footer {
51
+ position: absolute;
52
+ bottom: 0;
53
+ width: 100%;
54
+ height: 30px;
55
+ background-color: #ece9d8;
56
+ border-top: 2px solid #808080;
57
+ display: flex;
58
+ align-items: center;
59
+ padding: 0 10px;
60
+ font-size: 12px;
61
+ }
62
+
63
+ .desktop-icon {
64
+ width: 70px;
65
+ margin: 10px;
66
+ text-align: center;
67
+ cursor: pointer;
68
+ color: white;
69
+ text-shadow: 1px 1px 1px black;
70
+ }
71
+
72
+ .desktop-icon img {
73
+ width: 48px;
74
+ height: 48px;
75
+ margin-bottom: 5px;
76
+ }
77
+
78
+ .start-menu {
79
+ position: absolute;
80
+ bottom: 30px;
81
+ left: 0;
82
+ width: 300px;
83
+ background-color: #ece9d8;
84
+ border: 3px solid;
85
+ border-top-color: #ffffff;
86
+ border-left-color: #ffffff;
87
+ border-right-color: #808080;
88
+ border-bottom-color: #808080;
89
+ display: none;
90
+ z-index: 100;
91
+ }
92
+
93
+ .start-header {
94
+ background: linear-gradient(90deg, #000080, #1084d0);
95
+ color: white;
96
+ padding: 5px;
97
+ font-weight: bold;
98
+ }
99
+
100
+ .start-content {
101
+ display: flex;
102
+ height: 300px;
103
+ }
104
+
105
+ .start-left {
106
+ width: 40px;
107
+ background: linear-gradient(180deg, #000080, #1084d0);
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+ color: white;
112
+ writing-mode: vertical-rl;
113
+ text-orientation: mixed;
114
+ font-weight: bold;
115
+ }
116
+
117
+ .start-right {
118
+ flex: 1;
119
+ padding: 10px;
120
+ }
121
+
122
+ .start-item {
123
+ display: flex;
124
+ align-items: center;
125
+ padding: 5px;
126
+ cursor: pointer;
127
+ }
128
+
129
+ .start-item:hover {
130
+ background-color: #316ac5;
131
+ color: white;
132
+ }
133
+
134
+ .start-item i {
135
+ margin-right: 10px;
136
+ font-size: 20px;
137
+ }
138
+
139
+ .taskbar {
140
+ position: fixed;
141
+ bottom: 0;
142
+ left: 0;
143
+ right: 0;
144
+ height: 30px;
145
+ background-color: #ece9d8;
146
+ border-top: 2px solid white;
147
+ display: flex;
148
+ align-items: center;
149
+ z-index: 1000;
150
+ }
151
+
152
+ .start-button {
153
+ height: 100%;
154
+ padding: 0 10px;
155
+ display: flex;
156
+ align-items: center;
157
+ background: linear-gradient(180deg, #18bb00, #0a7d00);
158
+ color: white;
159
+ font-weight: bold;
160
+ border-right: 1px solid #0a7d00;
161
+ cursor: pointer;
162
+ }
163
+
164
+ .start-button:hover {
165
+ background: linear-gradient(180deg, #0a7d00, #18bb00);
166
+ }
167
+
168
+ .taskbar-items {
169
+ display: flex;
170
+ height: 100%;
171
+ align-items: center;
172
+ margin-left: 10px;
173
+ }
174
+
175
+ .taskbar-item {
176
+ height: 22px;
177
+ padding: 0 10px;
178
+ margin-right: 5px;
179
+ background: linear-gradient(180deg, #ece9d8, #b5b5b5);
180
+ border: 1px solid #808080;
181
+ display: flex;
182
+ align-items: center;
183
+ cursor: pointer;
184
+ }
185
+
186
+ .taskbar-item.active {
187
+ background: linear-gradient(180deg, #316ac5, #6b9ce8);
188
+ color: white;
189
+ }
190
+
191
+ .clock {
192
+ position: absolute;
193
+ right: 5px;
194
+ font-size: 12px;
195
+ color: black;
196
+ }
197
+
198
+ .icon-label {
199
+ font-size: 12px;
200
+ word-break: break-word;
201
+ }
202
+
203
+ .active-window {
204
+ z-index: 20;
205
+ }
206
+
207
+ .window-controls {
208
+ display: flex;
209
+ }
210
+
211
+ .window-control {
212
+ width: 22px;
213
+ height: 22px;
214
+ margin-left: 2px;
215
+ display: flex;
216
+ align-items: center;
217
+ justify-content: center;
218
+ font-size: 12px;
219
+ background-color: #ece9d8;
220
+ border: 1px solid #808080;
221
+ cursor: pointer;
222
+ }
223
+
224
+ .window-control:hover {
225
+ background-color: #c0c0c0;
226
+ }
227
+
228
+ .resize-handle {
229
+ position: absolute;
230
+ width: 10px;
231
+ height: 10px;
232
+ right: 0;
233
+ bottom: 0;
234
+ cursor: nwse-resize;
235
+ }
236
+
237
+ .bliss-bg {
238
+ position: fixed;
239
+ top: 0;
240
+ left: 0;
241
+ width: 100%;
242
+ height: 100%;
243
+ background-image: url('https://i.imgur.com/5QzTo7V.jpg');
244
+ background-size: cover;
245
+ background-position: center;
246
+ z-index: -1;
247
+ }
248
+
249
+ .desktop-icons {
250
+ position: absolute;
251
+ top: 0;
252
+ left: 0;
253
+ right: 0;
254
+ bottom: 30px;
255
+ display: flex;
256
+ flex-direction: column;
257
+ flex-wrap: wrap;
258
+ align-content: flex-start;
259
+ }
260
+ </style>
261
+ </head>
262
+ <body>
263
+ <div class="bliss-bg"></div>
264
+
265
+ <div class="desktop-icons">
266
+ <div class="desktop-icon" onclick="openWindow('my-computer')">
267
+ <img src="https://win98icons.alexmeub.com/icons/png/computer_explorer-4.png" alt="My Computer">
268
+ <div class="icon-label">My Computer</div>
269
+ </div>
270
+ <div class="desktop-icon" onclick="openWindow('my-documents')">
271
+ <img src="https://win98icons.alexmeub.com/icons/png/directory_open_file_mydocs-4.png" alt="My Documents">
272
+ <div class="icon-label">My Documents</div>
273
+ </div>
274
+ <div class="desktop-icon" onclick="openWindow('internet-explorer')">
275
+ <img src="https://win98icons.alexmeub.com/icons/png/msie1-4.png" alt="Internet Explorer">
276
+ <div class="icon-label">Internet Explorer</div>
277
+ </div>
278
+ <div class="desktop-icon" onclick="openWindow('recycle-bin')">
279
+ <img src="https://win98icons.alexmeub.com/icons/png/recycle_bin_empty-4.png" alt="Recycle Bin">
280
+ <div class="icon-label">Recycle Bin</div>
281
+ </div>
282
+ </div>
283
+
284
+ <!-- My Computer Window -->
285
+ <div id="my-computer" class="window" style="width: 500px; height: 400px; top: 100px; left: 100px;">
286
+ <div class="window-header">
287
+ <div>My Computer</div>
288
+ <div class="window-controls">
289
+ <div class="window-control" onclick="minimizeWindow('my-computer')">_</div>
290
+ <div class="window-control" onclick="maximizeWindow('my-computer')">□</div>
291
+ <div class="window-control" onclick="closeWindow('my-computer')">X</div>
292
+ </div>
293
+ </div>
294
+ <div class="window-content">
295
+ <div class="p-4">
296
+ <div class="flex flex-wrap">
297
+ <div class="w-1/4 p-2 text-center cursor-pointer" onclick="openWindow('local-disk-c')">
298
+ <img src="https://win98icons.alexmeub.com/icons/png/drive-4.png" alt="Local Disk (C:)">
299
+ <div>Local Disk (C:)</div>
300
+ </div>
301
+ <div class="w-1/4 p-2 text-center cursor-pointer" onclick="openWindow('cd-drive')">
302
+ <img src="https://win98icons.alexmeub.com/icons/png/cd_drive-0.png" alt="CD Drive (D:)">
303
+ <div>CD Drive (D:)</div>
304
+ </div>
305
+ <div class="w-1/4 p-2 text-center cursor-pointer">
306
+ <img src="https://win98icons.alexmeub.com/icons/png/network_normal_two_pcs-4.png" alt="Network">
307
+ <div>Network</div>
308
+ </div>
309
+ <div class="w-1/4 p-2 text-center cursor-pointer">
310
+ <img src="https://win98icons.alexmeub.com/icons/png/control_panel_users-4.png" alt="Control Panel">
311
+ <div>Control Panel</div>
312
+ </div>
313
+ </div>
314
+ </div>
315
+ </div>
316
+ <div class="window-footer">
317
+ <div>3 objects</div>
318
+ </div>
319
+ <div class="resize-handle" onmousedown="startResize(event, 'my-computer')"></div>
320
+ </div>
321
+
322
+ <!-- Local Disk C Window -->
323
+ <div id="local-disk-c" class="window" style="width: 500px; height: 400px; top: 150px; left: 150px;">
324
+ <div class="window-header">
325
+ <div>Local Disk (C:)</div>
326
+ <div class="window-controls">
327
+ <div class="window-control" onclick="minimizeWindow('local-disk-c')">_</div>
328
+ <div class="window-control" onclick="maximizeWindow('local-disk-c')">□</div>
329
+ <div class="window-control" onclick="closeWindow('local-disk-c')">X</div>
330
+ </div>
331
+ </div>
332
+ <div class="window-content">
333
+ <div class="p-4">
334
+ <div class="flex flex-wrap">
335
+ <div class="w-1/4 p-2 text-center cursor-pointer">
336
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="Documents and Settings">
337
+ <div>Documents and Settings</div>
338
+ </div>
339
+ <div class="w-1/4 p-2 text-center cursor-pointer">
340
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="Program Files">
341
+ <div>Program Files</div>
342
+ </div>
343
+ <div class="w-1/4 p-2 text-center cursor-pointer">
344
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="Windows">
345
+ <div>Windows</div>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ <div class="window-footer">
351
+ <div>3 objects</div>
352
+ </div>
353
+ <div class="resize-handle" onmousedown="startResize(event, 'local-disk-c')"></div>
354
+ </div>
355
+
356
+ <!-- CD Drive Window -->
357
+ <div id="cd-drive" class="window" style="width: 500px; height: 400px; top: 200px; left: 200px;">
358
+ <div class="window-header">
359
+ <div>CD Drive (D:)</div>
360
+ </div>
361
+ <div class="window-content flex items-center justify-center">
362
+ <div class="text-center">
363
+ <img src="https://win98icons.alexmeub.com/icons/png/cd_drive-0.png" alt="CD Drive" class="mx-auto mb-4" style="width: 100px;">
364
+ <div>Please insert a disk into drive D:.</div>
365
+ </div>
366
+ </div>
367
+ <div class="window-footer">
368
+ <div>0 objects</div>
369
+ </div>
370
+ </div>
371
+
372
+ <!-- Internet Explorer Window -->
373
+ <div id="internet-explorer" class="window" style="width: 600px; height: 450px; top: 120px; left: 120px;">
374
+ <div class="window-header">
375
+ <div>Internet Explorer</div>
376
+ <div class="window-controls">
377
+ <div class="window-control" onclick="minimizeWindow('internet-explorer')">_</div>
378
+ <div class="window-control" onclick="maximizeWindow('internet-explorer')">□</div>
379
+ <div class="window-control" onclick="closeWindow('internet-explorer')">X</div>
380
+ </div>
381
+ </div>
382
+ <div class="window-content bg-white">
383
+ <div class="p-2 border-b flex">
384
+ <button class="px-2 border mr-1">Back</button>
385
+ <button class="px-2 border mr-1">Forward</button>
386
+ <button class="px-2 border mr-1">Stop</button>
387
+ <button class="px-2 border mr-1">Refresh</button>
388
+ <button class="px-2 border mr-1">Home</button>
389
+ <input type="text" value="http://www.msn.com/" class="border flex-grow px-2">
390
+ <button class="px-2 border ml-1">Go</button>
391
+ </div>
392
+ <div class="p-4 text-center">
393
+ <img src="https://i.imgur.com/5QzTo7V.jpg" alt="Bliss" class="mx-auto mb-4" style="max-width: 100%;">
394
+ <h2 class="text-xl font-bold mb-2">Welcome to Internet Explorer</h2>
395
+ <p>This is a simulation of Windows XP's Internet Explorer.</p>
396
+ </div>
397
+ </div>
398
+ <div class="window-footer">
399
+ <div>Done</div>
400
+ </div>
401
+ <div class="resize-handle" onmousedown="startResize(event, 'internet-explorer')"></div>
402
+ </div>
403
+
404
+ <!-- Recycle Bin Window -->
405
+ <div id="recycle-bin" class="window" style="width: 500px; height: 400px; top: 180px; left: 180px;">
406
+ <div class="window-header">
407
+ <div>Recycle Bin</div>
408
+ <div class="window-controls">
409
+ <div class="window-control" onclick="minimizeWindow('recycle-bin')">_</div>
410
+ <div class="window-control" onclick="maximizeWindow('recycle-bin')">□</div>
411
+ <div class="window-control" onclick="closeWindow('recycle-bin')">X</div>
412
+ </div>
413
+ </div>
414
+ <div class="window-content">
415
+ <div class="p-4 text-center">
416
+ <img src="https://win98icons.alexmeub.com/icons/png/recycle_bin_empty-4.png" alt="Recycle Bin" class="mx-auto mb-4" style="width: 100px;">
417
+ <p>The Recycle Bin is empty.</p>
418
+ </div>
419
+ </div>
420
+ <div class="window-footer">
421
+ <div>0 objects</div>
422
+ </div>
423
+ <div class="resize-handle" onmousedown="startResize(event, 'recycle-bin')"></div>
424
+ </div>
425
+
426
+ <!-- My Documents Window -->
427
+ <div id="my-documents" class="window" style="width: 500px; height: 400px; top: 150px; left: 150px;">
428
+ <div class="window-header">
429
+ <div>My Documents</div>
430
+ <div class="window-controls">
431
+ <div class="window-control" onclick="minimizeWindow('my-documents')">_</div>
432
+ <div class="window-control" onclick="maximizeWindow('my-documents')">□</div>
433
+ <div class="window-control" onclick="closeWindow('my-documents')">X</div>
434
+ </div>
435
+ </div>
436
+ <div class="window-content">
437
+ <div class="p-4">
438
+ <div class="flex flex-wrap">
439
+ <div class="w-1/4 p-2 text-center cursor-pointer">
440
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="My Music">
441
+ <div>My Music</div>
442
+ </div>
443
+ <div class="w-1/4 p-2 text-center cursor-pointer">
444
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="My Pictures">
445
+ <div>My Pictures</div>
446
+ </div>
447
+ <div class="w-1/4 p-2 text-center cursor-pointer">
448
+ <img src="https://win98icons.alexmeub.com/icons/png/folder_closed-4.png" alt="My Videos">
449
+ <div>My Videos</div>
450
+ </div>
451
+ </div>
452
+ </div>
453
+ </div>
454
+ <div class="window-footer">
455
+ <div>3 objects</div>
456
+ </div>
457
+ <div class="resize-handle" onmousedown="startResize(event, 'my-documents')"></div>
458
+ </div>
459
+
460
+ <!-- Start Menu -->
461
+ <div id="start-menu" class="start-menu">
462
+ <div class="start-header">
463
+ <div>Welcome to Windows XP</div>
464
+ </div>
465
+ <div class="start-content">
466
+ <div class="start-left">Windows XP</div>
467
+ <div class="start-right">
468
+ <div class="start-item" onclick="openWindow('internet-explorer')">
469
+ <i class="fas fa-globe"></i>
470
+ <div>Internet Explorer</div>
471
+ </div>
472
+ <div class="start-item" onclick="openWindow('my-documents')">
473
+ <i class="fas fa-folder"></i>
474
+ <div>My Documents</div>
475
+ </div>
476
+ <div class="start-item" onclick="openWindow('my-computer')">
477
+ <i class="fas fa-desktop"></i>
478
+ <div>My Computer</div>
479
+ </div>
480
+ <div class="start-item">
481
+ <i class="fas fa-music"></i>
482
+ <div>Windows Media Player</div>
483
+ </div>
484
+ <div class="start-item">
485
+ <i class="fas fa-gamepad"></i>
486
+ <div>Games</div>
487
+ </div>
488
+ <div class="start-item">
489
+ <i class="fas fa-cog"></i>
490
+ <div>Control Panel</div>
491
+ </div>
492
+ <div class="start-item">
493
+ <i class="fas fa-search"></i>
494
+ <div>Search</div>
495
+ </div>
496
+ <div class="start-item">
497
+ <i class="fas fa-question-circle"></i>
498
+ <div>Help and Support</div>
499
+ </div>
500
+ <div class="start-item">
501
+ <i class="fas fa-power-off"></i>
502
+ <div>Turn Off Computer</div>
503
+ </div>
504
+ </div>
505
+ </div>
506
+ </div>
507
+
508
+ <!-- Taskbar -->
509
+ <div class="taskbar">
510
+ <div class="start-button" onclick="toggleStartMenu()">
511
+ <i class="fab fa-windows mr-1"></i>
512
+ <span>Start</span>
513
+ </div>
514
+ <div class="taskbar-items" id="taskbar-items">
515
+ <!-- Taskbar items will be added here dynamically -->
516
+ </div>
517
+ <div class="clock" id="clock">
518
+ <span id="time">10:00 AM</span>
519
+ </div>
520
+ </div>
521
+
522
+ <script>
523
+ // Global variables
524
+ let activeWindow = null;
525
+ let isDragging = false;
526
+ let isResizing = false;
527
+ let startX, startY, startWidth, startHeight;
528
+ let currentWindowId = null;
529
+
530
+ // Update clock
531
+ function updateClock() {
532
+ const now = new Date();
533
+ let hours = now.getHours();
534
+ const minutes = now.getMinutes().toString().padStart(2, '0');
535
+ const ampm = hours >= 12 ? 'PM' : 'AM';
536
+ hours = hours % 12;
537
+ hours = hours ? hours : 12; // the hour '0' should be '12'
538
+ document.getElementById('time').textContent = `${hours}:${minutes} ${ampm}`;
539
+ }
540
+
541
+ setInterval(updateClock, 1000);
542
+ updateClock();
543
+
544
+ // Toggle start menu
545
+ function toggleStartMenu() {
546
+ const startMenu = document.getElementById('start-menu');
547
+ if (startMenu.style.display === 'block') {
548
+ startMenu.style.display = 'none';
549
+ } else {
550
+ startMenu.style.display = 'block';
551
+ bringToFront('start-menu');
552
+ }
553
+ }
554
+
555
+ // Close start menu when clicking elsewhere
556
+ document.addEventListener('click', function(e) {
557
+ if (!e.target.closest('#start-menu') && !e.target.closest('.start-button')) {
558
+ document.getElementById('start-menu').style.display = 'none';
559
+ }
560
+ });
561
+
562
+ // Window management functions
563
+ function openWindow(windowId) {
564
+ const window = document.getElementById(windowId);
565
+ window.style.display = 'block';
566
+ bringToFront(windowId);
567
+ addToTaskbar(windowId);
568
+ document.getElementById('start-menu').style.display = 'none';
569
+ }
570
+
571
+ function closeWindow(windowId) {
572
+ document.getElementById(windowId).style.display = 'none';
573
+ removeFromTaskbar(windowId);
574
+ }
575
+
576
+ function minimizeWindow(windowId) {
577
+ document.getElementById(windowId).style.display = 'none';
578
+ const taskbarItem = document.querySelector(`.taskbar-item[data-window="${windowId}"]`);
579
+ if (taskbarItem) {
580
+ taskbarItem.classList.remove('active');
581
+ }
582
+ }
583
+
584
+ function maximizeWindow(windowId) {
585
+ const window = document.getElementById(windowId);
586
+ if (window.style.width === '90vw' && window.style.height === '80vh') {
587
+ // Restore
588
+ window.style.width = window.dataset.originalWidth || '500px';
589
+ window.style.height = window.dataset.originalHeight || '400px';
590
+ window.style.left = window.dataset.originalLeft || '100px';
591
+ window.style.top = window.dataset.originalTop || '100px';
592
+ } else {
593
+ // Maximize
594
+ window.dataset.originalWidth = window.style.width;
595
+ window.dataset.originalHeight = window.style.height;
596
+ window.dataset.originalLeft = window.style.left;
597
+ window.dataset.originalTop = window.style.top;
598
+ window.style.width = '90vw';
599
+ window.style.height = '80vh';
600
+ window.style.left = '5vw';
601
+ window.style.top = '5vh';
602
+ }
603
+ }
604
+
605
+ function bringToFront(windowId) {
606
+ // Reset z-index for all windows
607
+ document.querySelectorAll('.window').forEach(w => {
608
+ w.classList.remove('active-window');
609
+ w.style.zIndex = '10';
610
+ });
611
+
612
+ // Set the clicked window to front
613
+ const window = document.getElementById(windowId);
614
+ window.style.zIndex = '20';
615
+ window.classList.add('active-window');
616
+ activeWindow = windowId;
617
+
618
+ // Update taskbar items
619
+ document.querySelectorAll('.taskbar-item').forEach(item => {
620
+ item.classList.remove('active');
621
+ });
622
+
623
+ const taskbarItem = document.querySelector(`.taskbar-item[data-window="${windowId}"]`);
624
+ if (taskbarItem) {
625
+ taskbarItem.classList.add('active');
626
+ }
627
+ }
628
+
629
+ function addToTaskbar(windowId) {
630
+ // Check if already in taskbar
631
+ if (document.querySelector(`.taskbar-item[data-window="${windowId}"]`)) {
632
+ return;
633
+ }
634
+
635
+ const window = document.getElementById(windowId);
636
+ const title = window.querySelector('.window-header div:first-child').textContent;
637
+
638
+ const taskbarItem = document.createElement('div');
639
+ taskbarItem.className = 'taskbar-item';
640
+ taskbarItem.setAttribute('data-window', windowId);
641
+ taskbarItem.innerHTML = `<i class="fas fa-file mr-1"></i> ${title}`;
642
+
643
+ taskbarItem.addEventListener('click', function() {
644
+ if (document.getElementById(windowId).style.display === 'none') {
645
+ // Window is minimized, restore it
646
+ document.getElementById(windowId).style.display = 'block';
647
+ bringToFront(windowId);
648
+ } else {
649
+ // Window is visible, minimize it
650
+ minimizeWindow(windowId);
651
+ }
652
+ });
653
+
654
+ document.getElementById('taskbar-items').appendChild(taskbarItem);
655
+ }
656
+
657
+ function removeFromTaskbar(windowId) {
658
+ const taskbarItem = document.querySelector(`.taskbar-item[data-window="${windowId}"]`);
659
+ if (taskbarItem) {
660
+ taskbarItem.remove();
661
+ }
662
+ }
663
+
664
+ // Make windows draggable
665
+ document.addEventListener('mousedown', function(e) {
666
+ const windowHeader = e.target.closest('.window-header');
667
+ if (windowHeader) {
668
+ const window = windowHeader.closest('.window');
669
+ currentWindowId = window.id;
670
+ isDragging = true;
671
+ startX = e.clientX - window.offsetLeft;
672
+ startY = e.clientY - window.offsetTop;
673
+ bringToFront(window.id);
674
+ e.preventDefault();
675
+ }
676
+ });
677
+
678
+ document.addEventListener('mousemove', function(e) {
679
+ if (isDragging && currentWindowId) {
680
+ const window = document.getElementById(currentWindowId);
681
+ window.style.left = (e.clientX - startX) + 'px';
682
+ window.style.top = (e.clientY - startY) + 'px';
683
+ }
684
+
685
+ if (isResizing && currentWindowId) {
686
+ const window = document.getElementById(currentWindowId);
687
+ const newWidth = Math.max(300, e.clientX - window.offsetLeft);
688
+ const newHeight = Math.max(200, e.clientY - window.offsetTop);
689
+ window.style.width = newWidth + 'px';
690
+ window.style.height = newHeight + 'px';
691
+ }
692
+ });
693
+
694
+ document.addEventListener('mouseup', function() {
695
+ isDragging = false;
696
+ isResizing = false;
697
+ currentWindowId = null;
698
+ });
699
+
700
+ // Window resizing
701
+ function startResize(e, windowId) {
702
+ e.stopPropagation();
703
+ isResizing = true;
704
+ currentWindowId = windowId;
705
+ const window = document.getElementById(windowId);
706
+ startWidth = window.offsetWidth;
707
+ startHeight = window.offsetHeight;
708
+ bringToFront(windowId);
709
+ }
710
+
711
+ // Close start menu when a window is opened
712
+ document.querySelectorAll('.window').forEach(window => {
713
+ window.addEventListener('mousedown', function() {
714
+ document.getElementById('start-menu').style.display = 'none';
715
+ });
716
+ });
717
+
718
+ // Initialize some windows
719
+ window.addEventListener('load', function() {
720
+ // Open welcome window
721
+ setTimeout(() => {
722
+ openWindow('my-computer');
723
+ }, 500);
724
+ });
725
+ </script>
726
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=AhBoh/win" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
727
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Windows XP emulator