Hugging Face's logo

Spaces:
Xcoder2020
/
xcoder2020
Running

App Files Community
Xcoder2020 commited on
Commit
6c07db8
·
verified ·
1 Parent(s): 7171fbf

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +456 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Xcoder2020
3
- emoji: 🦀
4
- colorFrom: pink
5
- colorTo: purple
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: xcoder2020
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: yellow
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,456 @@
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>xcoder2020 | VoxArt Black Hat</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=Press+Start+2P&display=swap');
11
+
12
+ body {
13
+ font-family: 'Press Start 2P', cursive;
14
+ background-color: #0a0a0a;
15
+ color: #00ff41;
16
+ image-rendering: pixelated;
17
+ overflow-x: hidden;
18
+ }
19
+
20
+ .voxel {
21
+ image-rendering: pixelated;
22
+ border-style: solid;
23
+ border-width: 4px;
24
+ border-image: repeating-linear-gradient(45deg, #00ff41, #00ff41 2px, transparent 2px, transparent 4px) 4;
25
+ }
26
+
27
+ .pixel-border {
28
+ border: 4px solid #00ff41;
29
+ box-shadow: 8px 8px 0 rgba(0, 255, 65, 0.3);
30
+ }
31
+
32
+ .pixel-text {
33
+ text-shadow: 4px 4px 0 rgba(0, 255, 65, 0.5);
34
+ }
35
+
36
+ .pixel-button {
37
+ position: relative;
38
+ border: 4px solid #00ff41;
39
+ box-shadow: 4px 4px 0 rgba(0, 255, 65, 0.5);
40
+ transition: all 0.1s;
41
+ }
42
+
43
+ .pixel-button:active {
44
+ transform: translate(4px, 4px);
45
+ box-shadow: none;
46
+ }
47
+
48
+ .scanlines {
49
+ position: relative;
50
+ }
51
+
52
+ .scanlines::after {
53
+ content: "";
54
+ position: absolute;
55
+ top: 0;
56
+ left: 0;
57
+ width: 100%;
58
+ height: 100%;
59
+ background: repeating-linear-gradient(
60
+ to bottom,
61
+ transparent 0%,
62
+ rgba(0, 255, 65, 0.05) 50%,
63
+ transparent 100%
64
+ );
65
+ background-size: 100% 4px;
66
+ pointer-events: none;
67
+ }
68
+
69
+ .typewriter {
70
+ overflow: hidden;
71
+ border-right: .3em solid #00ff41;
72
+ white-space: nowrap;
73
+ animation:
74
+ typing 3.5s steps(20, end),
75
+ blink-caret .75s step-end infinite;
76
+ }
77
+
78
+ @keyframes typing {
79
+ from { width: 0 }
80
+ to { width: 100% }
81
+ }
82
+
83
+ @keyframes blink-caret {
84
+ from, to { border-color: transparent }
85
+ 50% { border-color: #00ff41; }
86
+ }
87
+
88
+ .pixel-grid {
89
+ background-image:
90
+ linear-gradient(#00ff41 1px, transparent 1px),
91
+ linear-gradient(90deg, #00ff41 1px, transparent 1px);
92
+ background-size: 20px 20px;
93
+ background-position: -1px -1px;
94
+ }
95
+
96
+ .voxel-icon {
97
+ filter:
98
+ drop-shadow(4px 4px 0 rgba(0, 255, 65, 0.7))
99
+ drop-shadow(-4px -4px 0 rgba(0, 255, 65, 0.3));
100
+ }
101
+ </style>
102
+ </head>
103
+ <body class="scanlines">
104
+ <!-- Pixel Grid Background -->
105
+ <div class="fixed inset-0 opacity-10 pixel-grid -z-10"></div>
106
+
107
+ <!-- Main container -->
108
+ <div class="min-h-screen flex flex-col">
109
+ <!-- Header -->
110
+ <header class="py-6 px-4 sm:px-6 lg:px-8 border-b-4 border-green-500">
111
+ <div class="flex justify-between items-center">
112
+ <div class="flex items-center space-x-4">
113
+ <div class="w-12 h-12 bg-black voxel flex items-center justify-center">
114
+ <i class="fas fa-terminal text-green-500 text-xl"></i>
115
+ </div>
116
+ <h1 class="text-2xl pixel-text">XCODER2020</h1>
117
+ </div>
118
+ <nav class="hidden md:flex space-x-6">
119
+ <a href="#services" class="hover:text-green-400 transition duration-300">SERVICES</a>
120
+ <a href="#portfolio" class="hover:text-green-400 transition duration-300">OPS</a>
121
+ <a href="#contact" class="hover:text-green-400 transition duration-300">CONTACT</a>
122
+ <a href="#about" class="hover:text-green-400 transition duration-300">ABOUT</a>
123
+ </nav>
124
+ <button class="md:hidden text-green-500">
125
+ <div class="w-10 h-10 bg-black voxel flex items-center justify-center">
126
+ <i class="fas fa-bars text-xl"></i>
127
+ </div>
128
+ </button>
129
+ </div>
130
+ </header>
131
+
132
+ <!-- Hero Section -->
133
+ <section class="flex-grow flex items-center py-12 px-4 sm:px-6 lg:px-8">
134
+ <div class="max-w-4xl mx-auto text-center">
135
+ <div class="mb-8">
136
+ <div class="inline-block px-4 py-2 bg-black border-4 border-green-500 mb-6">
137
+ <span class="text-green-400 text-sm">BLACK HAT OPS</span>
138
+ </div>
139
+ <h1 class="text-4xl md:text-6xl mb-6 pixel-text typewriter">SYSTEM BREACH</h1>
140
+ </div>
141
+ <p class="text-lg md:text-xl mb-10 max-w-2xl mx-auto text-green-300">
142
+ PENETRATION TESTING • ZERO-DAY EXPLOITS • CYBER WARFARE • MALWARE DEV
143
+ </p>
144
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
145
+ <button class="pixel-button px-8 py-3 bg-black font-bold text-green-300">
146
+ <i class="fas fa-lock-open mr-2"></i> REQUEST ACCESS
147
+ </button>
148
+ <button class="pixel-button px-8 py-3 bg-black font-bold text-green-300">
149
+ <i class="fas fa-eye mr-2"></i> VIEW OPS
150
+ </button>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Terminal Section -->
156
+ <section class="py-16 px-4 sm:px-6 lg:px-8">
157
+ <div class="max-w-4xl mx-auto bg-black border-4 border-green-500 p-6">
158
+ <div class="flex items-center mb-4">
159
+ <div class="flex space-x-2 mr-4">
160
+ <div class="w-3 h-3 rounded-sm bg-red-500"></div>
161
+ <div class="w-3 h-3 rounded-sm bg-yellow-500"></div>
162
+ <div class="w-3 h-3 rounded-sm bg-green-500"></div>
163
+ </div>
164
+ <div class="text-sm text-gray-400">XCODER2020@ROOT:~</div>
165
+ </div>
166
+ <div class="mb-2">
167
+ <span class="text-green-500">XCODER2020@ROOT:~$</span> <span class="text-white">WHOAMI</span>
168
+ </div>
169
+ <div class="mb-6 text-green-300">
170
+ ELITE CYBERSECURITY SPECIALIST<br>
171
+ 10+ YEARS BLACK HAT OPERATIONS<br>
172
+ ADVANCED EXPLOIT DEVELOPMENT
173
+ </div>
174
+ <div class="mb-2">
175
+ <span class="text-green-500">XCODER2020@ROOT:~$</span> <span class="text-white">SKILLS --LIST</span>
176
+ </div>
177
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-green-300 mb-6">
178
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> EXPLOIT DEV</div>
179
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> MALWARE</div>
180
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> REVERSE ENG</div>
181
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> SOCIAL ENG</div>
182
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> NET PENTEST</div>
183
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> WEB SEC</div>
184
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> CRYPTO</div>
185
+ <div><i class="fas fa-check-square text-green-500 mr-2"></i> ZERO-DAY</div>
186
+ </div>
187
+ <div class="mb-2">
188
+ <span class="text-green-500">XCODER2020@ROOT:~$</span> <span class="text-white">CONTACT --SECURE</span>
189
+ </div>
190
+ <div class="text-green-300">
191
+ PGP: <span class="text-white">0xDEADBEEFCAFEBABE</span><br>
192
+ TOR: <span class="text-white">XCODER2020.ONION</span><br>
193
+ SIGNAL: <span class="text-white">+1 555-0100</span>
194
+ </div>
195
+ </div>
196
+ </section>
197
+
198
+ <!-- Services Section -->
199
+ <section id="services" class="py-16 px-4 sm:px-6 lg:px-8">
200
+ <div class="max-w-6xl mx-auto">
201
+ <h2 class="text-3xl mb-12 text-center pixel-text">
202
+ <i class="fas fa-user-secret mr-3"></i> SPECIALIZED SERVICES
203
+ </h2>
204
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
205
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
206
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
207
+ <i class="fas fa-bug"></i>
208
+ </div>
209
+ <h3 class="text-xl mb-3">EXPLOIT DEV</h3>
210
+ <p class="text-green-300 text-sm">
211
+ CUSTOM ZERO-DAY EXPLOITS FOR VARIOUS PLATFORMS AND APPLICATIONS.
212
+ </p>
213
+ </div>
214
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
215
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
216
+ <i class="fas fa-shield-virus"></i>
217
+ </div>
218
+ <h3 class="text-xl mb-3">ADVANCED PENTEST</h3>
219
+ <p class="text-green-300 text-sm">
220
+ COMPREHENSIVE SECURITY ASSESSMENTS TO IDENTIFY DEEP VULNERABILITIES.
221
+ </p>
222
+ </div>
223
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
224
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
225
+ <i class="fas fa-lock"></i>
226
+ </div>
227
+ <h3 class="text-xl mb-3">SECURE COMMS</h3>
228
+ <p class="text-green-300 text-sm">
229
+ END-TO-END ENCRYPTED COMMUNICATION SOLUTIONS.
230
+ </p>
231
+ </div>
232
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
233
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
234
+ <i class="fas fa-robot"></i>
235
+ </div>
236
+ <h3 class="text-xl mb-3">MALWARE DEV</h3>
237
+ <p class="text-green-300 text-sm">
238
+ CUSTOM MALWARE WITH ADVANCED EVASION TECHNIQUES.
239
+ </p>
240
+ </div>
241
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
242
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
243
+ <i class="fas fa-network-wired"></i>
244
+ </div>
245
+ <h3 class="text-xl mb-3">NETWORK OPS</h3>
246
+ <p class="text-green-300 text-sm">
247
+ COVERT NETWORK INFILTRATION AND DATA EXFILTRATION.
248
+ </p>
249
+ </div>
250
+ <div class="bg-black border-4 border-green-500 p-6 hover:border-green-400 transition duration-300">
251
+ <div class="text-4xl text-green-500 mb-4 voxel-icon">
252
+ <i class="fas fa-user-ninja"></i>
253
+ </div>
254
+ <h3 class="text-xl mb-3">RED TEAM OPS</h3>
255
+ <p class="text-green-300 text-sm">
256
+ FULL-SCALE SIMULATED ATTACKS TO TEST DEFENSES.
257
+ </p>
258
+ </div>
259
+ </div>
260
+ </div>
261
+ </section>
262
+
263
+ <!-- Portfolio Section -->
264
+ <section id="portfolio" class="py-16 px-4 sm:px-6 lg:px-8 bg-black">
265
+ <div class="max-w-6xl mx-auto">
266
+ <h2 class="text-3xl mb-12 text-center pixel-text">
267
+ <i class="fas fa-folder-open mr-3"></i> NOTABLE OPERATIONS
268
+ </h2>
269
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
270
+ <div class="border-4 border-green-500 p-6">
271
+ <div class="flex justify-between items-start mb-4">
272
+ <h3 class="text-xl">OP PHANTOM</h3>
273
+ <span class="text-xs bg-red-900 px-2 py-1">TOP SECRET</span>
274
+ </div>
275
+ <p class="text-green-300 mb-4 text-sm">
276
+ DEVELOPED CUSTOM FIRMWARE EXPLOIT FOR ENTERPRISE NETWORKING EQUIPMENT.
277
+ </p>
278
+ <div class="text-xs text-gray-500">
279
+ <i class="fas fa-calendar mr-1"></i> Q3 2019 | <i class="fas fa-map-marker-alt mr-1 ml-2"></i> GLOBAL
280
+ </div>
281
+ </div>
282
+ <div class="border-4 border-green-500 p-6">
283
+ <div class="flex justify-between items-start mb-4">
284
+ <h3 class="text-xl">PROJECT CERBERUS</h3>
285
+ <span class="text-xs bg-purple-900 px-2 py-1">CLASSIFIED</span>
286
+ </div>
287
+ <p class="text-green-300 mb-4 text-sm">
288
+ CREATED POLYMORPHIC MALWARE FRAMEWORK THAT EVADED 98% OF AV SOLUTIONS.
289
+ </p>
290
+ <div class="text-xs text-gray-500">
291
+ <i class="fas fa-calendar mr-1"></i> Q1 2020 | <i class="fas fa-map-marker-alt mr-1 ml-2"></i> EASTERN EUROPE
292
+ </div>
293
+ </div>
294
+ <div class="border-4 border-green-500 p-6">
295
+ <div class="flex justify-between items-start mb-4">
296
+ <h3 class="text-xl">OP DARKNET</h3>
297
+ <span class="text-xs bg-yellow-900 px-2 py-1">SECRET</span>
298
+ </div>
299
+ <p class="text-green-300 mb-4 text-sm">
300
+ PENETRATION OF UNDERGROUND FORUMS FOR INTELLIGENCE GATHERING.
301
+ </p>
302
+ <div class="text-xs text-gray-500">
303
+ <i class="fas fa-calendar mr-1"></i> Q4 2018 | <i class="fas fa-map-marker-alt mr-1 ml-2"></i> DARK WEB
304
+ </div>
305
+ </div>
306
+ <div class="border-4 border-green-500 p-6">
307
+ <div class="flex justify-between items-start mb-4">
308
+ <h3 class="text-xl">PROJECT NIGHTMARE</h3>
309
+ <span class="text-xs bg-blue-900 px-2 py-1">CONFIDENTIAL</span>
310
+ </div>
311
+ <p class="text-green-300 mb-4 text-sm">
312
+ REVERSE ENGINEERED PROPRIETARY ENCRYPTION PROTOCOL.
313
+ </p>
314
+ <div class="text-xs text-gray-500">
315
+ <i class="fas fa-calendar mr-1"></i> Q2 2021 | <i class="fas fa-map-marker-alt mr-1 ml-2"></i> MIDDLE EAST
316
+ </div>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </section>
321
+
322
+ <!-- Contact Section -->
323
+ <section id="contact" class="py-16 px-4 sm:px-6 lg:px-8">
324
+ <div class="max-w-4xl mx-auto">
325
+ <h2 class="text-3xl mb-12 text-center pixel-text">
326
+ <i class="fas fa-paper-plane mr-3"></i> SECURE CONTACT
327
+ </h2>
328
+ <div class="bg-black border-4 border-green-500 p-8">
329
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
330
+ <div>
331
+ <h3 class="text-xl mb-4">ENCRYPTED COM</h3>
332
+ <ul class="space-y-4 text-green-300 text-sm">
333
+ <li>
334
+ <div class="flex items-center">
335
+ <i class="fas fa-key mr-3 text-green-500"></i>
336
+ <div>
337
+ <div class="font-bold">PGP KEY</div>
338
+ <div>0xDEADBEEFCAFEBABE</div>
339
+ </div>
340
+ </div>
341
+ </li>
342
+ <li>
343
+ <div class="flex items-center">
344
+ <i class="fas fa-tor-onion mr-3 text-green-500"></i>
345
+ <div>
346
+ <div class="font-bold">TOR</div>
347
+ <div>XCODER2020.ONION</div>
348
+ </div>
349
+ </div>
350
+ </li>
351
+ <li>
352
+ <div class="flex items-center">
353
+ <i class="fas fa-comment mr-3 text-green-500"></i>
354
+ <div>
355
+ <div class="font-bold">SIGNAL</div>
356
+ <div>+1 555-0100</div>
357
+ </div>
358
+ </div>
359
+ </li>
360
+ <li>
361
+ <div class="flex items-center">
362
+ <i class="fas fa-envelope mr-3 text-green-500"></i>
363
+ <div>
364
+ <div class="font-bold">PROTONMAIL</div>
365
+ <div>XCODER2020@PROTONMAIL.COM</div>
366
+ </div>
367
+ </div>
368
+ </li>
369
+ </ul>
370
+ </div>
371
+ <div>
372
+ <h3 class="text-xl mb-4">SEND SECURE MSG</h3>
373
+ <form class="space-y-4">
374
+ <div>
375
+ <label class="block text-green-300 mb-1 text-sm">YOUR PGP KEY ID</label>
376
+ <input type="text" class="w-full bg-black border-2 border-green-500 px-4 py-2 text-white">
377
+ </div>
378
+ <div>
379
+ <label class="block text-green-300 mb-1 text-sm">MESSAGE</label>
380
+ <textarea class="w-full bg-black border-2 border-green-500 px-4 py-2 text-white h-32"></textarea>
381
+ </div>
382
+ <button type="submit" class="pixel-button w-full py-3 bg-black font-bold text-green-300">
383
+ <i class="fas fa-lock mr-2"></i> ENCRYPT & SEND
384
+ </button>
385
+ </form>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </section>
391
+
392
+ <!-- Footer -->
393
+ <footer class="py-8 px-4 sm:px-6 lg:px-8 border-t-4 border-green-500">
394
+ <div class="max-w-6xl mx-auto">
395
+ <div class="flex flex-col md:flex-row justify-between items-center">
396
+ <div class="flex items-center space-x-4 mb-4 md:mb-0">
397
+ <div class="w-10 h-10 bg-black voxel flex items-center justify-center">
398
+ <i class="fas fa-terminal text-green-500"></i>
399
+ </div>
400
+ <span class="text-lg">XCODER2020</span>
401
+ </div>
402
+ <div class="flex space-x-6">
403
+ <a href="#" class="text-green-300 hover:text-green-500 transition duration-300">
404
+ <i class="fab fa-github"></i>
405
+ </a>
406
+ <a href="#" class="text-green-300 hover:text-green-500 transition duration-300">
407
+ <i class="fab fa-twitter"></i>
408
+ </a>
409
+ <a href="#" class="text-green-300 hover:text-green-500 transition duration-300">
410
+ <i class="fab fa-reddit-alien"></i>
411
+ </a>
412
+ <a href="#" class="text-green-300 hover:text-green-500 transition duration-300">
413
+ <i class="fab fa-keybase"></i>
414
+ </a>
415
+ </div>
416
+ </div>
417
+ <div class="mt-8 text-center text-xs text-gray-500">
418
+ <p>© 2023 XCODER2020 BLACK HAT OPERATIONS.</p>
419
+ <p class="mt-2">FOR DEMONSTRATION PURPOSES ONLY.</p>
420
+ </div>
421
+ </div>
422
+ </footer>
423
+ </div>
424
+
425
+ <script>
426
+ // Terminal typing effect
427
+ document.addEventListener('DOMContentLoaded', () => {
428
+ const elements = document.querySelectorAll('.typewriter');
429
+ elements.forEach(el => {
430
+ setTimeout(() => {
431
+ el.style.borderRight = 'none';
432
+ }, 3500);
433
+ });
434
+
435
+ // Pixel button effects
436
+ const buttons = document.querySelectorAll('.pixel-button');
437
+ buttons.forEach(button => {
438
+ button.addEventListener('mousedown', () => {
439
+ button.style.transform = 'translate(4px, 4px)';
440
+ button.style.boxShadow = 'none';
441
+ });
442
+
443
+ button.addEventListener('mouseup', () => {
444
+ button.style.transform = '';
445
+ button.style.boxShadow = '4px 4px 0 rgba(0, 255, 65, 0.5)';
446
+ });
447
+
448
+ button.addEventListener('mouseleave', () => {
449
+ button.style.transform = '';
450
+ button.style.boxShadow = '4px 4px 0 rgba(0, 255, 65, 0.5)';
451
+ });
452
+ });
453
+ });
454
+ </script>
455
+ <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=Xcoder2020/xcoder2020" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
456
+ </html>