Hugging Face's logo

Spaces:
cyberviser
/
deepsite-project-e6e74
Running

App Files Community
cyberviser commited on
Commit
0adca4b
·
verified ·
1 Parent(s): a03c75d

Initial DeepSite commit

Browse files
Files changed (4) hide show
  1. README.md +8 -5
  2. index.html +355 -19
  3. script.js +341 -0
  4. style.css +169 -19
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Deepsite Project E6e74
3
- emoji: 🐨
4
- colorFrom: green
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: DeepSite Project
3
+ colorFrom: red
 
4
  colorTo: pink
5
  sdk: static
6
+ emoji: 🔧
7
+ tags:
8
+ - deepsite-v4
9
  ---
10
 
11
+ # DeepSite Project
12
+
13
+ This project has been created with [DeepSite](https://deepsite.hf.co) AI Vibe Coding.
index.html CHANGED
@@ -1,19 +1,355 @@
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>Zero-Day Hunter Dashboard 🔐</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap" rel="stylesheet">
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ 'hacker-green': '#00ff00',
16
+ 'hacker-dark': '#0a0a0a',
17
+ 'bug-red': '#ff3333',
18
+ 'bounty-gold': '#ffcc00',
19
+ 'zero-day-blue': '#0066ff',
20
+ 'dark-panel': '#1a1a1a'
21
+ },
22
+ fontFamily: {
23
+ 'mono': ['Fira Code', 'monospace'],
24
+ 'inter': ['Inter', 'sans-serif']
25
+ },
26
+ animation: {
27
+ 'pulse-glow': 'pulse-glow 2s infinite',
28
+ 'scan-line': 'scan-line 3s linear infinite',
29
+ 'typewriter': 'typewriter 4s steps(40) 1s 1 normal both',
30
+ },
31
+ keyframes: {
32
+ 'pulse-glow': {
33
+ '0%, 100%': { boxShadow: '0 0 5px #00ff00' },
34
+ '50%': { boxShadow: '0 0 20px #00ff00, 0 0 30px #00ff00' }
35
+ },
36
+ 'scan-line': {
37
+ '0%': { transform: 'translateY(-100%)' },
38
+ '100%': { transform: 'translateY(100vh)' }
39
+ },
40
+ 'typewriter': {
41
+ 'from': { width: '0' },
42
+ 'to': { width: '100%' }
43
+ }
44
+ }
45
+ }
46
+ }
47
+ }
48
+ </script>
49
+ </head>
50
+ <body class="bg-hacker-dark text-gray-200 font-inter min-h-screen overflow-x-hidden">
51
+ <!-- Scan line effect -->
52
+ <div class="scan-line fixed top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-hacker-green to-transparent z-50 pointer-events-none"></div>
53
+
54
+ <!-- Header -->
55
+ <header class="sticky top-0 z-40 bg-dark-panel/90 backdrop-blur-md border-b border-gray-800">
56
+ <div class="container mx-auto px-4 py-3">
57
+ <div class="flex flex-col md:flex-row justify-between items-center">
58
+ <div class="flex items-center space-x-3 mb-4 md:mb-0">
59
+ <div class="w-10 h-10 rounded-full bg-gradient-to-br from-hacker-green to-zero-day-blue flex items-center justify-center">
60
+ <span class="text-xl font-bold">⚡</span>
61
+ </div>
62
+ <div>
63
+ <h1 class="text-2xl font-bold bg-gradient-to-r from-hacker-green to-zero-day-blue bg-clip-text text-transparent font-mono">
64
+ ZERO_DAY_HUNTER
65
+ </h1>
66
+ <p class="text-xs text-gray-400 font-mono">// Strictly Pentesting // Bug Bounties Only</p>
67
+ </div>
68
+ </div>
69
+
70
+ <div class="flex items-center space-x-4">
71
+ <div class="hidden md:flex items-center space-x-6">
72
+ <span class="px-3 py-1 bg-bug-red/20 text-bug-red rounded-full text-sm font-medium">Active Hunter</span>
73
+ <span class="px-3 py-1 bg-bounty-gold/20 text-bounty-gold rounded-full text-sm font-medium">$$$ Bounty Mode</span>
74
+ </div>
75
+ <div class="relative">
76
+ <div class="w-3 h-3 bg-hacker-green rounded-full animate-ping absolute -top-1 -right-1"></div>
77
+ <div class="w-3 h-3 bg-hacker-green rounded-full"></div>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </header>
83
+
84
+ <main class="container mx-auto px-4 py-8">
85
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
86
+ <!-- Left Column -->
87
+ <div class="lg:col-span-2 space-y-8">
88
+ <!-- Stats Overview -->
89
+ <div class="bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
90
+ <div class="flex justify-between items-center mb-6">
91
+ <h2 class="text-xl font-bold text-white font-mono">// HUNTING STATS</h2>
92
+ <span class="text-xs text-gray-400 font-mono">LIVE</span>
93
+ </div>
94
+
95
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
96
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800">
97
+ <div class="text-3xl font-bold text-hacker-green mb-1">47</div>
98
+ <div class="text-sm text-gray-400">Programs Tracked</div>
99
+ <div class="text-xs text-gray-500 mt-2">HackerOne, Bugcrowd</div>
100
+ </div>
101
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800">
102
+ <div class="text-3xl font-bold text-bug-red mb-1">12</div>
103
+ <div class="text-sm text-gray-400">Critical Bugs</div>
104
+ <div class="text-xs text-gray-500 mt-2">P1 / P0 Vulnerabilities</div>
105
+ </div>
106
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800">
107
+ <div class="text-3xl font-bold text-bounty-gold mb-1">$84.5K</div>
108
+ <div class="text-sm text-gray-400">Total Bounties</div>
109
+ <div class="text-xs text-gray-500 mt-2">Lifetime Earnings</div>
110
+ </div>
111
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800">
112
+ <div class="text-3xl font-bold text-zero-day-blue mb-1">3</div>
113
+ <div class="text-sm text-gray-400">Zero-Days</div>
114
+ <div class="text-xs text-gray-500 mt-2">Currently Hunting</div>
115
+ </div>
116
+ </div>
117
+ </div>
118
+
119
+ <!-- Active Targets -->
120
+ <div class="bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
121
+ <div class="flex justify-between items-center mb-6">
122
+ <h2 class="text-xl font-bold text-white font-mono">// ACTIVE TARGETS</h2>
123
+ <button class="px-4 py-2 bg-hacker-green text-black rounded-lg text-sm font-medium hover:bg-hacker-green/90 transition">
124
+ + New Target
125
+ </button>
126
+ </div>
127
+
128
+ <div class="space-y-4">
129
+ <div class="border border-gray-800 rounded-xl p-4 hover:border-hacker-green/50 transition group">
130
+ <div class="flex justify-between items-start">
131
+ <div>
132
+ <div class="flex items-center space-x-2 mb-2">
133
+ <span class="w-2 h-2 bg-hacker-green rounded-full animate-pulse"></span>
134
+ <h3 class="font-bold text-white">Google VRP</h3>
135
+ <span class="px-2 py-1 bg-bounty-gold/20 text-bounty-gold rounded text-xs">$$$ HIGH</span>
136
+ </div>
137
+ <p class="text-gray-400 text-sm mb-3">Web, Android, Chrome - Multiple attack vectors</p>
138
+ <div class="flex space-x-4 text-xs">
139
+ <span class="text-gray-500">Last tested: 2h ago</span>
140
+ <span class="text-hacker-green">Scope: ✅</span>
141
+ <span class="text-bug-red">Critical: 5</span>
142
+ </div>
143
+ </div>
144
+ <button class="px-3 py-1 border border-gray-700 rounded-lg text-sm hover:border-hacker-green transition">
145
+ Attack
146
+ </button>
147
+ </div>
148
+ </div>
149
+
150
+ <div class="border border-gray-800 rounded-xl p-4 hover:border-zero-day-blue/50 transition group">
151
+ <div class="flex justify-between items-start">
152
+ <div>
153
+ <div class="flex items-center space-x-2 mb-2">
154
+ <span class="w-2 h-2 bg-zero-day-blue rounded-full animate-pulse"></span>
155
+ <h3 class="font-bold text-white">Facebook (Zero-Day Focus)</h3>
156
+ <span class="px-2 py-1 bg-zero-day-blue/20 text-zero-day-blue rounded text-xs">ZERO-DAY</span>
157
+ </div>
158
+ <p class="text-gray-400 text-sm mb-3">GraphQL, React, Internal APIs - Privilege escalation focus</p>
159
+ <div class="flex space-x-4 text-xs">
160
+ <span class="text-gray-500">Research phase</span>
161
+ <span class="text-zero-day-blue">Potential: ★★★★☆</span>
162
+ <span class="text-bounty-gold">Max bounty: $30K</span>
163
+ </div>
164
+ </div>
165
+ <button class="px-3 py-1 border border-gray-700 rounded-lg text-sm hover:border-zero-day-blue transition">
166
+ Research
167
+ </button>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </div>
172
+
173
+ <!-- Hunting Tools -->
174
+ <div class="bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
175
+ <h2 class="text-xl font-bold text-white font-mono mb-6">// HUNTING TOOLS</h2>
176
+
177
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
178
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800 hover:border-hacker-green transition text-center">
179
+ <div class="text-2xl mb-2">🔍</div>
180
+ <h3 class="font-medium mb-1">Recon</h3>
181
+ <p class="text-xs text-gray-500">Subdomain enum</p>
182
+ </div>
183
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800 hover:border-bug-red transition text-center">
184
+ <div class="text-2xl mb-2">⚡</div>
185
+ <h3 class="font-medium mb-1">XSS Payloads</h3>
186
+ <p class="text-xs text-gray-500">1000+ vectors</p>
187
+ </div>
188
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800 hover:border-zero-day-blue transition text-center">
189
+ <div class="text-2xl mb-2">🔐</div>
190
+ <h3 class="font-medium mb-1">SQLi Fuzzer</h3>
191
+ <p class="text-xs text-gray-500">Blind/time-based</p>
192
+ </div>
193
+ <div class="bg-gray-900/50 rounded-xl p-4 border border-gray-800 hover:border-bounty-gold transition text-center">
194
+ <div class="text-2xl mb-2">📈</div>
195
+ <h3 class="font-medium mb-1">Bounty Calc</h3>
196
+ <p class="text-xs text-gray-500">Estimate rewards</p>
197
+ </div>
198
+ </div>
199
+ </div>
200
+ </div>
201
+
202
+ <!-- Right Column -->
203
+ <div class="space-y-8">
204
+ <!-- Zero-Day Tracker -->
205
+ <div class="bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
206
+ <h2 class="text-xl font-bold text-white font-mono mb-6">// ZERO-DAY TRACKER</h2>
207
+
208
+ <div class="space-y-4">
209
+ <div class="p-4 bg-gradient-to-r from-gray-900 to-gray-900/50 rounded-xl border border-gray-800">
210
+ <div class="flex justify-between items-start mb-2">
211
+ <span class="px-2 py-1 bg-bug-red/20 text-bug-red rounded text-xs">CRITICAL</span>
212
+ <span class="text-xs text-gray-500">2 days ago</span>
213
+ </div>
214
+ <h3 class="font-bold text-white mb-2">CVE-2024-XXXX</h3>
215
+ <p class="text-sm text-gray-400 mb-3">Remote Code Execution in Web Framework</p>
216
+ <div class="flex justify-between text-xs">
217
+ <span class="text-bounty-gold">Bounty: $50K+</span>
218
+ <span class="text-hacker-green">Status: Hunting</span>
219
+ </div>
220
+ </div>
221
+
222
+ <div class="p-4 bg-gradient-to-r from-gray-900 to-gray-900/50 rounded-xl border border-gray-800">
223
+ <div class="flex justify-between items-start mb-2">
224
+ <span class="px-2 py-1 bg-zero-day-blue/20 text-zero-day-blue rounded text-xs">RESEARCH</span>
225
+ <span class="text-xs text-gray-500">5 days ago</span>
226
+ </div>
227
+ <h3 class="font-bold text-white mb-2">Auth Bypass Chain</h3>
228
+ <p class="text-sm text-gray-400 mb-3">JWT + OAuth flow vulnerability</p>
229
+ <div class="flex justify-between text-xs">
230
+ <span class="text-bounty-gold">Potential: $25K</span>
231
+ <span class="text-gray-500">Status: Analyzing</span>
232
+ </div>
233
+ </div>
234
+ </div>
235
+ </div>
236
+
237
+ <!-- Quick Actions -->
238
+ <div class="bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
239
+ <h2 class="text-xl font-bold text-white font-mono mb-6">// QUICK ACTIONS</h2>
240
+
241
+ <div class="space-y-3">
242
+ <button class="w-full p-3 bg-gray-900/50 border border-gray-800 rounded-xl text-left hover:border-hacker-green transition group">
243
+ <div class="flex items-center space-x-3">
244
+ <div class="w-8 h-8 rounded-lg bg-hacker-green/20 flex items-center justify-center">
245
+ <span>📝</span>
246
+ </div>
247
+ <div>
248
+ <div class="font-medium">Submit Report</div>
249
+ <div class="text-xs text-gray-500">Upload to HackerOne</div>
250
+ </div>
251
+ </div>
252
+ </button>
253
+
254
+ <button class="w-full p-3 bg-gray-900/50 border border-gray-800 rounded-xl text-left hover:border-zero-day-blue transition group">
255
+ <div class="flex items-center space-x-3">
256
+ <div class="w-8 h-8 rounded-lg bg-zero-day-blue/20 flex items-center justify-center">
257
+ <span>🔬</span>
258
+ </div>
259
+ <div>
260
+ <div class="font-medium">Analyze PoC</div>
261
+ <div class="text-xs text-gray-500">Review exploit code</div>
262
+ </div>
263
+ </div>
264
+ </button>
265
+
266
+ <button class="w-full p-3 bg-gray-900/50 border border-gray-800 rounded-xl text-left hover:border-bounty-gold transition group">
267
+ <div class="flex items-center space-x-3">
268
+ <div class="w-8 h-8 rounded-lg bg-bounty-gold/20 flex items-center justify-center">
269
+ <span>💰</span>
270
+ </div>
271
+ <div>
272
+ <div class="font-medium">Check Bounties</div>
273
+ <div class="text-xs text-gray-500">New opportunities</div>
274
+ </div>
275
+ </div>
276
+ </button>
277
+ </div>
278
+ </div>
279
+
280
+ <!-- Pentester's Manifesto -->
281
+ <div class="bg-gradient-to-br from-gray-900 to-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
282
+ <h2 class="text-xl font-bold text-white font-mono mb-4">// MANIFESTO</h2>
283
+ <div class="space-y-3 text-sm">
284
+ <p class="text-gray-300">"Strictly pentesting. Bug bounties only."</p>
285
+ <p class="text-gray-400">• Zero-days are the ultimate prize</p>
286
+ <p class="text-gray-400">• Ethical disclosure only</p>
287
+ <p class="text-gray-400">• Automation for reconnaissance</p>
288
+ <p class="text-gray-400">• Manual for exploitation</p>
289
+ <p class="text-gray-400">• Quality over quantity</p>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ </div>
294
+
295
+ <!-- Recent Activity -->
296
+ <div class="mt-8 bg-dark-panel rounded-2xl border border-gray-800 p-6 shadow-lg">
297
+ <h2 class="text-xl font-bold text-white font-mono mb-6">// RECENT ACTIVITY</h2>
298
+
299
+ <div class="overflow-x-auto">
300
+ <table class="w-full text-sm">
301
+ <thead>
302
+ <tr class="border-b border-gray-800">
303
+ <th class="py-3 text-left text-gray-400 font-medium">Time</th>
304
+ <th class="py-3 text-left text-gray-400 font-medium">Action</th>
305
+ <th class="py-3 text-left text-gray-400 font-medium">Target</th>
306
+ <th class="py-3 text-left text-gray-400 font-medium">Status</th>
307
+ </tr>
308
+ </thead>
309
+ <tbody>
310
+ <tr class="border-b border-gray-800/50">
311
+ <td class="py-3 text-gray-500">10:45 AM</td>
312
+ <td class="py-3">SQL Injection Test</td>
313
+ <td class="py-3 text-hacker-green">api.target.com</td>
314
+ <td class="py-3"><span class="px-2 py-1 bg-bug-red/20 text-bug-red rounded text-xs">VULNERABLE</span></td>
315
+ </tr>
316
+ <tr class="border-b border-gray-800/50">
317
+ <td class="py-3 text-gray-500">09:30 AM</td>
318
+ <td class="py-3">XSS Payload Delivery</td>
319
+ <td class="py-3 text-hacker-green">app.victim.com</td>
320
+ <td class="py-3"><span class="px-2 py-1 bg-bounty-gold/20 text-bounty-gold rounded text-xs">PENDING</span></td>
321
+ </tr>
322
+ <tr class="border-b border-gray-800/50">
323
+ <td class="py-3 text-gray-500">Yesterday</td>
324
+ <td class="py-3">Subdomain Enumeration</td>
325
+ <td class="py-3 text-hacker-green">megacorp.com</td>
326
+ <td class="py-3"><span class="px-2 py-1 bg-zero-day-blue/20 text-zero-day-blue rounded text-xs">RESEARCH</span></td>
327
+ </tr>
328
+ </tbody>
329
+ </table>
330
+ </div>
331
+ </div>
332
+ </main>
333
+
334
+ <!-- Footer -->
335
+ <footer class="mt-12 border-t border-gray-800 py-6">
336
+ <div class="container mx-auto px-4">
337
+ <div class="flex flex-col md:flex-row justify-between items-center">
338
+ <div class="mb-4 md:mb-0">
339
+ <p class="text-gray-500 text-sm font-mono">// Strictly Pentesting // Bug Bounties Only</p>
340
+ <p class="text-gray-600 text-xs mt-1">Zero-Day Hunter Dashboard v2.0</p>
341
+ </div>
342
+ <div class="flex space-x-6">
343
+ <span class="text-gray-500 text-sm">Ethical Hacking Only</span>
344
+ <span class="text-gray-500 text-sm">Responsible Disclosure</span>
345
+ <span class="text-gray-500 text-sm">No Malicious Activity</span>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </footer>
350
+
351
+ <!-- JavaScript -->
352
+ <script src="script.js"></script>
353
+ <script src="https://deepsite.hf.co/deepsite-badge.js"></script>
354
+ </body>
355
+ </html>
script.js ADDED
@@ -0,0 +1,341 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // Zero-Day Hunter Dashboard - Main JavaScript
2
+
3
+ document.addEventListener('DOMContentLoaded', function() {
4
+ console.log('%c🔐 Zero-Day Hunter Dashboard Initialized', 'color: #00ff00; font-size: 16px; font-weight: bold;');
5
+ console.log('%cStrictly Pentesting | Bug Bounties Only', 'color: #cccccc;');
6
+
7
+ // Initialize animations and interactions
8
+ initDashboard();
9
+ initHuntingTools();
10
+ initActivitySimulator();
11
+ initManifesto();
12
+ });
13
+
14
+ function initDashboard() {
15
+ // Update real-time stats
16
+ updateStats();
17
+
18
+ // Add click effects to targets
19
+ const targets = document.querySelectorAll('.border-gray-800');
20
+ targets.forEach(target => {
21
+ target.addEventListener('click', function() {
22
+ this.classList.add('border-hacker-green');
23
+ setTimeout(() => {
24
+ this.classList.remove('border-hacker-green');
25
+ }, 500);
26
+ });
27
+ });
28
+
29
+ // Add tooltip functionality
30
+ const toolIcons = document.querySelectorAll('.bg-gray-900\\/50');
31
+ toolIcons.forEach(tool => {
32
+ tool.addEventListener('mouseenter', function() {
33
+ const toolName = this.querySelector('h3').textContent;
34
+ showTooltip(toolName);
35
+ });
36
+
37
+ tool.addEventListener('mouseleave', function() {
38
+ hideTooltip();
39
+ });
40
+ });
41
+ }
42
+
43
+ function updateStats() {
44
+ // Simulate real-time stat updates
45
+ setInterval(() => {
46
+ const stats = document.querySelectorAll('.text-3xl');
47
+ stats.forEach(stat => {
48
+ const current = parseInt(stat.textContent);
49
+ if (current < 100) { // Only animate smaller numbers
50
+ const change = Math.random() > 0.7 ? 1 : 0;
51
+ if (change && Math.random() > 0.5) {
52
+ stat.textContent = current + change;
53
+ stat.classList.add('animate-pulse');
54
+ setTimeout(() => {
55
+ stat.classList.remove('animate-pulse');
56
+ }, 1000);
57
+ }
58
+ }
59
+ });
60
+ }, 5000);
61
+ }
62
+
63
+ function initHuntingTools() {
64
+ // Tool buttons functionality
65
+ const toolButtons = document.querySelectorAll('.hover\\:border-hacker-green, .hover\\:border-bug-red, .hover\\:border-zero-day-blue');
66
+
67
+ toolButtons.forEach(button => {
68
+ button.addEventListener('click', function(e) {
69
+ e.stopPropagation();
70
+ const toolName = this.querySelector('h3')?.textContent || 'Tool';
71
+ const toolDesc = this.querySelector('.text-xs')?.textContent || '';
72
+
73
+ showToolModal(toolName, toolDesc);
74
+ });
75
+ });
76
+
77
+ // Quick action buttons
78
+ const actionButtons = document.querySelectorAll('.group');
79
+ actionButtons.forEach(button => {
80
+ button.addEventListener('click', function() {
81
+ const action = this.querySelector('.font-medium').textContent;
82
+ simulateAction(action);
83
+ });
84
+ });
85
+ }
86
+
87
+ function simulateAction(action) {
88
+ const messages = {
89
+ 'Submit Report': '📤 Preparing report for submission to HackerOne...',
90
+ 'Analyze PoC': '🔍 Analyzing proof-of-concept code...',
91
+ 'Check Bounties': '💰 Fetching latest bounty opportunities...'
92
+ };
93
+
94
+ const message = messages[action] || `Executing: ${action}`;
95
+
96
+ // Create notification
97
+ showNotification(message);
98
+
99
+ // Add to activity log
100
+ addActivityLog(action);
101
+ }
102
+
103
+ function showTooltip(text) {
104
+ // Remove existing tooltip
105
+ const existing = document.querySelector('.custom-tooltip');
106
+ if (existing) existing.remove();
107
+
108
+ // Create new tooltip
109
+ const tooltip = document.createElement('div');
110
+ tooltip.className = 'custom-tooltip fixed z-50 bg-gray-900 text-white px-3 py-2 rounded-lg text-sm border border-gray-700 shadow-lg';
111
+ tooltip.textContent = `Tool: ${text}`;
112
+ tooltip.style.top = `${event.clientY + 10}px`;
113
+ tooltip.style.left = `${event.clientX + 10}px`;
114
+
115
+ document.body.appendChild(tooltip);
116
+
117
+ // Update position on mouse move
118
+ document.addEventListener('mousemove', function moveTooltip(e) {
119
+ tooltip.style.top = `${e.clientY + 10}px`;
120
+ tooltip.style.left = `${e.clientX + 10}px`;
121
+ });
122
+
123
+ // Store reference for removal
124
+ tooltip._moveHandler = moveTooltip;
125
+ }
126
+
127
+ function hideTooltip() {
128
+ const tooltip = document.querySelector('.custom-tooltip');
129
+ if (tooltip) {
130
+ document.removeEventListener('mousemove', tooltip._moveHandler);
131
+ tooltip.remove();
132
+ }
133
+ }
134
+
135
+ function showToolModal(toolName, description) {
136
+ // Create modal
137
+ const modal = document.createElement('div');
138
+ modal.className = 'fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm';
139
+ modal.innerHTML = `
140
+ <div class="bg-dark-panel border border-gray-800 rounded-2xl p-6 max-w-md w-full mx-4">
141
+ <div class="flex justify-between items-center mb-4">
142
+ <h3 class="text-xl font-bold text-white font-mono">${toolName}</h3>
143
+ <button class="text-gray-400 hover:text-white text-2xl" onclick="this.closest('.fixed').remove()">&times;</button>
144
+ </div>
145
+ <p class="text-gray-300 mb-6">${description}</p>
146
+ <div class="space-y-3">
147
+ <button class="w-full p-3 bg-hacker-green text-black rounded-lg font-medium hover:bg-hacker-green/90 transition">
148
+ Launch Tool
149
+ </button>
150
+ <button class="w-full p-3 border border-gray-700 rounded-lg hover:border-gray-500 transition" onclick="this.closest('.fixed').remove()">
151
+ Cancel
152
+ </button>
153
+ </div>
154
+ </div>
155
+ `;
156
+
157
+ document.body.appendChild(modal);
158
+
159
+ // Close on escape
160
+ modal.addEventListener('keydown', function(e) {
161
+ if (e.key === 'Escape') modal.remove();
162
+ });
163
+
164
+ // Launch tool functionality
165
+ modal.querySelector('.bg-hacker-green').addEventListener('click', function() {
166
+ showNotification(`🚀 Launching ${toolName}...`);
167
+ modal.remove();
168
+
169
+ // Simulate tool loading
170
+ setTimeout(() => {
171
+ showNotification(`✅ ${toolName} loaded successfully`);
172
+ }, 1500);
173
+ });
174
+ }
175
+
176
+ function initActivitySimulator() {
177
+ // Simulate live activity updates
178
+ setInterval(() => {
179
+ const activities = [
180
+ 'Subdomain scanning in progress',
181
+ 'Analyzing JavaScript files',
182
+ 'Testing authentication endpoints',
183
+ 'Fuzzing API parameters',
184
+ 'Checking for CORS misconfigurations',
185
+ 'Testing for SSRF vulnerabilities',
186
+ 'Analyzing JWT tokens',
187
+ 'Testing GraphQL introspection'
188
+ ];
189
+
190
+ const randomActivity = activities[Math.floor(Math.random() * activities.length)];
191
+
192
+ // Only update sometimes
193
+ if (Math.random() > 0.7) {
194
+ addActivityLog(randomActivity);
195
+ }
196
+ }, 10000);
197
+ }
198
+
199
+ function addActivityLog(action) {
200
+ const activityLog = document.querySelector('tbody');
201
+ if (!activityLog) return;
202
+
203
+ const now = new Date();
204
+ const timeString = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
205
+
206
+ const statuses = ['VULNERABLE', 'PENDING', 'RESEARCH', 'ANALYZING'];
207
+ const statusColors = ['bug-red', 'bounty-gold', 'zero-day-blue', 'gray-500'];
208
+ const randomStatus = Math.floor(Math.random() * statuses.length);
209
+
210
+ const row = document.createElement('tr');
211
+ row.className = 'border-b border-gray-800/50';
212
+ row.innerHTML = `
213
+ <td class="py-3 text-gray-500">${timeString}</td>
214
+ <td class="py-3">${action}</td>
215
+ <td class="py-3 text-hacker-green">target-${Math.floor(Math.random() * 100)}.com</td>
216
+ <td class="py-3">
217
+ <span class="px-2 py-1 bg-${statusColors[randomStatus]}/20 text-${statusColors[randomStatus]} rounded text-xs">
218
+ ${statuses[randomStatus]}
219
+ </span>
220
+ </td>
221
+ `;
222
+
223
+ // Add at the top
224
+ activityLog.insertBefore(row, activityLog.firstChild);
225
+
226
+ // Limit to 10 entries
227
+ if (activityLog.children.length > 10) {
228
+ activityLog.removeChild(activityLog.lastChild);
229
+ }
230
+
231
+ // Add animation
232
+ row.classList.add('bg-gray-900/30');
233
+ setTimeout(() => {
234
+ row.classList.remove('bg-gray-900/30');
235
+ }, 1000);
236
+ }
237
+
238
+ function showNotification(message) {
239
+ // Remove existing notification
240
+ const existing = document.querySelector('.custom-notification');
241
+ if (existing) existing.remove();
242
+
243
+ // Create notification
244
+ const notification = document.createElement('div');
245
+ notification.className = 'custom-notification fixed top-4 right-4 z-50 bg-dark-panel border border-gray-800 rounded-xl p-4 shadow-lg transform translate-x-full animate-slide-in';
246
+ notification.innerHTML = `
247
+ <div class="flex items-center space-x-3">
248
+ <div class="w-8 h-8 rounded-full bg-hacker-green/20 flex items-center justify-center">
249
+ <span>⚡</span>
250
+ </div>
251
+ <div>
252
+ <p class="text-white text-sm">${message}</p>
253
+ </div>
254
+ </div>
255
+ `;
256
+
257
+ document.body.appendChild(notification);
258
+
259
+ // Animate in
260
+ setTimeout(() => {
261
+ notification.classList.remove('translate-x-full');
262
+ notification.classList.add('translate-x-0');
263
+ }, 10);
264
+
265
+ // Remove after 3 seconds
266
+ setTimeout(() => {
267
+ notification.classList.remove('translate-x-0');
268
+ notification.classList.add('translate-x-full');
269
+ setTimeout(() => {
270
+ notification.remove();
271
+ }, 300);
272
+ }, 3000);
273
+ }
274
+
275
+ function initManifesto() {
276
+ // Make manifesto interactive
277
+ const manifesto = document.querySelector('.bg-gradient-to-br');
278
+ if (manifesto) {
279
+ manifesto.addEventListener('click', function() {
280
+ const lines = this.querySelectorAll('p');
281
+ lines.forEach((line, index) => {
282
+ setTimeout(() => {
283
+ line.classList.add('text-hacker-green');
284
+ setTimeout(() => {
285
+ line.classList.remove('text-hacker-green');
286
+ }, 1000);
287
+ }, index * 200);
288
+ });
289
+ });
290
+ }
291
+ }
292
+
293
+ // Add CSS for animations
294
+ const style = document.createElement('style');
295
+ style.textContent = `
296
+ @keyframes slide-in {
297
+ from {
298
+ transform: translateX(100%);
299
+ }
300
+ to {
301
+ transform: translateX(0);
302
+ }
303
+ }
304
+
305
+ .animate-slide-in {
306
+ animation: slide-in 0.3s ease-out forwards;
307
+ }
308
+
309
+ .custom-notification {
310
+ transition: transform 0.3s ease-out;
311
+ }
312
+ `;
313
+ document.head.appendChild(style);
314
+
315
+ // Export functions for global access (if needed)
316
+ window.ZeroDayHunter = {
317
+ showNotification,
318
+ addActivityLog,
319
+ simulateAction
320
+ };
321
+
322
+ // Keyboard shortcuts
323
+ document.addEventListener('keydown', function(e) {
324
+ // Ctrl+Shift+H for help
325
+ if (e.ctrlKey && e.shiftKey && e.key === 'H') {
326
+ showNotification('🆘 Keyboard Shortcuts: Ctrl+Shift+R (Refresh Stats) | Ctrl+Shift+T (New Target)');
327
+ }
328
+
329
+ // Ctrl+Shift+R to refresh stats
330
+ if (e.ctrlKey && e.shiftKey && e.key === 'R') {
331
+ e.preventDefault();
332
+ updateStats();
333
+ showNotification('📊 Refreshing hunting statistics...');
334
+ }
335
+
336
+ // Ctrl+Shift+T to add new target
337
+ if (e.ctrlKey && e.shiftKey && e.key === 'T') {
338
+ e.preventDefault();
339
+ simulateAction('Add New Target');
340
+ }
341
+ });
style.css CHANGED
@@ -1,28 +1,178 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
  }
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
 
 
 
 
 
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
 
 
 
 
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Custom styles for Zero-Day Hunter Dashboard */
2
+
3
+ /* Terminal-like font for code elements */
4
+ .terminal-text {
5
+ font-family: 'Fira Code', monospace;
6
+ text-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
7
+ }
8
+
9
+ /* Custom scrollbar */
10
+ ::-webkit-scrollbar {
11
+ width: 8px;
12
+ height: 8px;
13
+ }
14
+
15
+ ::-webkit-scrollbar-track {
16
+ background: #1a1a1a;
17
+ }
18
+
19
+ ::-webkit-scrollbar-thumb {
20
+ background: #333;
21
+ border-radius: 4px;
22
+ }
23
+
24
+ ::-webkit-scrollbar-thumb:hover {
25
+ background: #444;
26
+ }
27
+
28
+ /* Glowing effects */
29
+ .glow-green {
30
+ box-shadow: 0 0 15px rgba(0, 255, 0, 0.3);
31
+ }
32
+
33
+ .glow-blue {
34
+ box-shadow: 0 0 15px rgba(0, 102, 255, 0.3);
35
+ }
36
+
37
+ .glow-red {
38
+ box-shadow: 0 0 15px rgba(255, 51, 51, 0.3);
39
+ }
40
+
41
+ /* Typewriter effect for headers */
42
+ .typewriter {
43
+ overflow: hidden;
44
+ border-right: .15em solid #00ff00;
45
+ white-space: nowrap;
46
+ animation: typewriter 4s steps(40) 1s 1 normal both,
47
+ blink-caret .75s step-end infinite;
48
  }
