Hugging Face's logo

Spaces:
CrypticallyRequie
/
shadowwatch
Running

App Files Community
1
CrypticallyRequie commited on
Commit
fa442ee
·
verified ·
1 Parent(s): ac1e3de

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +917 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Shadowwatch
3
- emoji: 📊
4
- colorFrom: purple
5
- colorTo: pink
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: shadowwatch
3
+ emoji: 🐳
4
+ colorFrom: blue
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,917 @@
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>ShadowWatch - Dark Web Intelligence</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=JetBrains+Mono:wght@400;500;700&display=swap');
11
+ body {
12
+ font-family: 'JetBrains Mono', monospace;
13
+ background-color: #0a0a0a;
14
+ }
15
+ .signal-strength {
16
+ height: 20px;
17
+ width: 100px;
18
+ position: relative;
19
+ }
20
+ .signal-bar {
21
+ position: absolute;
22
+ bottom: 0;
23
+ width: 15px;
24
+ background-color: #00ff00;
25
+ opacity: 0.3;
26
+ }
27
+ .signal-bar.filled {
28
+ opacity: 1;
29
+ }
30
+ .blink {
31
+ animation: blink-animation 1.5s steps(2, start) infinite;
32
+ }
33
+ @keyframes blink-animation {
34
+ to {
35
+ visibility: hidden;
36
+ }
37
+ }
38
+ .pulsing-border {
39
+ animation: pulse-border 2s infinite;
40
+ }
41
+ @keyframes pulse-border {
42
+ 0% {
43
+ box-shadow: 0 0 0 0 rgba(0, 255, 0, 0.7);
44
+ }
45
+ 70% {
46
+ box-shadow: 0 0 0 10px rgba(0, 255, 0, 0);
47
+ }
48
+ 100% {
49
+ box-shadow: 0 0 0 0 rgba(0, 255, 0, 0);
50
+ }
51
+ }
52
+ .terminal-scroll {
53
+ scrollbar-width: thin;
54
+ scrollbar-color: #00ff00 #111111;
55
+ }
56
+ .terminal-scroll::-webkit-scrollbar {
57
+ width: 8px;
58
+ }
59
+ .terminal-scroll::-webkit-scrollbar-track {
60
+ background: #111111;
61
+ }
62
+ .terminal-scroll::-webkit-scrollbar-thumb {
63
+ background-color: #00ff00;
64
+ border-radius: 6px;
65
+ border: 1px solid #00ff00;
66
+ }
67
+ .code-input {
68
+ caret-color: #00ff00;
69
+ }
70
+ .gradient-text {
71
+ background: linear-gradient(90deg, #00ff00, #00aa00);
72
+ -webkit-background-clip: text;
73
+ background-clip: text;
74
+ color: transparent;
75
+ }
76
+ .scan-animation {
77
+ animation: scan 2s linear infinite;
78
+ }
79
+ @keyframes scan {
80
+ 0% {
81
+ background-position: 0 0;
82
+ }
83
+ 100% {
84
+ background-position: 0 30px;
85
+ }
86
+ }
87
+ </style>
88
+ </head>
89
+ <body class="text-gray-200">
90
+ <div class="container mx-auto px-4 py-6">
91
+ <!-- Header -->
92
+ <header class="flex justify-between items-center border-b border-green-600 pb-4 mb-8">
93
+ <div class="flex items-center">
94
+ <div class="w-4 h-12 bg-green-500 mr-3"></div>
95
+ <div>
96
+ <h1 class="text-2xl font-bold gradient-text">SHADOWWATCH</h1>
97
+ <p class="text-xs text-gray-500">DARK WEB INTELLIGENCE PLATFORM</p>
98
+ </div>
99
+ </div>
100
+ <div class="flex items-center space-x-4">
101
+ <div class="flex items-center">
102
+ <div class="signal-strength mr-2">
103
+ <div class="signal-bar" style="left: 0; height: 5px;"></div>
104
+ <div class="signal-bar" style="left: 20px; height: 10px;"></div>
105
+ <div class="signal-bar filled" style="left: 40px; height: 15px;"></div>
106
+ <div class="signal-bar filled" style="left: 60px; height: 20px;"></div>
107
+ <div class="signal-bar filled" style="left: 80px; height: 20px;"></div>
108
+ </div>
109
+ <span class="text-green-500 text-xs">TOR RELAY: ACTIVE</span>
110
+ </div>
111
+ <span class="text-gray-500">|</span>
112
+ <div class="text-xs">
113
+ <span class="text-yellow-400">ENCRYPTION: </span>
114
+ <span class="text-green-400">AES-256</span>
115
+ </div>
116
+ <span class="text-gray-500">|</span>
117
+ <div class="text-xs">
118
+ <span class="text-yellow-400">SESSION: </span>
119
+ <span class="text-green-400">SECURE</span>
120
+ </div>
121
+ <button class="bg-red-900 hover:bg-red-800 text-xs px-3 py-1 rounded-md" id="killswitch">
122
+ <i class="fas fa-power-off mr-1"></i> KILLSWITCH
123
+ </button>
124
+ </div>
125
+ </header>
126
+
127
+ <!-- Main Dashboard -->
128
+ <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
129
+ <!-- Left sidebar -->
130
+ <div class="lg:col-span-1 space-y-6">
131
+ <!-- User Profile -->
132
+ <div class="bg-gray-900 rounded-lg border border-gray-800 p-4">
133
+ <div class="flex items-center mb-4">
134
+ <div class="w-12 h-12 rounded-full bg-gray-800 flex items-center justify-center border border-green-500">
135
+ <i class="fas fa-user-secret text-green-500"></i>
136
+ </div>
137
+ <div class="ml-3">
138
+ <h3 class="font-bold text-green-400">AGENT-74X</h3>
139
+ <p class="text-xs text-gray-500">SENIOR INTELLIGENCE ANALYST</p>
140
+ </div>
141
+ </div>
142
+ <div class="grid grid-cols-2 gap-2 text-xs">
143
+ <div class="bg-gray-800 rounded p-2">
144
+ <div class="text-gray-500">CLEARANCE</div>
145
+ <div class="text-green-400">LEVEL 5</div>
146
+ </div>
147
+ <div class="bg-gray-800 rounded p-2">
148
+ <div class="text-gray-500">STATUS</div>
149
+ <div class="text-green-400">ACTIVE</div>
150
+ </div>
151
+ <div class="bg-gray-800 rounded p-2">
152
+ <div class="text-gray-500">TEAM</div>
153
+ <div class="text-green-400">PHANTOM</div>
154
+ </div>
155
+ <div class="bg-gray-800 rounded p-2">
156
+ <div class="text-gray-500">SINCE</div>
157
+ <div class="text-green-400">2018</div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- Quick Actions -->
163
+ <div class="bg-gray-900 rounded-lg border border-gray-800 p-4">
164
+ <h3 class="font-bold text-green-500 mb-3 flex items-center">
165
+ <i class="fas fa-bolt mr-2"></i> QUICK ACTIONS
166
+ </h3>
167
+ <div class="space-y-2">
168
+ <button id="deep-scan" class="w-full bg-gray-800 hover:bg-green-900 text-green-400 text-left text-sm py-2 px-3 rounded flex items-center">
169
+ <i class="fas fa-search mr-2"></i> DEEP SCAN
170
+ </button>
171
+ <button id="credential-trace" class="w-full bg-gray-800 hover:bg-green-900 text-green-400 text-left text-sm py-2 px-3 rounded flex items-center">
172
+ <i class="fas fa-fingerprint mr-2"></i> CREDENTIAL TRACE
173
+ </button>
174
+ <button id="chatter-analysis" class="w-full bg-gray-800 hover:bg-green-900 text-green-400 text-left text-sm py-2 px-3 rounded flex items-center">
175
+ <i class="fas fa-comment-dots mr-2"></i> CHATTER ANALYSIS
176
+ </button>
177
+ <button id="identity-alert" class="w-full bg-gray-800 hover:bg-green-900 text-green-400 text-left text-sm py-2 px-3 rounded flex items-center">
178
+ <i class="fas fa-mask mr-2"></i> IDENTITY ALERT
179
+ </button>
180
+ </div>
181
+ <div id="scan-progress" class="mt-3 hidden">
182
+ <div class="flex justify-between text-xs text-gray-400 mb-1">
183
+ <span>SCAN PROGRESS</span>
184
+ <span id="progress-percent">0%</span>
185
+ </div>
186
+ <div class="w-full bg-gray-800 rounded-full h-1.5">
187
+ <div id="progress-bar" class="bg-green-500 h-1.5 rounded-full" style="width: 0%"></div>
188
+ </div>
189
+ </div>
190
+ <div id="scan-result" class="mt-3 hidden">
191
+ <div class="text-xs p-2 rounded border border-green-900 bg-gray-800 text-green-400">
192
+ <i class="fas fa-check-circle mr-1"></i>
193
+ <span>Scan completed successfully</span>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <!-- Threat Level -->
199
+ <div class="bg-gray-900 rounded-lg border border-gray-800 p-4">
200
+ <div class="flex justify-between items-center mb-3">
201
+ <h3 class="font-bold text-green-500 flex items-center">
202
+ <i class="fas fa-shield-alt mr-2"></i> THREAT LEVEL
203
+ </h3>
204
+ <span class="text-xs bg-red-900 text-red-300 px-2 py-1 rounded-full">ELEVATED</span>
205
+ </div>
206
+ <div class="h-2 w-full bg-gray-800 rounded-full mb-2">
207
+ <div class="h-2 bg-gradient-to-r from-green-500 to-yellow-500 rounded-full" style="width: 70%"></div>
208
+ </div>
209
+ <div class="flex justify-between text-xs text-gray-500">
210
+ <span>LOW</span>
211
+ <span>MODERATE</span>
212
+ <span>HIGH</span>
213
+ <span>CRITICAL</span>
214
+ </div>
215
+ <div class="mt-4 text-xs text-gray-400">
216
+ <div class="flex items-center mb-2">
217
+ <div class="w-2 h-2 bg-green-500 rounded-full mr-2"></div>
218
+ <span>+12% DARKNET ACTIVITY</span>
219
+ </div>
220
+ <div class="flex items-center">
221
+ <div class="w-2 h-2 bg-red-500 rounded-full mr-2"></div>
222
+ <span>3 NEW DATA BREACHES</span>
223
+ </div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+
228
+ <!-- Main Content -->
229
+ <div class="lg:col-span-3 space-y-6">
230
+ <!-- Active Threats -->
231
+ <div class="bg-gray-900 rounded-lg border border-gray-800 overflow-hidden">
232
+ <div class="border-b border-gray-800 p-4 bg-gray-950 flex justify-between items-center">
233
+ <h2 class="font-bold text-green-400 flex items-center">
234
+ <i class="fas fa-radiation mr-2"></i> ACTIVE THREATS
235
+ </h2>
236
+ <div class="text-xs flex items-center">
237
+ <div class="w-2 h-2 rounded-full bg-green-500 mr-1 pulsing-border"></div>
238
+ <span class="text-green-400">REALTIME MONITORING</span>
239
+ </div>
240
+ </div>
241
+ <div class="grid grid-cols-1 md:grid-cols-3">
242
+ <div class="border-b md:border-b-0 md:border-r border-gray-800 p-4 hover:bg-gray-950 cursor-pointer transition">
243
+ <div class="flex items-center mb-2">
244
+ <div class="w-9 h-9 bg-red-900 rounded-full flex items-center justify-center mr-3">
245
+ <i class="fas fa-key text-red-400"></i>
246
+ </div>
247
+ <div>
248
+ <h3 class="font-bold">CREDENTIAL LEAK</h3>
249
+ <p class="text-xs text-gray-500">12 MINUTES AGO</p>
250
+ </div>
251
+ </div>
252
+ <p class="text-xs text-gray-400 mb-1">FINANCIAL INSTITUTION DATABASE</p>
253
+ <div class="flex justify-between text-xs mb-2">
254
+ <span class="text-red-400">26,752 RECORDS</span>
255
+ <span class="text-yellow-400">REDACTED HOST</span>
256
+ </div>
257
+ <div class="w-full bg-gray-800 rounded-full h-1.5">
258
+ <div class="bg-red-500 h-1.5 rounded-full" style="width: 85%"></div>
259
+ </div>
260
+ </div>
261
+ <div class="border-b md:border-b-0 md:border-r border-gray-800 p-4 hover:bg-gray-950 cursor-pointer transition">
262
+ <div class="flex items-center mb-2">
263
+ <div class="w-9 h-9 bg-yellow-900 rounded-full flex items-center justify-center mr-3">
264
+ <i class="fas fa-comments text-yellow-400"></i>
265
+ </div>
266
+ <div>
267
+ <h3 class="font-bold">CHATTER SPIKE</h3>
268
+ <p class="text-xs text-gray-500">34 MINUTES AGO</p>
269
+ </div>
270
+ </div>
271
+ <p class="text-xs text-gray-400 mb-1">MENTION OF MAJOR RETAILER</p>
272
+ <div class="flex justify-between text-xs mb-2">
273
+ <span class="text-yellow-400">358 MENTIONS</span>
274
+ <span class="text-blue-400">72% INCREASE</span>
275
+ </div>
276
+ <div class="w-full bg-gray-800 rounded-full h-1.5">
277
+ <div class="bg-yellow-500 h-1.5 rounded-full" style="width: 65%"></div>
278
+ </div>
279
+ </div>
280
+ <div class="p-4 hover:bg-gray-950 cursor-pointer transition">
281
+ <div class="flex items-center mb-2">
282
+ <div class="w-9 h-9 bg-purple-900 rounded-full flex items-center justify-center mr-3">
283
+ <i class="fas fa-server text-purple-400"></i>
284
+ </div>
285
+ <div>
286
+ <h3 class="font-bold">SERVER BREACH</h3>
287
+ <p class="text-xs text-gray-500">1 HOUR AGO</p>
288
+ </div>
289
+ </div>
290
+ <p class="text-xs text-gray-400 mb-1">GOVERNMENT CONTRACTOR</p>
291
+ <div class="flex justify-between text-xs mb-2">
292
+ <span class="text-purple-400">SENSITIVE DATA</span>
293
+ <span class="text-red-400">CONFIRMED</span>
294
+ </div>
295
+ <div class="w-full bg-gray-800 rounded-full h-1.5">
296
+ <div class="bg-purple-500 h-1.5 rounded-full" style="width: 45%"></div>
297
+ </div>
298
+ </div>
299
+ </div>
300
+ </div>
301
+
302
+ <!-- Terminal & Alerts -->
303
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
304
+ <div class="lg:col-span-2">
305
+ <div class="bg-gray-900 rounded-lg border border-gray-800 overflow-hidden h-full">
306
+ <div class="border-b border-gray-800 p-3 bg-gray-950 flex justify-between items-center">
307
+ <h2 class="font-bold text-green-400 flex items-center">
308
+ <i class="fas fa-terminal mr-2"></i> MONITOR TERMINAL
309
+ </h2>
310
+ <div class="flex space-x-2">
311
+ <button class="text-xs bg-gray-800 hover:bg-green-900 text-green-400 px-2 py-1 rounded" id="clear-terminal">
312
+ <i class="fas fa-trash mr-1"></i> CLEAR
313
+ </button>
314
+ <button class="text-xs bg-gray-800 hover:bg-green-900 text-green-400 px-2 py-1 rounded" id="refresh-terminal">
315
+ <i class="fas fa-redo mr-1"></i> REFRESH
316
+ </button>
317
+ </div>
318
+ </div>
319
+ <div id="terminal-content" class="h-64 p-3 overflow-y-auto terminal-scroll bg-black text-green-400 text-xs font-mono">
320
+ <div class="mb-1"><span class="text-yellow-400">root@shadowwatch:~#</span> ./scan --deep --crawl -t credential_leak</div>
321
+ <div class="mb-1">[+] Initiating deep scan protocol...</div>
322
+ <div class="mb-1">[+] Connecting to TOR network... <span class="text-green-400">SUCCESS</span></div>
323
+ <div class="mb-1">[+] Establishing secure channels... <span class="text-green-400">SUCCESS</span></div>
324
+ <div class="mb-1">[+] Crawling 12 marketplaces, 8 forums, 15 channels</div>
325
+ <div class="mb-1">[!] Potential leak detected: financial_institution_db.tar.gz</div>
326
+ <div class="mb-1">[!] Analyzing contents...
327
+ <span class="inline-block loader animate-spin h-3 w-3 border-2 border-green-500 border-t-transparent rounded-full"></span>
328
+ </div>
329
+ <div class="mb-1">[!] CREDENTIAL ALERT: 26,752 records confirmed valid</div>
330
+ <div class="mb-1">[+] Initiating analysis of chatter patterns...</div>
331
+ <div class="mb-1">[!] Increased mentions of "major_retailer" detected (+72%)</div>
332
+ <div class="mb-1">[+] Scanning pastebin clones for matches...</div>
333
+ <div class="mb-1">[!] MATCH: server_dump.txt contains 438 credentials</div>
334
+ <div class="mb-1">root@shadowwatch:~#<span class="code-input"> _</span></div>
335
+ </div>
336
+ </div>
337
+ </div>
338
+ <div>
339
+ <div class="bg-gray-900 rounded-lg border border-gray-800 overflow-hidden h-full">
340
+ <div class="border-b border-gray-800 p-3 bg-gray-950 flex justify-between items-center">
341
+ <h2 class="font-bold text-green-400 flex items-center">
342
+ <i class="fas fa-bell mr-2"></i> ALERT FEED
343
+ </h2>
344
+ <span id="alert-count" class="text-xs bg-red-900 text-red-300 px-2 py-1 rounded-full">3 NEW</span>
345
+ </div>
346
+ <div id="alert-feed" class="h-64 overflow-y-auto terminal-scroll">
347
+ <div class="p-3 border-b border-gray-800 hover:bg-gray-950 cursor-pointer transition">
348
+ <div class="flex justify-between items-start mb-1">
349
+ <span class="text-xs bg-red-900 text-red-300 px-2 py-0.5 rounded-full">CRITICAL</span>
350
+ <span class="text-xs text-gray-500">12:23:45</span>
351
+ </div>
352
+ <p class="text-sm">Large credential dump detected on DarkNet market</p>
353
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
354
+ <i class="fas fa-database mr-1"></i> Financial records (26K+) potentially compromised
355
+ </p>
356
+ </div>
357
+ <div class="p-3 border-b border-gray-800 hover:bg-gray-950 cursor-pointer transition">
358
+ <div class="flex justify-between items-start mb-1">
359
+ <span class="text-xs bg-yellow-900 text-yellow-300 px-2 py-0.5 rounded-full">WARNING</span>
360
+ <span class="text-xs text-gray-500">11:58:12</span>
361
+ </div>
362
+ <p class="text-sm">Chatter spike detected mentioning major retailer</p>
363
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
364
+ <i class="fas fa-comment-alt mr-1"></i> 358 mentions in last 2 hours (+72%)
365
+ </p>
366
+ </div>
367
+ <div class="p-3 border-b border-gray-800 hover:bg-gray-950 cursor-pointer transition">
368
+ <div class="flex justify-between items-start mb-1">
369
+ <span class="text-xs bg-purple-900 text-purple-300 px-2 py-0.5 rounded-full">SUSPICIOUS</span>
370
+ <span class="text-xs text-gray-500">10:35:27</span>
371
+ </div>
372
+ <p class="text-sm">Server breach reported on underground forum</p>
373
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
374
+ <i class="fas fa-shield-alt mr-1"></i> Government contractor data potentially exposed
375
+ </p>
376
+ </div>
377
+ <div class="p-3 border-b border-gray-800 hover:bg-gray-950 cursor-pointer transition">
378
+ <div class="flex justify-between items-start mb-1">
379
+ <span class="text-xs bg-blue-900 text-blue-300 px-2 py-0.5 rounded-full">INFO</span>
380
+ <span class="text-xs text-gray-500">09:42:18</span>
381
+ </div>
382
+ <p class="text-sm">New ransomware variant detected in wild</p>
383
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
384
+ <i class="fas fa-bug mr-1"></i> Targeting healthcare sector, requires patch KB5021234
385
+ </p>
386
+ </div>
387
+ <div class="p-3 hover:bg-gray-950 cursor-pointer transition">
388
+ <div class="flex justify-between items-start mb-1">
389
+ <span class="text-xs bg-yellow-900 text-yellow-300 px-2 py-0.5 rounded-full">WARNING</span>
390
+ <span class="text-xs text-gray-500">08:15:03</span>
391
+ </div>
392
+ <p class="text-sm">Unusual login attempts from ASN 14061</p>
393
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
394
+ <i class="fas fa-globe mr-1"></i> 147 attempts from new IP blocks
395
+ </p>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <!-- Data Analysis -->
403
+ <div class="bg-gray-900 rounded-lg border border-gray-800 overflow-hidden">
404
+ <div class="border-b border-gray-800 p-4 bg-gray-950 flex justify-between items-center">
405
+ <h2 class="font-bold text-green-400 flex items-center">
406
+ <i class="fas fa-chart-line mr-2"></i> DARK WEB ACTIVITY ANALYSIS
407
+ </h2>
408
+ <div class="flex space-x-3">
409
+ <div class="text-xs">
410
+ <span class="text-yellow-400">LAST 24H: </span>
411
+ <span id="alert-count-main" class="text-green-400">1,247 ALERTS</span>
412
+ </div>
413
+ <div class="text-xs">
414
+ <span class="text-yellow-400">TOP THREAT: </span>
415
+ <span class="text-red-400">CREDENTIAL LEAKS</span>
416
+ </div>
417
+ </div>
418
+ </div>
419
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-4 p-4">
420
+ <div class="bg-gray-950 p-3 rounded border border-gray-800">
421
+ <div class="flex justify-between items-center mb-2">
422
+ <h3 class="text-sm font-bold text-green-400">CREDENTIAL EXPOSURE</h3>
423
+ <span class="text-xs bg-red-900 text-red-300 px-2 py-0.5 rounded-full">+24%</span>
424
+ </div>
425
+ <div class="h-40">
426
+ <canvas id="credentialChart"></canvas>
427
+ </div>
428
+ <div class="text-xs text-gray-400 mt-2 flex justify-between">
429
+ <span>12H AGO</span>
430
+ <span>6H AGO</span>
431
+ <span>CURRENT</span>
432
+ </div>
433
+ </div>
434
+ <div class="bg-gray-950 p-3 rounded border border-gray-800">
435
+ <div class="flex justify-between items-center mb-2">
436
+ <h3 class="text-sm font-bold text-green-400">FORUM ACTIVITY</h3>
437
+ <span class="text-xs bg-yellow-900 text-yellow-300 px-2 py-0.5 rounded-full">+18%</span>
438
+ </div>
439
+ <div class="h-40">
440
+ <canvas id="forumChart"></canvas>
441
+ </div>
442
+ <div class="text-xs text-gray-400 mt-2 flex justify-between">
443
+ <span>12H AGO</span>
444
+ <span>6H AGO</span>
445
+ <span>CURRENT</span>
446
+ </div>
447
+ </div>
448
+ <div class="bg-gray-950 p-3 rounded border border-gray-800">
449
+ <div class="flex justify-between items-center mb-2">
450
+ <h3 class="text-sm font-bold text-green-400">THREAT TYPES</h3>
451
+ <div class="text-xs bg-gray-800 text-gray-300 px-2 py-0.5 rounded-full">ANALYSIS</div>
452
+ </div>
453
+ <div class="h-40">
454
+ <canvas id="threatChart"></canvas>
455
+ </div>
456
+ <div class="text-xs text-gray-400 mt-2 flex justify-center space-x-4">
457
+ <span><span class="inline-block w-2 h-2 bg-red-500 rounded-full mr-1"></span>LEAKS</span>
458
+ <span><span class="inline-block w-2 h-2 bg-yellow-500 rounded-full mr-1"></span>CHATTER</span>
459
+ <span><span class="inline-block w-2 h-2 bg-purple-500 rounded-full mr-1"></span>BREACHES</span>
460
+ </div>
461
+ </div>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </div>
466
+
467
+ <!-- Footer -->
468
+ <footer class="mt-8 border-t border-gray-800 pt-4 text-xs text-gray-600 flex justify-between items-center">
469
+ <div>
470
+ <span>SHADOWWATCH v3.7.4</span>
471
+ <span class="mx-2">|</span>
472
+ <span>SECURE SIGNAL: ENCRYPTED</span>
473
+ <span class="mx-2">|</span>
474
+ <span>LAST SYNCHRONIZATION: <span class="text-green-400">2m 34s ago</span></span>
475
+ </div>
476
+ <div class="flex items-center">
477
+ <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
478
+ <span>OPERATIONAL</span>
479
+ <span class="mx-2">|</span>
480
+ <span id="status-message" class="blink text-yellow-400">AWAITING COMMANDS</span>
481
+ </div>
482
+ </footer>
483
+ </div>
484
+
485
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
486
+ <script>
487
+ // Initialize charts
488
+ document.addEventListener('DOMContentLoaded', function() {
489
+ // Credential Exposure Chart
490
+ const ctx1 = document.getElementById('credentialChart').getContext('2d');
491
+ new Chart(ctx1, {
492
+ type: 'line',
493
+ data: {
494
+ labels: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', 'Now'],
495
+ datasets: [{
496
+ label: 'Credentials',
497
+ data: [65, 59, 80, 81, 92, 105, 132],
498
+ borderColor: '#ff5555',
499
+ backgroundColor: 'rgba(255, 85, 85, 0.1)',
500
+ tension: 0.4,
501
+ fill: true,
502
+ borderWidth: 2,
503
+ pointRadius: 0
504
+ }]
505
+ },
506
+ options: {
507
+ responsive: true,
508
+ maintainAspectRatio: false,
509
+ plugins: {
510
+ legend: {
511
+ display: false
512
+ }
513
+ },
514
+ scales: {
515
+ x: {
516
+ display: false,
517
+ grid: {
518
+ display: false
519
+ }
520
+ },
521
+ y: {
522
+ display: false,
523
+ grid: {
524
+ display: false
525
+ }
526
+ }
527
+ }
528
+ }
529
+ });
530
+
531
+ // Forum Activity Chart
532
+ const ctx2 = document.getElementById('forumChart').getContext('2d');
533
+ new Chart(ctx2, {
534
+ type: 'bar',
535
+ data: {
536
+ labels: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', 'Now'],
537
+ datasets: [{
538
+ label: 'Posts',
539
+ data: [30, 42, 55, 72, 63, 88, 102],
540
+ backgroundColor: 'rgba(255, 255, 85, 0.7)',
541
+ borderColor: 'rgba(255, 255, 85, 1)',
542
+ borderWidth: 0
543
+ }]
544
+ },
545
+ options: {
546
+ responsive: true,
547
+ maintainAspectRatio: false,
548
+ plugins: {
549
+ legend: {
550
+ display: false
551
+ }
552
+ },
553
+ scales: {
554
+ x: {
555
+ display: false,
556
+ grid: {
557
+ display: false
558
+ }
559
+ },
560
+ y: {
561
+ display: false,
562
+ grid: {
563
+ display: false
564
+ }
565
+ }
566
+ }
567
+ }
568
+ });
569
+
570
+ // Threat Types Chart
571
+ const ctx3 = document.getElementById('threatChart').getContext('2d');
572
+ new Chart(ctx3, {
573
+ type: 'doughnut',
574
+ data: {
575
+ labels: ['Credential Leaks', 'Chatter Spikes', 'Server Breaches'],
576
+ datasets: [{
577
+ data: [45, 35, 20],
578
+ backgroundColor: [
579
+ 'rgba(255, 85, 85, 0.7)',
580
+ 'rgba(255, 255, 85, 0.7)',
581
+ 'rgba(170, 85, 255, 0.7)'
582
+ ],
583
+ borderColor: [
584
+ 'rgba(255, 85, 85, 1)',
585
+ 'rgba(255, 255, 85, 1)',
586
+ 'rgba(170, 85, 255, 1)'
587
+ ],
588
+ borderWidth: 0
589
+ }]
590
+ },
591
+ options: {
592
+ responsive: true,
593
+ maintainAspectRatio: false,
594
+ plugins: {
595
+ legend: {
596
+ display: false
597
+ }
598
+ },
599
+ cutout: '65%'
600
+ }
601
+ });
602
+
603
+ // Simulate terminal updates
604
+ const terminal = document.getElementById('terminal-content');
605
+ let count = 0;
606
+ setInterval(() => {
607
+ if (count < 3) {
608
+ const newEntry = document.createElement('div');
609
+ newEntry.className = 'mb-1 text-gray-500';
610
+ newEntry.textContent = `[${new Date().toLocaleTimeString()}] Background scan: ${Math.floor(Math.random() * 100)} new items found`;
611
+ terminal.appendChild(newEntry);
612
+ terminal.scrollTop = terminal.scrollHeight;
613
+ count++;
614
+ }
615
+ }, 10000);
616
+
617
+ // Blinking cursor effect
618
+ setInterval(() => {
619
+ const cursor = document.querySelector('.code-input');
620
+ cursor.classList.toggle('opacity-0');
621
+ }, 500);
622
+
623
+ // Quick action functionality
624
+ const quickActions = {
625
+ currentScan: null,
626
+ alertCount: 3,
627
+
628
+ addAlert: function(type, message, details) {
629
+ const alertFeed = document.getElementById('alert-feed');
630
+ const alertCount = document.getElementById('alert-count');
631
+ const alertCountMain = document.getElementById('alert-count-main');
632
+
633
+ const timestamp = new Date().toLocaleTimeString();
634
+
635
+ const alertTypes = {
636
+ 'CRITICAL': 'bg-red-900 text-red-300',
637
+ 'WARNING': 'bg-yellow-900 text-yellow-300',
638
+ 'SUSPICIOUS': 'bg-purple-900 text-purple-300',
639
+ 'INFO': 'bg-blue-900 text-blue-300'
640
+ };
641
+
642
+ const icons = {
643
+ 'CRITICAL': 'fa-exclamation-triangle',
644
+ 'WARNING': 'fa-exclamation-circle',
645
+ 'SUSPICIOUS': 'fa-user-secret',
646
+ 'INFO': 'fa-info-circle'
647
+ };
648
+
649
+ const alertDiv = document.createElement('div');
650
+ alertDiv.className = 'p-3 border-b border-gray-800 hover:bg-gray-950 cursor-pointer transition';
651
+ alertDiv.innerHTML = `
652
+ <div class="flex justify-between items-start mb-1">
653
+ <span class="text-xs ${alertTypes[type]} px-2 py-0.5 rounded-full">${type}</span>
654
+ <span class="text-xs text-gray-500">${timestamp}</span>
655
+ </div>
656
+ <p class="text-sm">${message}</p>
657
+ <p class="text-xs text-gray-400 mt-1 flex items-center">
658
+ <i class="fas ${icons[type]} mr-1"></i> ${details}
659
+ </p>
660
+ `;
661
+
662
+ alertFeed.insertBefore(alertDiv, alertFeed.firstChild);
663
+ this.alertCount++;
664
+ alertCount.textContent = `${this.alertCount} NEW`;
665
+
666
+ // Update the main alert counter in analysis section
667
+ const currentCount = parseInt(alertCountMain.textContent.replace(/,/g, ''));
668
+ alertCountMain.textContent = (currentCount + 1).toLocaleString() + ' ALERTS';
669
+ },
670
+
671
+ terminalMessage: function(message) {
672
+ const terminal = document.getElementById('terminal-content');
673
+ const cursor = document.querySelector('.code-input');
674
+ cursor.remove();
675
+
676
+ const newLine = document.createElement('div');
677
+ newLine.className = 'mb-1';
678
+ newLine.textContent = message;
679
+ terminal.appendChild(newLine);
680
+
681
+ // Add back the cursor
682
+ const prompt = document.createElement('div');
683
+ prompt.className = 'mb-1';
684
+ prompt.innerHTML = '<span class="text-yellow-400">root@shadowwatch:~#</span><span class="code-input"> _</span>';
685
+ terminal.appendChild(prompt);
686
+
687
+ terminal.scrollTop = terminal.scrollHeight;
688
+ },
689
+
690
+ runDeepScan: function() {
691
+ if (this.currentScan) return;
692
+
693
+ this.currentScan = 'deep-scan';
694
+ document.getElementById('scan-progress').classList.remove('hidden');
695
+ document.getElementById('scan-result').classList.add('hidden');
696
+
697
+ const statusMessage = document.getElementById('status-message');
698
+ statusMessage.classList.remove('text-yellow-400', 'blink');
699
+ statusMessage.classList.add('text-green-400');
700
+ statusMessage.textContent = 'RUNNING DEEP SCAN';
701
+
702
+ this.terminalMessage('[+] Initiating deep scan protocol across darknet surfaces...');
703
+
704
+ let progress = 0;
705
+ const scanInterval = setInterval(() => {
706
+ progress += Math.floor(Math.random() * 5) + 1;
707
+ if (progress >= 100) {
708
+ progress = 100;
709
+ clearInterval(scanInterval);
710
+ this.scanComplete();
711
+ this.terminalMessage('[+] Deep scan completed. Analyzing results...');
712
+
713
+ // Add some findings
714
+ setTimeout(() => {
715
+ this.terminalMessage('[!] Detected 3 new data dumps on underground marketplaces');
716
+ this.terminalMessage('[!] Found credentials matching 14 corporate email domains');
717
+ }, 1500);
718
+
719
+ // Add alert
720
+ setTimeout(() => {
721
+ this.addAlert('WARNING', 'Multiple credential dumps detected', '14 corporate domains affected, 3 marketplaces');
722
+ }, 3000);
723
+ }
724
+
725
+ document.getElementById('progress-bar').style.width = `${progress}%`;
726
+ document.getElementById('progress-percent').textContent = `${progress}%`;
727
+ }, 150);
728
+ },
729
+
730
+ runCredentialTrace: function() {
731
+ if (this.currentScan) return;
732
+
733
+ this.currentScan = 'credential-trace';
734
+ document.getElementById('scan-progress').classList.remove('hidden');
735
+ document.getElementById('scan-result').classList.add('hidden');
736
+
737
+ const statusMessage = document.getElementById('status-message');
738
+ statusMessage.classList.remove('text-yellow-400', 'blink');
739
+ statusMessage.classList.add('text-green-400');
740
+ statusMessage.textContent = 'TRACING CREDENTIALS';
741
+
742
+ this.terminalMessage('[+] Initializing credential tracing module...');
743
+ this.terminalMessage('[+] Checking known breaches and paste sites...');
744
+
745
+ let progress = 0;
746
+ const scanInterval = setInterval(() => {
747
+ progress += Math.floor(Math.random() * 10) + 5;
748
+ if (progress >= 100) {
749
+ progress = 100;
750
+ clearInterval(scanInterval);
751
+ this.scanComplete();
752
+ this.terminalMessage('[+] Credential trace completed. Results available.');
753
+
754
+ // Add some findings
755
+ setTimeout(() => {
756
+ this.terminalMessage('[!] Matched 143 credentials against corporate watchlist');
757
+ this.terminalMessage('[!] 12 CEO/C-level credentials found in recent dumps');
758
+ }, 1500);
759
+
760
+ // Add alert
761
+ setTimeout(() => {
762
+ this.addAlert('CRITICAL', 'Executive credentials exposed', '12 C-level credentials found in recent breaches');
763
+ }, 3000);
764
+ }
765
+
766
+ document.getElementById('progress-bar').style.width = `${progress}%`;
767
+ document.getElementById('progress-percent').textContent = `${progress}%`;
768
+ }, 100);
769
+ },
770
+
771
+ runChatterAnalysis: function() {
772
+ if (this.currentScan) return;
773
+
774
+ this.currentScan = 'chatter-analysis';
775
+ document.getElementById('scan-progress').classList.remove('hidden');
776
+ document.getElementById('scan-result').classList.add('hidden');
777
+
778
+ const statusMessage = document.getElementById('status-message');
779
+ statusMessage.classList.remove('text-yellow-400', 'blink');
780
+ statusMessage.classList.add('text-green-400');
781
+ statusMessage.textContent = 'ANALYZING CHATTER';
782
+
783
+ this.terminalMessage('[+] Connecting to darknet chat channels...');
784
+ this.terminalMessage('[+] Initializing natural language processing...');
785
+
786
+ let progress = 0;
787
+ const scanInterval = setInterval(() => {
788
+ progress += Math.floor(Math.random() * 15) + 5;
789
+ if (progress >= 100) {
790
+ progress = 100;
791
+ clearInterval(scanInterval);
792
+ this.scanComplete();
793
+ this.terminalMessage('[+] Chatter analysis completed. Trends identified.');
794
+
795
+ // Add some findings
796
+ setTimeout(() => {
797
+ this.terminalMessage('[!] 72% increase in mentions of "supply chain attack"');
798
+ this.terminalMessage('[!] New ransomware variant "ShadowKill" discussed in 3 forums');
799
+ }, 1500);
800
+
801
+ // Add alert
802
+ setTimeout(() => {
803
+ this.addAlert('SUSPICIOUS', 'Emerging ransomware variant detected', 'New "ShadowKill" ransomware discussed across 3 forums');
804
+ }, 3000);
805
+ }
806
+
807
+ document.getElementById('progress-bar').style.width = `${progress}%`;
808
+ document.getElementById('progress-percent').textContent = `${progress}%`;
809
+ }, 80);
810
+ },
811
+
812
+ runIdentityAlert: function() {
813
+ if (this.currentScan) return;
814
+
815
+ this.currentScan = 'identity-alert';
816
+ document.getElementById('scan-progress').classList.remove('hidden');
817
+ document.getElementById('scan-result').classList.add('hidden');
818
+
819
+ const statusMessage = document.getElementById('status-message');
820
+ statusMessage.classList.remove('text-yellow-400', 'blink');
821
+ statusMessage.classList.add('text-green-400');
822
+ statusMessage.textContent = 'MONITORING IDENTITIES';
823
+
824
+ this.terminalMessage('[+] Scanning for mentions of protected identities...');
825
+ this.terminalMessage('[+] Checking deep/dark web archives...');
826
+
827
+ let progress = 0;
828
+ const scanInterval = setInterval(() => {
829
+ progress += Math.floor(Math.random() * 20) + 10;
830
+ if (progress >= 100) {
831
+ progress = 100;
832
+ clearInterval(scanInterval);
833
+ this.scanComplete();
834
+ this.terminalMessage('[+] Identity monitoring sweep completed.');
835
+
836
+ // Add some findings
837
+ setTimeout(() => {
838
+ this.terminalMessage('[!] 3 protected identities mentioned in hacker forums');
839
+ this.terminalMessage('[!] 1 identity potentially compromised - immediate action advised');
840
+ }, 1500);
841
+
842
+ // Add alert
843
+ setTimeout(() => {
844
+ this.addAlert('CRITICAL', 'Protected identity potentially exposed', 'High-profile identity compromise detected');
845
+ }, 3000);
846
+ }
847
+
848
+ document.getElementById('progress-bar').style.width = `${progress}%`;
849
+ document.getElementById('progress-percent').textContent = `${progress}%`;
850
+ }, 50);
851
+ },
852
+
853
+ scanComplete: function() {
854
+ document.getElementById('progress-bar').style.width = '100%';
855
+ document.getElementById('progress-percent').textContent = '100%';
856
+
857
+ setTimeout(() => {
858
+ document.getElementById('scan-result').classList.remove('hidden');
859
+ this.currentScan = null;
860
+
861
+ const statusMessage = document.getElementById('status-message');
862
+ statusMessage.classList.remove('text-green-400');
863
+ statusMessage.classList.add('text-yellow-400', 'blink');
864
+ statusMessage.textContent = 'AWAITING COMMANDS';
865
+ }, 1000);
866
+ },
867
+
868
+ killswitch: function() {
869
+ const terminal = document.getElementById('terminal-content');
870
+ this.terminalMessage('[!] ACTIVATING EMERGENCY KILLSWITCH PROTOCOL...');
871
+ this.terminalMessage('[+] Disconnecting from TOR network...');
872
+ this.terminalMessage('[+] Wiping session data...');
873
+ this.terminalMessage('[+] Terminating all connections...');
874
+ this.terminalMessage('[!] SYSTEM SHUTDOWN INITIATED.');
875
+
876
+ document.querySelectorAll('button').forEach(btn => {
877
+ btn.disabled = true;
878
+ });
879
+
880
+ document.body.style.backgroundColor = '#000';
881
+
882
+ setTimeout(() => {
883
+ document.body.innerHTML = `
884
+ <div class="h-screen w-full bg-black flex items-center justify-center">
885
+ <div class="text-center">
886
+ <h1 class="text-red-500 text-4xl mb-4">SYSTEM TERMINATED</h1>
887
+ <p class="text-gray-500">All connections terminated. Secure wipe complete.</p>
888
+ <p class="text-gray-500 mt-8">Refresh page to restart (simulated)</p>
889
+ </div>
890
+ </div>
891
+ `;
892
+ }, 3000);
893
+ }
894
+ };
895
+
896
+ // Event listeners for quick actions
897
+ document.getElementById('deep-scan').addEventListener('click', () => quickActions.runDeepScan());
898
+ document.getElementById('credential-trace').addEventListener('click', () => quickActions.runCredentialTrace());
899
+ document.getElementById('chatter-analysis').addEventListener('click', () => quickActions.runChatterAnalysis());
900
+ document.getElementById('identity-alert').addEventListener('click', () => quickActions.runIdentityAlert());
901
+ document.getElementById('killswitch').addEventListener('click', () => quickActions.killswitch());
902
+
903
+ // Terminal control buttons
904
+ document.getElementById('clear-terminal').addEventListener('click', () => {
905
+ document.getElementById('terminal-content').innerHTML = '<div class="mb-1"><span class="text-yellow-400">root@shadowwatch:~#</span><span class="code-input"> _</span></div>';
906
+ });
907
+
908
+ document.getElementById('refresh-terminal').addEventListener('click', () => {
909
+ quickActions.terminalMessage('[+] Refreshing terminal session...');
910
+ setTimeout(() => {
911
+ quickActions.terminalMessage('[+] Terminal refreshed. All connections stable.');
912
+ }, 800);
913
+ });
914
+ });
915
+ </script>
916
+ <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 <a href="https://enzostvs-deepsite.hf.space" style="color: #fff;" target="_blank" >DeepSite</a> <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;"></p></body>
917
+ </html>