schniggie commited on
Commit
e7aa982
·
verified ·
1 Parent(s): 145a781

Should show PWNED as art like the one before - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +578 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Kaeferjaeger
3
- emoji: 💻
4
  colorFrom: pink
5
- colorTo: indigo
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: kaeferjaeger
3
+ emoji: 🐳
4
  colorFrom: pink
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,578 @@
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>kaeferjaeger | Bug Bounty Hunters</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
+ <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=VT323&display=swap" rel="stylesheet">
10
+ <script>
11
+ tailwind.config = {
12
+ theme: {
13
+ extend: {
14
+ colors: {
15
+ 'matrix-green': '#39ff14',
16
+ 'hacker-blue': '#00ccff',
17
+ 'terminal-bg': '#0d1b1e',
18
+ 'dark-terminal': '#091113',
19
+ },
20
+ fontFamily: {
21
+ 'tech': ['Share Tech Mono', 'monospace'],
22
+ 'retro': ['VT323', 'monospace'],
23
+ },
24
+ animation: {
25
+ 'blink': 'blink 1s step-end infinite',
26
+ 'glow': 'glow 1.5s ease-in-out infinite alternate',
27
+ 'scanline': 'scanline 8s linear infinite',
28
+ },
29
+ keyframes: {
30
+ blink: {
31
+ '0%, 100%': { opacity: '1' },
32
+ '50%': { opacity: '0' }
33
+ },
34
+ glow: {
35
+ '0%': { 'text-shadow': '0 0 2px #fff, 0 0 4px #fff, 0 0 6px #39ff14, 0 0 8px #39ff14, 0 0 10px #39ff14' },
36
+ '100%': { 'text-shadow': '0 0 5px #fff, 0 0 10px #fff, 0 0 15px #39ff14, 0 0 20px #39ff14, 0 0 25px #39ff14' }
37
+ },
38
+ scanline: {
39
+ '0%': { transform: 'translateY(0)' },
40
+ '100%': { transform: 'translateY(100vh)' }
41
+ }
42
+ }
43
+ }
44
+ }
45
+ }
46
+ </script>
47
+ <style type="text/css">
48
+ body {
49
+ background-color: #091113;
50
+ overflow-x: hidden;
51
+ position: relative;
52
+ }
53
+
54
+ .scanline {
55
+ position: fixed;
56
+ top: 0;
57
+ left: 0;
58
+ width: 100%;
59
+ height: 100%;
60
+ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0) 100%);
61
+ pointer-events: none;
62
+ z-index: 100;
63
+ animation: scanline 8s linear infinite;
64
+ }
65
+
66
+ .terminal-text {
67
+ font-family: 'Share Tech Mono', monospace;
68
+ color: #39ff14;
69
+ text-shadow: 0 0 5px #39ff14;
70
+ }
71
+
72
+ .retro-text {
73
+ font-family: 'VT323', monospace;
74
+ letter-spacing: 1px;
75
+ }
76
+
77
+ .glowing-border {
78
+ box-shadow: 0 0 10px #00ccff, 0 0 20px #00ccff inset;
79
+ }
80
+
81
+ .matrix-bg {
82
+ background-image: radial-gradient(circle at center, #0a1a1f 0%, #051013 70%);
83
+ }
84
+
85
+ .hacker-card {
86
+ transition: all 0.3s ease;
87
+ border: 1px solid rgba(0, 204, 255, 0.3);
88
+ }
89
+
90
+ .hacker-card:hover {
91
+ transform: translateY(-5px);
92
+ box-shadow: 0 10px 20px rgba(0, 204, 255, 0.2);
93
+ border: 1px solid rgba(0, 204, 255, 0.8);
94
+ }
95
+
96
+ .typewriter {
97
+ overflow: hidden;
98
+ border-right: .15em solid #39ff14;
99
+ white-space: nowrap;
100
+ animation:
101
+ typing 3.5s steps(40, end),
102
+ blink .75s step-end infinite;
103
+ }
104
+
105
+ @keyframes typing {
106
+ from { width: 0 }
107
+ to { width: 100% }
108
+ }
109
+
110
+ .crt-effect::before {
111
+ content: " ";
112
+ display: block;
113
+ position: absolute;
114
+ top: 0;
115
+ left: 0;
116
+ bottom: 0;
117
+ right: 0;
118
+ background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
119
+ z-index: 2;
120
+ background-size: 100% 2px, 3px 100%;
121
+ pointer-events: none;
122
+ }
123
+
124
+ .ascii-art {
125
+ font-family: monospace;
126
+ line-height: 1.2;
127
+ white-space: pre;
128
+ color: #39ff14;
129
+ }
130
+ </style>
131
+ </head>
132
+ <body class="matrix-bg text-white crt-effect">
133
+ <div class="scanline"></div>
134
+
135
+ <!-- Header/Navigation -->
136
+ <header class="fixed w-full z-50 bg-dark-terminal bg-opacity-90 backdrop-blur-sm">
137
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
138
+ <div class="flex items-center">
139
+ <div class="text-matrix-green retro-text text-3xl font-bold">kaeferjaeger</div>
140
+ <div class="ml-3 text-hacker-blue text-xs tech">// bug bounty hunters</div>
141
+ </div>
142
+
143
+ <nav class="hidden md:block">
144
+ <ul class="flex space-x-8 retro-text text-lg">
145
+ <li><a href="#home" class="hover:text-matrix-green transition">home</a></li>
146
+ <li><a href="#projects" class="hover:text-matrix-green transition">projects</a></li>
147
+ <li><a href="#activities" class="hover:text-matrix-green transition">activities</a></li>
148
+ <li><a href="#team" class="hover:text-matrix-green transition">team</a></li>
149
+ <li><a href="#contact" class="hover:text-matrix-green transition">contact</a></li>
150
+ </ul>
151
+ </nav>
152
+
153
+ <button class="md:hidden text-matrix-green">
154
+ <i class="fas fa-bars text-2xl"></i>
155
+ </button>
156
+ </div>
157
+ </header>
158
+
159
+ <!-- Hero Section -->
160
+ <section id="home" class="min-h-screen flex items-center pt-20">
161
+ <div class="container mx-auto px-4 py-16 flex flex-col md:flex-row items-center">
162
+ <div class="md:w-1/2 mb-10 md:mb-0">
163
+ <div class="ascii-art text-sm md:text-base">
164
+ ██████╗ ██╗ ██╗███╗ ██╗███████╗██████╗
165
+ ██╔══██╗██║ ██║████╗ ██║██╔════╝██╔══██╗
166
+ ██████╔╝██║ █╗ ██║██╔██╗ ██║█████╗ ██║ ██║
167
+ ██╔═══╝ ██║███╗██║██║╚██╗██║██╔══╝ ██║ ██║
168
+ ██║ ╚███╔███╔╝██║ ╚████║███████╗██████╔╝
169
+ ╚═╝ ╚══╝╚══╝ ╚═╝ ╚═══╝╚══════╝╚═════╝
170
+ </div>
171
+ </div>
172
+
173
+ <div class="md:w-1/2">
174
+ <h1 class="text-4xl md:text-6xl font-bold mb-4 terminal-text">
175
+ <span class="typewriter block">exploiting vulnerabilities ethically</span>
176
+ </h1>
177
+ <p class="text-hacker-blue tech text-lg mb-8">
178
+ We are kaeferjaeger - a collective of cybersecurity enthusiasts hunting bugs,
179
+ securing systems, and pushing the boundaries of ethical hacking.
180
+ </p>
181
+ <div class="flex space-x-4">
182
+ <a href="#projects" class="px-6 py-3 bg-matrix-green text-dark-terminal tech font-bold hover:bg-opacity-80 transition">
183
+ <i class="fas fa-bug mr-2"></i>View Projects
184
+ </a>
185
+ <a href="#contact" class="px-6 py-3 border-2 border-matrix-green text-matrix-green tech font-bold hover:bg-matrix-green hover:bg-opacity-10 transition">
186
+ <i class="fas fa-terminal mr-2"></i>Join Us
187
+ </a>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ </section>
192
+
193
+ <!-- Projects Section -->
194
+ <section id="projects" class="py-16 bg-terminal-bg">
195
+ <div class="container mx-auto px-4">
196
+ <div class="text-center mb-16">
197
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 terminal-text">
198
+ <i class="fas fa-laptop-code mr-3"></i>Our Projects
199
+ </h2>
200
+ <div class="w-32 h-1 bg-matrix-green mx-auto"></div>
201
+ </div>
202
+
203
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
204
+ <!-- Project 1 -->
205
+ <div class="hacker-card bg-dark-terminal p-6 rounded-lg">
206
+ <div class="text-matrix-green text-4xl mb-4">
207
+ <i class="fas fa-shield-alt"></i>
208
+ </div>
209
+ <h3 class="text-xl font-bold mb-2 terminal-text">WebSec Toolkit</h3>
210
+ <p class="text-gray-400 mb-4 tech">
211
+ An open-source suite of web security tools for vulnerability scanning and penetration testing.
212
+ </p>
213
+ <div class="flex flex-wrap gap-2 mb-4">
214
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">XSS</span>
215
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">SQLi</span>
216
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">CSRF</span>
217
+ </div>
218
+ <a href="#" class="text-matrix-green tech hover:underline">
219
+ View on GitHub <i class="fas fa-arrow-right ml-1"></i>
220
+ </a>
221
+ </div>
222
+
223
+ <!-- Project 2 -->
224
+ <div class="hacker-card bg-dark-terminal p-6 rounded-lg">
225
+ <div class="text-matrix-green text-4xl mb-4">
226
+ <i class="fas fa-network-wired"></i>
227
+ </div>
228
+ <h3 class="text-xl font-bold mb-2 terminal-text">Network Reconnaissance Framework</h3>
229
+ <p class="text-gray-400 mb-4 tech">
230
+ Advanced network scanning and enumeration toolkit for identifying vulnerabilities in network infrastructure.
231
+ </p>
232
+ <div class="flex flex-wrap gap-2 mb-4">
233
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Nmap</span>
234
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Packet Crafting</span>
235
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">IDS Evasion</span>
236
+ </div>
237
+ <a href="#" class="text-matrix-green tech hover:underline">
238
+ View Documentation <i class="fas fa-arrow-right ml-1"></i>
239
+ </a>
240
+ </div>
241
+
242
+ <!-- Project 3 -->
243
+ <div class="hacker-card bg-dark-terminal p-6 rounded-lg">
244
+ <div class="text-matrix-green text-4xl mb-4">
245
+ <i class="fas fa-mobile-alt"></i>
246
+ </div>
247
+ <h3 class="text-xl font-bold mb-2 terminal-text">Mobile AppSec Analyzer</h3>
248
+ <p class="text-gray-400 mb-4 tech">
249
+ Static and dynamic analysis tool for identifying security flaws in Android and iOS applications.
250
+ </p>
251
+ <div class="flex flex-wrap gap-2 mb-4">
252
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Reverse Engineering</span>
253
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Frida</span>
254
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">OWASP MASVS</span>
255
+ </div>
256
+ <a href="#" class="text-matrix-green tech hover:underline">
257
+ Download Beta <i class="fas fa-arrow-right ml-1"></i>
258
+ </a>
259
+ </div>
260
+ </div>
261
+ </div>
262
+ </section>
263
+
264
+ <!-- Activities Section -->
265
+ <section id="activities" class="py-16">
266
+ <div class="container mx-auto px-4">
267
+ <div class="text-center mb-16">
268
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 terminal-text">
269
+ <i class="fas fa-tasks mr-3"></i>Our Activities
270
+ </h2>
271
+ <div class="w-32 h-1 bg-matrix-green mx-auto"></div>
272
+ </div>
273
+
274
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
275
+ <div>
276
+ <div class="bg-dark-terminal p-6 rounded-lg mb-8">
277
+ <h3 class="text-xl font-bold mb-4 terminal-text">Bug Bounty Programs</h3>
278
+ <div class="flex items-center mb-4">
279
+ <div class="text-matrix-green text-2xl mr-3">
280
+ <i class="fas fa-search-dollar"></i>
281
+ </div>
282
+ <p class="text-gray-400 tech">
283
+ We participate in bug bounty programs across various platforms, responsibly disclosing vulnerabilities.
284
+ </p>
285
+ </div>
286
+ <div class="flex flex-wrap gap-2">
287
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">HackerOne</span>
288
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Bugcrowd</span>
289
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Synack</span>
290
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Intigriti</span>
291
+ </div>
292
+ </div>
293
+
294
+ <div class="bg-dark-terminal p-6 rounded-lg">
295
+ <h3 class="text-xl font-bold mb-4 terminal-text">CTF Competitions</h3>
296
+ <div class="flex items-center mb-4">
297
+ <div class="text-matrix-green text-2xl mr-3">
298
+ <i class="fas fa-flag"></i>
299
+ </div>
300
+ <p class="text-gray-400 tech">
301
+ Regular participation in Capture The Flag events to sharpen our skills and compete with other hackers.
302
+ </p>
303
+ </div>
304
+ <div class="flex flex-wrap gap-2">
305
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">DEF CON CTF</span>
306
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Hack The Box</span>
307
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">TryHackMe</span>
308
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Root Me</span>
309
+ </div>
310
+ </div>
311
+ </div>
312
+
313
+ <div>
314
+ <div class="bg-dark-terminal p-6 rounded-lg mb-8">
315
+ <h3 class="text-xl font-bold mb-4 terminal-text">Security Research</h3>
316
+ <div class="flex items-center mb-4">
317
+ <div class="text-matrix-green text-2xl mr-3">
318
+ <i class="fas fa-flask"></i>
319
+ </div>
320
+ <p class="text-gray-400 tech">
321
+ We conduct original security research, discovering new vulnerabilities and attack vectors.
322
+ </p>
323
+ </div>
324
+ <div class="flex flex-wrap gap-2">
325
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Zero-Day Research</span>
326
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Exploit Development</span>
327
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Reverse Engineering</span>
328
+ </div>
329
+ </div>
330
+
331
+ <div class="bg-dark-terminal p-6 rounded-lg">
332
+ <h3 class="text-xl font-bold mb-4 terminal-text">Community Workshops</h3>
333
+ <div class="flex items-center mb-4">
334
+ <div class="text-matrix-green text-2xl mr-3">
335
+ <i class="fas fa-users"></i>
336
+ </div>
337
+ <p class="text-gray-400 tech">
338
+ We organize workshops and training sessions to share knowledge and grow the security community.
339
+ </p>
340
+ </div>
341
+ <div class="flex flex-wrap gap-2">
342
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Web Security</span>
343
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Binary Exploitation</span>
344
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Cryptography</span>
345
+ <span class="px-3 py-1 bg-hacker-blue bg-opacity-10 text-hacker-blue text-xs tech rounded">Forensics</span>
346
+ </div>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </section>
352
+
353
+ <!-- Team Section -->
354
+ <section id="team" class="py-16 bg-terminal-bg">
355
+ <div class="container mx-auto px-4">
356
+ <div class="text-center mb-16">
357
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 terminal-text">
358
+ <i class="fas fa-user-secret mr-3"></i>The Kaeferjaeger Team
359
+ </h2>
360
+ <div class="w-32 h-1 bg-matrix-green mx-auto"></div>
361
+ </div>
362
+
363
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
364
+ <!-- Team Member 1 -->
365
+ <div class="text-center">
366
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-gradient-to-br from-matrix-green to-hacker-blue p-1">
367
+ <div class="bg-dark-terminal rounded-full p-1 h-full w-full">
368
+ <div class="bg-gray-800 rounded-full w-full h-full flex items-center justify-center">
369
+ <i class="fas fa-user text-4xl text-matrix-green"></i>
370
+ </div>
371
+ </div>
372
+ </div>
373
+ <h3 class="text-xl font-bold mb-1 terminal-text">Phantom</h3>
374
+ <p class="text-hacker-blue tech mb-3">Web Pentester</p>
375
+ <div class="flex justify-center space-x-3">
376
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-github"></i></a>
377
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
378
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-hackerone"></i></a>
379
+ </div>
380
+ </div>
381
+
382
+ <!-- Team Member 2 -->
383
+ <div class="text-center">
384
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-gradient-to-br from-matrix-green to-hacker-blue p-1">
385
+ <div class="bg-dark-terminal rounded-full p-1 h-full w-full">
386
+ <div class="bg-gray-800 rounded-full w-full h-full flex items-center justify-center">
387
+ <i class="fas fa-user text-4xl text-matrix-green"></i>
388
+ </div>
389
+ </div>
390
+ </div>
391
+ <h3 class="text-xl font-bold mb-1 terminal-text">Byte</h3>
392
+ <p class="text-hacker-blue tech mb-3">Reverse Engineer</p>
393
+ <div class="flex justify-center space-x-3">
394
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-github"></i></a>
395
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
396
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-hackerone"></i></a>
397
+ </div>
398
+ </div>
399
+
400
+ <!-- Team Member 3 -->
401
+ <div class="text-center">
402
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-gradient-to-br from-matrix-green to-hacker-blue p-1">
403
+ <div class="bg-dark-terminal rounded-full p-1 h-full w-full">
404
+ <div class="bg-gray-800 rounded-full w-full h-full flex items-center justify-center">
405
+ <i class="fas fa-user text-4xl text-matrix-green"></i>
406
+ </div>
407
+ </div>
408
+ </div>
409
+ <h3 class="text-xl font-bold mb-1 terminal-text">Cipher</h3>
410
+ <p class="text-hacker-blue tech mb-3">Cryptographer</p>
411
+ <div class="flex justify-center space-x-3">
412
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-github"></i></a>
413
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
414
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-hackerone"></i></a>
415
+ </div>
416
+ </div>
417
+
418
+ <!-- Team Member 4 -->
419
+ <div class="text-center">
420
+ <div class="w-32 h-32 mx-auto mb-4 rounded-full bg-gradient-to-br from-matrix-green to-hacker-blue p-1">
421
+ <div class="bg-dark-terminal rounded-full p-1 h-full w-full">
422
+ <div class="bg-gray-800 rounded-full w-full h-full flex items-center justify-center">
423
+ <i class="fas fa-user text-4xl text-matrix-green"></i>
424
+ </div>
425
+ </div>
426
+ </div>
427
+ <h3 class="text-xl font-bold mb-1 terminal-text">Nyx</h3>
428
+ <p class="text-hacker-blue tech mb-3">Network Security</p>
429
+ <div class="flex justify-center space-x-3">
430
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-github"></i></a>
431
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
432
+ <a href="#" class="text-gray-400 hover:text-matrix-green"><i class="fab fa-hackerone"></i></a>
433
+ </div>
434
+ </div>
435
+ </div>
436
+ </div>
437
+ </section>
438
+
439
+ <!-- Contact Section -->
440
+ <section id="contact" class="py-16">
441
+ <div class="container mx-auto px-4">
442
+ <div class="text-center mb-16">
443
+ <h2 class="text-3xl md:text-4xl font-bold mb-4 terminal-text">
444
+ <i class="fas fa-terminal mr-3"></i>Contact Us
445
+ </h2>
446
+ <div class="w-32 h-1 bg-matrix-green mx-auto"></div>
447
+ </div>
448
+
449
+ <div class="max-w-3xl mx-auto bg-dark-terminal rounded-lg p-8">
450
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
451
+ <div>
452
+ <h3 class="text-xl font-bold mb-4 terminal-text">Get In Touch</h3>
453
+ <p class="text-gray-400 tech mb-6">
454
+ Interested in collaborating? Want to report a security issue?
455
+ Reach out to us through encrypted channels.
456
+ </p>
457
+
458
+ <div class="mb-6">
459
+ <div class="flex items-center mb-3">
460
+ <div class="text-matrix-green text-xl mr-3">
461
+ <i class="fas fa-envelope"></i>
462
+ </div>
463
+ <span class="tech">contact@kaeferjaeger.io</span>
464
+ </div>
465
+
466
+ <div class="flex items-center mb-3">
467
+ <div class="text-matrix-green text-xl mr-3">
468
+ <i class="fab fa-keybase"></i>
469
+ </div>
470
+ <span class="tech">@kaeferjaeger</span>
471
+ </div>
472
+
473
+ <div class="flex items-center">
474
+ <div class="text-matrix-green text-xl mr-3">
475
+ <i class="fas fa-fingerprint"></i>
476
+ </div>
477
+ <span class="tech">PGP: 0xDEADBEEF</span>
478
+ </div>
479
+ </div>
480
+
481
+ <div class="mt-8">
482
+ <h4 class="text-lg font-bold mb-3 terminal-text">Follow Us</h4>
483
+ <div class="flex space-x-4">
484
+ <a href="#" class="text-2xl text-gray-400 hover:text-matrix-green"><i class="fab fa-github"></i></a>
485
+ <a href="#" class="text-2xl text-gray-400 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
486
+ <a href="#" class="text-2xl text-gray-400 hover:text-matrix-green"><i class="fab fa-discord"></i></a>
487
+ <a href="#" class="text-2xl text-gray-400 hover:text-matrix-green"><i class="fab fa-hacker-news"></i></a>
488
+ </div>
489
+ </div>
490
+ </div>
491
+
492
+ <div>
493
+ <h3 class="text-xl font-bold mb-4 terminal-text">Join Our Gang</h3>
494
+ <form>
495
+ <div class="mb-4">
496
+ <label class="block text-gray-400 tech mb-2">Your Handle</label>
497
+ <input type="text" class="w-full bg-terminal-bg border border-gray-700 text-white tech p-3 rounded focus:outline-none focus:border-matrix-green">
498
+ </div>
499
+
500
+ <div class="mb-4">
501
+ <label class="block text-gray-400 tech mb-2">Specialization</label>
502
+ <select class="w-full bg-terminal-bg border border-gray-700 text-white tech p-3 rounded focus:outline-none focus:border-matrix-green">
503
+ <option>Web Security</option>
504
+ <option>Network Security</option>
505
+ <option>Reverse Engineering</option>
506
+ <option>Cryptography</option>
507
+ <option>Mobile Security</option>
508
+ <option>Forensics</option>
509
+ </select>
510
+ </div>
511
+
512
+ <div class="mb-4">
513
+ <label class="block text-gray-400 tech mb-2">Your Message</label>
514
+ <textarea rows="4" class="w-full bg-terminal-bg border border-gray-700 text-white tech p-3 rounded focus:outline-none focus:border-matrix-green"></textarea>
515
+ </div>
516
+
517
+ <button type="submit" class="w-full py-3 bg-matrix-green text-dark-terminal tech font-bold hover:bg-opacity-80 transition">
518
+ <i class="fas fa-paper-plane mr-2"></i>Send Encrypted Message
519
+ </button>
520
+ </form>
521
+ </div>
522
+ </div>
523
+ </div>
524
+ </div>
525
+ </section>
526
+
527
+ <!-- Footer -->
528
+ <footer class="py-8 bg-dark-terminal border-t border-gray-800">
529
+ <div class="container mx-auto px-4">
530
+ <div class="flex flex-col md:flex-row justify-between items-center">
531
+ <div class="mb-4 md:mb-0">
532
+ <div class="text-matrix-green retro-text text-2xl font-bold">kaeferjaeger</div>
533
+ <p class="text-gray-500 tech text-sm">// ethical hackers // bug bounty hunters // security researchers</p>
534
+ </div>
535
+
536
+ <div class="flex space-x-6">
537
+ <a href="#" class="text-gray-500 hover:text-matrix-green"><i class="fab fa-github"></i></a>
538
+ <a href="#" class="text-gray-500 hover:text-matrix-green"><i class="fab fa-twitter"></i></a>
539
+ <a href="#" class="text-gray-500 hover:text-matrix-green"><i class="fab fa-hackerone"></i></a>
540
+ <a href="#" class="text-gray-500 hover:text-matrix-green"><i class="fab fa-keybase"></i></a>
541
+ </div>
542
+ </div>
543
+
544
+ <div class="mt-8 pt-8 border-t border-gray-800 text-center">
545
+ <p class="text-gray-600 tech text-sm">
546
+ © 2023 kaeferjaeger collective. All rights reserved.
547
+ This site is protected by hacktivism and strong encryption.
548
+ </p>
549
+ </div>
550
+ </div>
551
+ </footer>
552
+
553
+ <script>
554
+ // Smooth scrolling for anchor links
555
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
556
+ anchor.addEventListener('click', function (e) {
557
+ e.preventDefault();
558
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
559
+ behavior: 'smooth'
560
+ });
561
+ });
562
+ });
563
+
564
+ // Simple mobile menu toggle
565
+ document.querySelector('button').addEventListener('click', function() {
566
+ const nav = document.querySelector('nav');
567
+ nav.classList.toggle('hidden');
568
+ nav.classList.toggle('block');
569
+ nav.classList.toggle('absolute');
570
+ nav.classList.toggle('top-16');
571
+ nav.classList.toggle('left-0');
572
+ nav.classList.toggle('w-full');
573
+ nav.classList.toggle('bg-dark-terminal');
574
+ nav.classList.toggle('p-4');
575
+ });
576
+ </script>
577
+ <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=schniggie/kaeferjaeger" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
578
+ </html>