49
 
50
+ @keyframes blink-caret {
51
+ from, to { border-color: transparent }
52
+ 50% { border-color: #00ff00; }
53
  }
54
 
55
+ /* Matrix rain effect background option */
56
+ .matrix-bg {
57
+ position: relative;
58
+ overflow: hidden;
 
59
  }
60
 
61
+ .matrix-bg::before {
62
+ content: "";
63
+ position: absolute;
64
+ top: 0;
65
+ left: 0;
66
+ right: 0;
67
+ bottom: 0;
68
+ background: linear-gradient(to bottom, transparent 95%, rgba(0, 255, 0, 0.1) 100%);
69
+ background-size: 100% 4px;
70
+ pointer-events: none;
71
+ z-index: 1;
72
  }
73
 
74
+ /* Hacker terminal input style */
75
+ .terminal-input {
76
+ background: #111;
77
+ border: 1px solid #333;
78
+ color: #00ff00;
79
+ font-family: 'Fira Code', monospace;
80
+ padding: 10px 15px;
81
+ border-radius: 4px;
82
  }
83
+
84
+ .terminal-input:focus {
85
+ outline: none;
86
+ border-color: #00ff00;
87
+ box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
88
+ }
89
+
90
+ /* Status indicators */
91
+ .status-dot {
92
+ position: relative;
93
+ }
94
+
95
+ .status-dot::after {
96
+ content: '';
97
+ position: absolute;
98
+ top: 0;
99
+ left: 0;
100
+ width: 100%;
101
+ height: 100%;
102
+ border-radius: 50%;
103
+ animation: pulse 2s infinite;
104
+ }
105
+
106
+ @keyframes pulse {
107
+ 0% {
108
+ transform: scale(0.8);
109
+ opacity: 0.7;
110
+ }
111
+ 70% {
112
+ transform: scale(1.2);
113
+ opacity: 0;
114
+ }
115
+ 100% {
116
+ transform: scale(0.8);
117
+ opacity: 0;
118
+ }
119
+ }
120
+
121
+ /* Data stream animation */
122
+ .data-stream {
123
+ position: relative;
124
+ overflow: hidden;
125
+ }
126
+
127
+ .data-stream::after {
128
+ content: '';
129
+ position: absolute;
130
+ top: 0;
131
+ left: -100%;
132
+ width: 50%;
133
+ height: 100%;
134
+ background: linear-gradient(90deg, transparent, rgba(0, 255, 0, 0.1), transparent);
135
+ animation: stream 3s infinite linear;
136
+ }
137
+
138
+ @keyframes stream {
139
+ 0% {
140
+ left: -100%;
141
+ }
142
+ 100% {
143
+ left: 200%;
144
+ }
145
+ }
146
+
147
+ /* Responsive adjustments */
148
+ @media (max-width: 768px) {
149
+ .mobile-hide {
150
+ display: none;
151
+ }
152
+
153
+ .mobile-stack {
154
+ flex-direction: column;
155
+ }
156
+
157
+ .mobile-full {
158
+ width: 100%;
159
+ }
160
+ }
161
+
162
+ /* Print styles for reports */
163
+ @media print {
164
+ .no-print {
165
+ display: none;
166
+ }
167
+
168
+ body {
169
+ background: white;
170
+ color: black;
171
+ }
172
+
173
+ .bg-dark-panel, .bg-gray-900 {
174
+ background: white !important;
175
+ color: black !important;
176
+ border: 1px solid #ddd !important;
177
+ }
178
+ }