Hugging Face's logo

Spaces:
simplyyyXinfinity
/
portfolio
Running

App Files Community
simplyyyXinfinity commited on
Commit
5d91b70
·
verified ·
1 Parent(s): 501206a

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +410 -361
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Prince Barai | Cybersecurity Researcher</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>
@@ -17,9 +17,9 @@
17
  100% { transform: translateY(0px); }
18
  }
19
  @keyframes pulse {
20
- 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
21
- 70% { box-shadow: 0 0 0 15px rgba(16, 185, 129, 0); }
22
- 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
23
  }
24
  @keyframes typing {
25
  from { width: 0 }
@@ -27,12 +27,12 @@
27
  }
28
  @keyframes blink {
29
  from, to { border-color: transparent }
30
- 50% { border-color: #10B981 }
31
  }
32
 
33
  .matrix-char {
34
  position: absolute;
35
- color: #10B981;
36
  font-family: 'Courier New', monospace;
37
  animation: matrixRain 3s linear infinite;
38
  user-select: none;
@@ -50,7 +50,7 @@
50
  animation: typing 3.5s steps(40, end), blink 0.75s step-end infinite;
51
  }
52
  .glow-text {
53
- text-shadow: 0 0 10px rgba(16, 185, 129, 0.7);
54
  }
55
  .hexagon {
56
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
@@ -60,8 +60,8 @@
60
  }
61
  .terminal {
62
  background: rgba(0, 0, 0, 0.8);
63
- box-shadow: 0 0 30px rgba(16, 185, 129, 0.3);
64
- border: 1px solid rgba(16, 185, 129, 0.2);
65
  }
66
  .terminal::before {
67
  content: '';
@@ -70,8 +70,8 @@
70
  left: 0;
71
  right: 0;
72
  height: 30px;
73
- background: rgba(16, 185, 129, 0.1);
74
- border-bottom: 1px solid rgba(16, 185, 129, 0.2);
75
  }
76
  .terminal-dots {
77
  position: absolute;
@@ -88,11 +88,20 @@
88
  .dot-red { background: #FF5F56; }
89
  .dot-yellow { background: #FFBD2E; }
90
  .dot-green { background: #27C93F; }
 
 
 
 
 
 
 
 
91
  </style>
92
  </head>
93
  <body class="bg-black text-gray-100 min-h-screen font-mono overflow-x-hidden">
94
  <!-- Matrix Rain Background -->
95
  <div id="matrixRain" class="fixed inset-0 overflow-hidden z-0 opacity-10"></div>
 
96
 
97
  <!-- Header -->
98
  <header class="relative z-10 py-20 px-4 md:px-0">
@@ -104,23 +113,23 @@
104
  <span class="terminal-dot dot-green"></span>
105
  </div>
106
  <div class="mt-10">
107
- <h1 class="text-4xl md:text-6xl font-bold mb-4 text-green-400 glow-text">
108
- <span class="typing">Nyx Security</span>
109
  </h1>
110
  <div class="text-xl md:text-2xl text-gray-300 mb-8">
111
- <span class="text-green-400">root@nyx:~#</span> Ethical Hacker | Security Researcher | Red Team Lead
112
  </div>
113
  <div class="text-gray-400 mb-2">$ whoami</div>
114
  <div class="text-gray-300 mb-8 leading-relaxed">
115
- Cybersecurity specialist with 10+ years experience in penetration testing, vulnerability research, and security architecture.
116
- I help organizations identify and mitigate security risks before they become threats.
117
  </div>
118
  <div class="flex flex-wrap gap-4">
119
- <a href="#contact" class="bg-green-600 hover:bg-green-700 px-6 py-3 rounded font-medium transition flex items-center group">
120
  <i class="fas fa-terminal mr-2 group-hover:animate-pulse"></i> Contact Me
121
  </a>
122
- <a href="#projects" class="border border-green-600 text-green-400 hover:bg-green-900 hover:bg-opacity-30 px-6 py-3 rounded font-medium transition flex items-center group">
123
- <i class="fas fa-code mr-2 group-hover:rotate-90 transition-transform"></i> View Projects
124
  </a>
125
  </div>
126
  </div>
@@ -134,47 +143,51 @@
134
  <section id="about" class="mb-24">
135
  <div class="flex flex-col lg:flex-row items-center gap-12">
136
  <div class="lg:w-1/3 flex justify-center">
137
- <div class="hexagon bg-gray-900 w-64 h-64 flex items-center justify-center border-2 border-green-400 relative floating pulse">
138
- <i class="fas fa-user-secret text-6xl text-green-400"></i>
139
- <div class="absolute inset-0 border-2 border-green-400 rounded-full opacity-70 animate-ping"></div>
140
  </div>
141
  </div>
142
  <div class="lg:w-2/3">
143
- <h2 class="text-3xl font-bold mb-8 text-green-400 flex items-center">
144
- <i class="fas fa-id-card mr-3"></i> About Me
145
  </h2>
146
  <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800">
147
  <p class="text-gray-300 mb-6 leading-relaxed">
148
- Former black hat turned white hat, bringing an attacker's mindset to defensive security.
149
- I specialize in advanced penetration testing, exploit development, and security training.
150
  </p>
151
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
152
  <div class="flex items-start">
153
- <i class="fas fa-fingerprint text-green-400 mt-1 mr-3"></i>
154
  <div>
155
- <h3 class="font-bold text-white">Alias</h3>
156
- <p class="text-gray-400">Nyx</p>
 
157
  </div>
158
  </div>
159
  <div class="flex items-start">
160
- <i class="fas fa-shield-alt text-green-400 mt-1 mr-3"></i>
161
  <div>
162
  <h3 class="font-bold text-white">Specialties</h3>
163
- <p class="text-gray-400">Red Teaming, Malware Analysis</p>
 
164
  </div>
165
  </div>
166
  <div class="flex items-start">
167
- <i class="fas fa-tools text-green-400 mt-1 mr-3"></i>
168
  <div>
169
- <h3 class="font-bold text-white">Tools</h3>
170
- <p class="text-gray-400">Metasploit, Burp Suite, Ghidra</p>
 
171
  </div>
172
  </div>
173
  <div class="flex items-start">
174
- <i class="fas fa-lock text-green-400 mt-1 mr-3"></i>
175
  <div>
176
- <h3 class="font-bold text-white">Methodology</h3>
177
- <p class="text-gray-400">OWASP, NIST, MITRE ATT&CK</p>
 
178
  </div>
179
  </div>
180
  </div>
@@ -183,381 +196,417 @@
183
  </div>
184
  </section>
185
 
186
- <!-- Skills Section -->
187
- <section id="skills" class="mb-24">
188
- <h2 class="text-3xl font-bold mb-12 text-center text-green-400">
189
- <i class="fas fa-laptop-code mr-3"></i> Technical Skills
190
  </h2>
191
  <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
192
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-green-400 transition-all duration-300">
193
- <h3 class="text-xl font-bold mb-6 text-green-400 flex items-center">
194
- <i class="fas fa-bug mr-3"></i> Offensive Security
195
- </h3>
196
- <div class="space-y-5">
197
- <div>
198
- <div class="flex justify-between mb-2">
199
- <span class="font-medium">Penetration Testing</span>
200
- <span class="text-green-400">98%</span>
201
- </div>
202
- <div class="w-full bg-gray-800 rounded-full h-2">
203
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 98%"></div>
204
- </div>
205
- </div>
206
- <div>
207
- <div class="flex justify-between mb-2">
208
- <span class="font-medium">Exploit Development</span>
209
- <span class="text-green-400">95%</span>
210
- </div>
211
- <div class="w-full bg-gray-800 rounded-full h-2">
212
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 95%"></div>
213
- </div>
214
- </div>
215
- <div>
216
- <div class="flex justify-between mb-2">
217
- <span class="font-medium">Social Engineering</span>
218
- <span class="text-green-400">92%</span>
219
- </div>
220
- <div class="w-full bg-gray-800 rounded-full h-2">
221
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 92%"></div>
222
- </div>
223
- </div>
224
  </div>
225
- </div>
226
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-green-400 transition-all duration-300">
227
- <h3 class="text-xl font-bold mb-6 text-green-400 flex items-center">
228
- <i class="fas fa-shield-alt mr-3"></i> Defensive Security
229
- </h3>
230
- <div class="space-y-5">
231
- <div>
232
- <div class="flex justify-between mb-2">
233
- <span class="font-medium">Threat Hunting</span>
234
- <span class="text-green-400">90%</span>
235
- </div>
236
- <div class="w-full bg-gray-800 rounded-full h-2">
237
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 90%"></div>
238
- </div>
239
- </div>
240
- <div>
241
- <div class="flex justify-between mb-2">
242
- <span class="font-medium">Incident Response</span>
243
- <span class="text-green-400">88%</span>
244
- </div>
245
- <div class="w-full bg-gray-800 rounded-full h-2">
246
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 88%"></div>
247
- </div>
248
- </div>
249
- <div>
250
- <div class="flex justify-between mb-2">
251
- <span class="font-medium">Security Architecture</span>
252
- <span class="text-green-400">85%</span>
253
- </div>
254
- <div class="w-full bg-gray-800 rounded-full h-2">
255
- <div class="bg-green-600 h-2 rounded-full skill-bar" style="width: 85%"></div>
256
- </div>
257
  </div>
258
  </div>
259
  </div>
260
- </div>
261
- </section>
262
-
263
- <!-- Experience Section -->
264
- <section id="experience" class="mb-24">
265
- <h2 class="text-3xl font-bold mb-12 text-center text-green-400">
266
- <i class="fas fa-briefcase mr-3"></i> Professional Timeline
267
- </h2>
268
- <div class="relative">
269
- <!-- Timeline line -->
270
- <div class="absolute left-1/2 h-full w-1 bg-green-400 bg-opacity-30 transform -translate-x-1/2"></div>
271
 
272
- <!-- Timeline items -->
273
- <div class="space-y-12">
274
- <!-- Item 1 -->
275
- <div class="relative flex items-center">
276
- <div class="hidden md:block md:w-1/2"></div>
277
- <div class="z-10 w-8 h-8 rounded-full bg-green-600 absolute left-1/2 transform -translate-x-1/2 border-4 border-black"></div>
278
- <div class="w-full md:w-1/2 p-4 md:p-8">
279
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-green-400 transition-all duration-300">
280
- <div class="flex justify-between items-start mb-2">
281
- <h3 class="text-xl font-bold text-green-400">Chief Security Officer</h3>
282
- <span class="text-gray-400 text-sm">2021 - Present</span>
283
- </div>
284
- <div class="text-gray-300 mb-2 flex items-center">
285
- <i class="fas fa-building mr-2"></i>
286
- <span>ShadowSec Enterprises</span>
287
- </div>
288
- <p class="text-gray-400">
289
- Leading security strategy for Fortune 500 clients. Developed advanced threat detection systems that reduced breaches by 78%.
290
- </p>
291
- </div>
292
- </div>
293
- </div>
294
-
295
- <!-- Item 2 -->
296
- <div class="relative flex items-center">
297
- <div class="z-10 w-8 h-8 rounded-full bg-green-600 absolute left-1/2 transform -translate-x-1/2 border-4 border-black"></div>
298
- <div class="w-full md:w-1/2 p-4 md:p-8 md:pr-0">
299
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-green-400 transition-all duration-300">
300
- <div class="flex justify-between items-start mb-2">
301
- <h3 class="text-xl font-bold text-green-400">Senior Penetration Tester</h3>
302
- <span class="text-gray-400 text-sm">2018 - 2021</span>
303
- </div>
304
- <div class="text-gray-300 mb-2 flex items-center">
305
- <i class="fas fa-building mr-2"></i>
306
- <span>ZeroDay Labs</span>
307
- </div>
308
- <p class="text-gray-400">
309
- Conducted over 300 successful penetration tests. Discovered 14 zero-day vulnerabilities in enterprise software.
310
- </p>
311
- </div>
312
- </div>
313
- <div class="hidden md:block md:w-1/2"></div>
314
- </div>
315
-
316
- <!-- Item 3 -->
317
- <div class="relative flex items-center">
318
- <div class="hidden md:block md:w-1/2"></div>
319
- <div class="z-10 w-8 h-8 rounded-full bg-green-600 absolute left-1/2 transform -translate-x-1/2 border-4 border-black"></div>
320
- <div class="w-full md:w-1/2 p-4 md:p-8">
321
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-green-400 transition-all duration-300">
322
- <div class="flex justify-between items-start mb-2">
323
- <h3 class="text-xl font-bold text-green-400">Security Researcher</h3>
324
- <span class="text-gray-400 text-sm">2015 - 2018</span>
325
- </div>
326
- <div class="text-gray-300 mb-2 flex items-center">
327
- <i class="fas fa-building mr-2"></i>
328
- <span>CyberSec Institute</span>
329
- </div>
330
- <p class="text-gray-400">
331
- Published research on advanced persistent threats. Developed open-source security tools used by 10,000+ professionals.
332
- </p>
333
- </div>
334
- </div>
335
- </div>
336
- </div>
337
- </div>
338
- </section>
339
-
340
- <!-- Projects Section -->
341
- <section id="projects" class="mb-24">
342
- <h2 class="text-3xl font-bold mb-12 text-center text-green-400">
343
- <i class="fas fa-project-diagram mr-3"></i> Notable Projects
344
- </h2>
345
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
346
- <!-- Project 1 -->
347
- <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-green-400 transition-all duration-500">
348
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
349
- <i class="fas fa-lock-open text-6xl text-green-400 group-hover:scale-110 transition-transform duration-500"></i>
350
  </div>
351
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
352
  <div class="p-6 bg-gray-900 bg-opacity-70">
353
- <h3 class="text-xl font-bold mb-2 text-green-400">VaultBreaker</h3>
354
  <p class="text-gray-400 mb-4">
355
- Advanced password auditing framework with support for 50+ hash algorithms and distributed cracking.
 
356
  </p>
357
  <div class="flex flex-wrap gap-2">
358
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">Python</span>
359
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">Security</span>
360
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">Crypto</span>
361
  </div>
362
  </div>
363
  </div>
364
 
365
- <!-- Project 2 -->
366
- <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-green-400 transition-all duration-500">
367
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
368
- <i class="fas fa-spider text-6xl text-green-400 group-hover:scale-110 transition-transform duration-500"></i>
369
  </div>
370
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
371
  <div class="p-6 bg-gray-900 bg-opacity-70">
372
- <h3 class="text-xl font-bold mb-2 text-green-400">WebSentry</h3>
373
  <p class="text-gray-400 mb-4">
374
- Automated web vulnerability scanner that identifies XSS, SQLi, and CSRF vulnerabilities with 99% accuracy.
 
375
  </p>
376
  <div class="flex flex-wrap gap-2">
377
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">JavaScript</span>
378
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">Node.js</span>
379
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">OWASP</span>
380
  </div>
381
  </div>
382
  </div>
383
 
384
- <!-- Project 3 -->
385
- <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-green-400 transition-all duration-500">
386
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
387
- <i class="fas fa-network-wired text-6xl text-green-400 group-hover:scale-110 transition-transform duration-500"></i>
388
  </div>
389
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
390
  <div class="p-6 bg-gray-900 bg-opacity-70">
391
- <h3 class="text-xl font-bold mb-2 text-green-400">NetWatch</h3>
392
  <p class="text-gray-400 mb-4">
393
- Network intrusion detection system with real-time threat analysis and automated response capabilities.
 
394
  </p>
395
  <div class="flex flex-wrap gap-2">
396
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">C++</span>
397
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">Security</span>
398
- <span class="bg-gray-800 text-green-400 text-xs px-3 py-1 rounded-full">AI</span>
399
  </div>
400
  </div>
401
  </div>
402
  </div>
403
  </section>
404
 
405
- <!-- Contact Section -->
406
- <section id="contact" class="mb-12">
407
- <h2 class="text-3xl font-bold mb-12 text-center text-green-400">
408
- <i class="fas fa-envelope mr-3"></i> Secure Contact
409
  </h2>
410
- <div class="bg-gray-900 bg-opacity-70 rounded-lg p-8 max-w-3xl mx-auto border border-gray-800">
411
- <form class="space-y-6">
412
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
413
- <div>
414
- <label for="name" class="block text-gray-300 mb-2">Your Alias</label>
415
- <input type="text" id="name" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent">
416
- </div>
417
- <div>
418
- <label for="email" class="block text-gray-300 mb-2">Secure Contact</label>
419
- <input type="email" id="email" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent" placeholder="e.g. protonmail@securedomain.com">
 
 
 
 
420
  </div>
421
  </div>
422
- <div>
423
- <label for="subject" class="block text-gray-300 mb-2">Subject</label>
424
- <select id="subject" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent">
425
- <option value="">Select a secure topic</option>
426
- <option value="consulting">Security Consulting</option>
427
- <option value="pentest">Penetration Testing</option>
428
- <option value="training">Security Training</option>
429
- <option value="other">Other (Encrypted)</option>
430
- </select>
431
  </div>
432
- <div>
433
- <label for="message" class="block text-gray-300 mb-2">Encrypted Message</label>
434
- <textarea id="message" rows="5" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-transparent" placeholder="Your message will be encrypted with PGP"></textarea>
 
 
 
 
 
 
435
  </div>
436
- <div class="flex items-center">
437
- <input id="secure-check" type="checkbox" class="w-4 h-4 bg-gray-800 border-gray-700 rounded focus:ring-green-500">
438
- <label for="secure-check" class="ml-2 text-sm text-gray-400">I understand this communication will be encrypted</label>
 
 
 
439
  </div>
440
- <button type="submit" class="w-full bg-green-600 hover:bg-green-700 px-6 py-4 rounded-lg font-bold transition flex items-center justify-center group">
441
- <i class="fas fa-lock mr-2 group-hover:animate-bounce"></i> Send Encrypted Message
442
- </button>
443
- </form>
 
 
 
 
 
 
 
444
  </div>
445
- </section>
446
- </main>
447
-
448
- <!-- Footer -->
449
- <footer class="relative z-10 bg-black bg-opacity-80 py-12 border-t border-gray-800">
450
- <div class="container mx-auto px-4 text-center">
451
- <div class="flex justify-center space-x-6 mb-6">
452
- <a href="#" class="text-gray-400 hover:text-green-400 transition transform hover:-translate-y-1">
453
- <i class="fab fa-github text-2xl"></i>
454
- </a>
455
- <a href="#" class="text-gray-400 hover:text-green-400 transition transform hover:-translate-y-1">
456
- <i class="fab fa-twitter text-2xl"></i>
457
- </a>
458
- <a href="#" class="text-gray-400 hover:text-green-400 transition transform hover:-translate-y-1">
459
- <i class="fab fa-linkedin text-2xl"></i>
460
- </a>
461
- <a href="#" class="text-gray-400 hover:text-green-400 transition transform hover:-translate-y-1">
462
- <i class="fab fa-keybase text-2xl"></i>
463
  </a>
464
  </div>
465
- <div class="mb-4">
466
- <div class="text-gray-500 mb-2">PGP Fingerprint:</div>
467
- <div class="text-green-400 font-mono text-sm">1A2B 3C4D 5E6F 7890 1234 5678 90AB CDEF 1234 5678</div>
468
- </div>
469
- <div class="text-gray-500 text-sm">
470
- © 2023 Nyx Security. All systems secure.
471
- <div class="mt-2 text-gray-600">This site uses military-grade encryption. Your connection is protected.</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
472
  </div>
473
- </div>
474
- </footer>
475
 
476
- <script>
477
- // Matrix Rain Background
478
- function createMatrixRain() {
479
- const chars = "01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン";
480
- const container = document.getElementById('matrixRain');
481
-
482
- // Create columns of falling characters
483
- for (let i = 0; i < 50; i++) {
484
- const column = document.createElement('div');
485
- column.className = 'matrix-char absolute top-0';
486
- column.style.left = `${Math.random() * 100}vw`;
487
- column.style.animationDuration = `${3 + Math.random() * 10}s`;
488
- column.style.animationDelay = `${Math.random() * 5}s`;
489
-
490
- // Add random characters
491
- let content = '';
492
- for (let j = 0; j < 10; j++) {
493
- content += chars.charAt(Math.floor(Math.random() * chars.length)) + '<br>';
494
- }
495
- column.innerHTML = content;
496
-
497
- container.appendChild(column);
498
- }
499
- }
500
-
501
- // Animate skill bars on scroll
502
- function animateSkillBars() {
503
- const skillBars = document.querySelectorAll('.skill-bar');
504
-
505
- const observer = new IntersectionObserver((entries) => {
506
- entries.forEach(entry => {
507
- if (entry.isIntersecting) {
508
- const width = entry.target.style.width;
509
- entry.target.style.width = '0%';
510
- setTimeout(() => {
511
- entry.target.style.width = width;
512
- }, 100);
513
- }
514
- });
515
- }, {threshold: 0.5});
516
-
517
- skillBars.forEach(bar => {
518
- observer.observe(bar);
519
- });
520
- }
521
-
522
- // Smooth scrolling for anchor links
523
- function setupSmoothScrolling() {
524
- document.querySelectorAll('a[href^="#"]').forEach(anchor => {
525
- anchor.addEventListener('click', function (e) {
526
- e.preventDefault();
527
-
528
- const targetId = this.getAttribute('href');
529
- if (targetId === '#') return;
530
-
531
- const targetElement = document.querySelector(targetId);
532
- if (targetElement) {
533
- window.scrollTo({
534
- top: targetElement.offsetTop - 80,
535
- behavior: 'smooth'
536
- });
537
- }
538
- });
539
- });
540
- }
541
-
542
- // Initialize everything when DOM loads
543
- document.addEventListener('DOMContentLoaded', function() {
544
- createMatrixRain();
545
- animateSkillBars();
546
- setupSmoothScrolling();
547
-
548
- // Replay typing animation on home link click
549
- const homeLinks = document.querySelectorAll('a[href="#"]');
550
- homeLinks.forEach(link => {
551
- link.addEventListener('click', function() {
552
- const typingElement = document.querySelector('.typing');
553
- if (typingElement) {
554
- typingElement.style.animation = 'none';
555
- void typingElement.offsetWidth; // Trigger reflow
556
- typingElement.style.animation = null;
557
- }
558
- });
559
- });
560
- });
561
- </script>
562
- <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=simplyyyXinfinity/portfolio" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
563
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Prince Barai | Cybersecurity Prodigy</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>
 
17
  100% { transform: translateY(0px); }
18
  }
19
  @keyframes pulse {
20
+ 0% { box-shadow: 0 0 0 0 rgba(0, 120, 215, 0.7); }
21
+ 70% { box-shadow: 0 0 0 15px rgba(0, 120, 215, 0); }
22
+ 100% { box-shadow: 0 0 0 0 rgba(0, 120, 215, 0); }
23
  }
24
  @keyframes typing {
25
  from { width: 0 }
 
27
  }
28
  @keyframes blink {
29
  from, to { border-color: transparent }
30
+ 50% { border-color: #0078D7 }
31
  }
32
 
33
  .matrix-char {
34
  position: absolute;
35
+ color: #0078D7;
36
  font-family: 'Courier New', monospace;
37
  animation: matrixRain 3s linear infinite;
38
  user-select: none;
 
50
  animation: typing 3.5s steps(40, end), blink 0.75s step-end infinite;
51
  }
52
  .glow-text {
53
+ text-shadow: 0 0 10px rgba(0, 120, 215, 0.7);
54
  }
55
  .hexagon {
56
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
 
60
  }
61
  .terminal {
62
  background: rgba(0, 0, 0, 0.8);
63
+ box-shadow: 0 0 30px rgba(0, 120, 215, 0.3);
64
+ border: 1px solid rgba(0, 120, 215, 0.2);
65
  }
66
  .terminal::before {
67
  content: '';
 
70
  left: 0;
71
  right: 0;
72
  height: 30px;
73
+ background: rgba(0, 120, 215, 0.1);
74
+ border-bottom: 1px solid rgba(0, 120, 215, 0.2);
75
  }
76
  .terminal-dots {
77
  position: absolute;
 
88
  .dot-red { background: #FF5F56; }
89
  .dot-yellow { background: #FFBD2E; }
90
  .dot-green { background: #27C93F; }
91
+ .rain-effect {
92
+ position: absolute;
93
+ width: 100%;
94
+ height: 100%;
95
+ background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 800 800"><path d="M400 0L200 400h400L400 0zm0 800L200 400h400L400 800z" fill="%230078D7" opacity="0.03"/></svg>');
96
+ opacity: 0.1;
97
+ pointer-events: none;
98
+ }
99
  </style>
100
  </head>
101
  <body class="bg-black text-gray-100 min-h-screen font-mono overflow-x-hidden">
102
  <!-- Matrix Rain Background -->
103
  <div id="matrixRain" class="fixed inset-0 overflow-hidden z-0 opacity-10"></div>
104
+ <div class="rain-effect fixed inset-0 z-0"></div>
105
 
106
  <!-- Header -->
107
  <header class="relative z-10 py-20 px-4 md:px-0">
 
113
  <span class="terminal-dot dot-green"></span>
114
  </div>
115
  <div class="mt-10">
116
+ <h1 class="text-4xl md:text-6xl font-bold mb-4 text-blue-400 glow-text">
117
+ <span class="typing">Prince Barai</span>
118
  </h1>
119
  <div class="text-xl md:text-2xl text-gray-300 mb-8">
120
+ <span class="text-blue-400">root@prince:~#</span> Cybersecurity Researcher | Ethical Hacker | Microsoft Ambassador
121
  </div>
122
  <div class="text-gray-400 mb-2">$ whoami</div>
123
  <div class="text-gray-300 mb-8 leading-relaxed">
124
+ Red Teamer by heart, bug bounty hunter by profession. I break things to make them stronger.
125
+ Currently fortifying the digital world while studying Cybersecurity at Parul University.
126
  </div>
127
  <div class="flex flex-wrap gap-4">
128
+ <a href="#contact" class="bg-blue-600 hover:bg-blue-700 px-6 py-3 rounded font-medium transition flex items-center group">
129
  <i class="fas fa-terminal mr-2 group-hover:animate-pulse"></i> Contact Me
130
  </a>
131
+ <a href="#projects" class="border border-blue-600 text-blue-400 hover:bg-blue-900 hover:bg-opacity-30 px-6 py-3 rounded font-medium transition flex items-center group">
132
+ <i class="fas fa-code mr-2 group-hover:rotate-90 transition-transform"></i> View Exploits
133
  </a>
134
  </div>
135
  </div>
 
143
  <section id="about" class="mb-24">
144
  <div class="flex flex-col lg:flex-row items-center gap-12">
145
  <div class="lg:w-1/3 flex justify-center">
146
+ <div class="hexagon bg-gray-900 w-64 h-64 flex items-center justify-center border-2 border-blue-400 relative floating pulse">
147
+ <i class="fas fa-user-secret text-6xl text-blue-400"></i>
148
+ <div class="absolute inset-0 border-2 border-blue-400 rounded-full opacity-70 animate-ping"></div>
149
  </div>
150
  </div>
151
  <div class="lg:w-2/3">
152
+ <h2 class="text-3xl font-bold mb-8 text-blue-400 flex items-center">
153
+ <i class="fas fa-id-card mr-3"></i> About The Hacker
154
  </h2>
155
  <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800">
156
  <p class="text-gray-300 mb-6 leading-relaxed">
157
+ Second-year B.Tech Cybersecurity student who finds peace in the sound of rain and harmony in nature's rhythm.
158
+ Core member of TryHackMe and The Hackers Meet-Up, specializing in offensive security with a passion for AI security.
159
  </p>
160
  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
161
  <div class="flex items-start">
162
+ <i class="fas fa-shield-alt text-blue-400 mt-1 mr-3"></i>
163
  <div>
164
+ <h3 class="font-bold text-white">Affiliations</h3>
165
+ <p class="text-gray-400">Beta Microsoft Learn Student Ambassador</p>
166
+ <p class="text-gray-400">TryHackMe Top Learner</p>
167
  </div>
168
  </div>
169
  <div class="flex items-start">
170
+ <i class="fas fa-bug text-blue-400 mt-1 mr-3"></i>
171
  <div>
172
  <h3 class="font-bold text-white">Specialties</h3>
173
+ <p class="text-gray-400">Penetration Testing</p>
174
+ <p class="text-gray-400">AI Security Research</p>
175
  </div>
176
  </div>
177
  <div class="flex items-start">
178
+ <i class="fas fa-heart text-blue-400 mt-1 mr-3"></i>
179
  <div>
180
+ <h3 class="font-bold text-white">Loyalties</h3>
181
+ <p class="text-gray-400">Microsoft Defender</p>
182
+ <p class="text-gray-400">Google Inspired</p>
183
  </div>
184
  </div>
185
  <div class="flex items-start">
186
+ <i class="fas fa-trophy text-blue-400 mt-1 mr-3"></i>
187
  <div>
188
+ <h3 class="font-bold text-white">Achievements</h3>
189
+ <p class="text-gray-400">Multiple CTF Wins</p>
190
+ <p class="text-gray-400">Azure AI Event Host</p>
191
  </div>
192
  </div>
193
  </div>
 
196
  </div>
197
  </section>
198
 
199
+ <!-- Projects Section -->
200
+ <section id="projects" class="mb-24">
201
+ <h2 class="text-3xl font-bold mb-12 text-center text-blue-400">
202
+ <i class="fas fa-project-diagram mr-3"></i> My Exploits (The Legal Kind)
203
  </h2>
204
  <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
205
+ <!-- Project 1 -->
206
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-500">
207
+ <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
208
+ <i class="fas fa-lock text-6xl text-blue-400 group-hover:scale-110 transition-transform duration-500"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
209
  </div>
210
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
211
+ <div class="p-6 bg-gray-900 bg-opacity-70">
212
+ <h3 class="text-xl font-bold mb-2 text-blue-400">LockChat</h3>
213
+ <p class="text-gray-400 mb-4">
214
+ Encrypted chat application with military-grade encryption, dark mode, and emoji support.
215
+ Built with end-to-end encryption and secure user authentication.
216
+ </p>
217
+ <div class="flex flex-wrap gap-2">
218
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Encryption</span>
219
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">React</span>
220
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Node.js</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
221
  </div>
222
  </div>
223
  </div>
 
 
 
 
 
 
 
 
 
 
 
224
 
225
+ <!-- Project 2 -->
226
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-500">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
227
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
228
+ <i class="fas fa-vote-yea text-6xl text-blue-400 group-hover:scale-110 transition-transform duration-500"></i>
229
  </div>
230
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
231
  <div class="p-6 bg-gray-900 bg-opacity-70">
232
+ <h3 class="text-xl font-bold mb-2 text-blue-400">Secure Blockchain Voting</h3>
233
  <p class="text-gray-400 mb-4">
234
+ Tamper-proof voting platform using blockchain technology to ensure transparency
235
+ and prevent electoral fraud. Each vote is cryptographically secured.
236
  </p>
237
  <div class="flex flex-wrap gap-2">
238
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Blockchain</span>
239
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Solidity</span>
240
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Ethereum</span>
241
  </div>
242
  </div>
243
  </div>
244
 
245
+ <!-- Project 3 -->
246
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-500">
247
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
248
+ <i class="fas fa-chart-line text-6xl text-blue-400 group-hover:scale-110 transition-transform duration-500"></i>
249
  </div>
250
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
251
  <div class="p-6 bg-gray-900 bg-opacity-70">
252
+ <h3 class="text-xl font-bold mb-2 text-blue-400">District Integrated Dashboard</h3>
253
  <p class="text-gray-400 mb-4">
254
+ Smart administration tool for real-time district management with data visualization,
255
+ project tracking, and secure communication channels for officials.
256
  </p>
257
  <div class="flex flex-wrap gap-2">
258
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">DataViz</span>
259
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Python</span>
260
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Django</span>
261
  </div>
262
  </div>
263
  </div>
264
 
265
+ <!-- Project 4 -->
266
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-500">
267
  <div class="h-48 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
268
+ <i class="fas fa-toolbox text-6xl text-blue-400 group-hover:scale-110 transition-transform duration-500"></i>
269
  </div>
270
  <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
271
  <div class="p-6 bg-gray-900 bg-opacity-70">
272
+ <h3 class="text-xl font-bold mb-2 text-blue-400">All-in-One Cybersecurity Toolkit</h3>
273
  <p class="text-gray-400 mb-4">
274
+ Swiss Army knife for security professionals featuring port scanning, XSS automation,
275
+ brute-forcing, SQLi detection, phishing email generation, and malware analysis tools.
276
  </p>
277
  <div class="flex flex-wrap gap-2">
278
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Python</span>
279
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Security</span>
280
+ <span class="bg-gray-800 text-blue-400 text-xs px-3 py-1 rounded-full">Automation</span>
281
  </div>
282
  </div>
283
  </div>
284
  </div>
285
  </section>
286
 
287
+ <!-- Blog Section -->
288
+ <section id="blog" class="mb-24">
289
+ <h2 class="text-3xl font-bold mb-12 text-center text-blue-400">
290
+ <i class="fas fa-keyboard mr-3"></i> Hacker's Journal
291
  </h2>
292
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
293
+ <!-- Article 1 -->
294
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-300 h-full flex flex-col">
295
+ <div class="h-40 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
296
+ <i class="fas fa-laptop-code text-5xl text-blue-400 group-hover:scale-110 transition-transform duration-300"></i>
297
+ </div>
298
+ <div class="p-6 bg-gray-900 bg-opacity-70 flex-grow">
299
+ <h3 class="text-xl font-bold mb-3 text-blue-400">Developer Security 101</h3>
300
+ <p class="text-gray-400 mb-4">
301
+ How to write code that doesn't make security professionals cry. Common pitfalls
302
+ and how to avoid them, explained with funny memes and real-world analogies.
303
+ </p>
304
+ <div class="mt-auto">
305
+ <span class="text-blue-400 text-sm">Read Time: 8 min</span>
306
  </div>
307
  </div>
308
+ </div>
309
+
310
+ <!-- Article 2 -->
311
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-300 h-full flex flex-col">
312
+ <div class="h-40 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
313
+ <i class="fab fa-python text-5xl text-blue-400 group-hover:scale-110 transition-transform duration-300"></i>
 
 
 
314
  </div>
315
+ <div class="p-6 bg-gray-900 bg-opacity-70 flex-grow">
316
+ <h3 class="text-xl font-bold mb-3 text-blue-400">Python Security Pitfalls</h3>
317
+ <p class="text-gray-400 mb-4">
318
+ Why your Python scripts might be giving hackers free access to your systems.
319
+ Learn secure coding practices with hands-on vulnerable code examples.
320
+ </p>
321
+ <div class="mt-auto">
322
+ <span class="text-blue-400 text-sm">Read Time: 12 min</span>
323
+ </div>
324
  </div>
325
+ </div>
326
+
327
+ <!-- Article 3 -->
328
+ <div class="group relative overflow-hidden rounded-lg border border-gray-800 hover:border-blue-400 transition-all duration-300 h-full flex flex-col">
329
+ <div class="h-40 bg-gradient-to-br from-gray-900 to-black flex items-center justify-center">
330
+ <i class="fas fa-robot text-5xl text-blue-400 group-hover:scale-110 transition-transform duration-300"></i>
331
  </div>
332
+ <div class="p-6 bg-gray-900 bg-opacity-70 flex-grow">
333
+ <h3 class="text-xl font-bold mb-3 text-blue-400">Security in the Age of AI</h3>
334
+ <p class="text-gray-400 mb-4">
335
+ How artificial intelligence is changing the cybersecurity landscape. Both as
336
+ a weapon and a shield, with practical examples from my research.
337
+ </p>
338
+ <div class="mt-auto">
339
+ <span class="text-blue-400 text-sm">Read Time: 15 min</span>
340
+ </div>
341
+ </div>
342
+ </div>
343
  </div>
344
+ <div class="text-center mt-10">
345
+ <a href="#" class="border border-blue-600 text-blue-400 hover:bg-blue-900 hover:bg-opacity-30 px-6 py-3 rounded font-medium transition inline-flex items-center group">
346
+ <i class="fas fa-book-open mr-2 group-hover:animate-bounce"></i> Read All Articles
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
347
  </a>
348
  </div>
349
+ </section>
350
+
351
+ <!-- Certifications Section -->
352
+ <section id="certifications" class="mb-24">
353
+ <h2 class="text-3xl font-bold mb-12 text-center text-blue-400">
354
+ <i class="fas fa-certificate mr-3"></i> Badges of Honor
355
+ </h2>
356
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
357
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-blue-400 transition-all duration-300 text-center">
358
+ <div class="text-5xl text-blue-400 mb-4">
359
+ <i class="fab fa-microsoft"></i>
360
+ </div>
361
+ <h3 class="text-lg font-bold text-white mb-2">Beta Microsoft Learn Student Ambassador</h3>
362
+ <p class="text-gray-400 text-sm">Recognized for technical expertise and community leadership</p>
363
+ </div>
364
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-blue-400 transition-all duration-300 text-center">
365
+ <div class="text-5xl text-blue-400 mb-4">
366
+ <i class="fas fa-shield-alt"></i>
367
+ </div>
368
+ <h3 class="text-lg font-bold text-white mb-2">TryHackMe Top Learner</h3>
369
+ <p class="text-gray-400 text-sm">Completed 100+ rooms with top 1% ranking</p>
370
+ </div>
371
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-blue-400 transition-all duration-300 text-center">
372
+ <div class="text-5xl text-blue-400 mb-4">
373
+ <i class="fas fa-chess-knight"></i>
374
+ </div>
375
+ <h3 class="text-lg font-bold text-white mb-2">Hack The Box Active Hacker</h3>
376
+ <p class="text-gray-400 text-sm">Rooted 50+ machines with advanced penetration techniques</p>
377
+ </div>
378
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-6 border border-gray-800 hover:border-blue-400 transition-all duration-300 text-center">
379
+ <div class="text-5xl text-blue-400 mb-4">
380
+ <i class="fas fa-flag"></i>
381
+ </div>
382
+ <h3 class="text-lg font-bold text-white mb-2">CTF Champion</h3>
383
+ <p class="text-gray-400 text-sm">Multiple Capture The Flag wins in national competitions</p>
384
+ </div>
385
  </div>
386
+ </section>
 
387
 
388
+ <!-- Contact Section -->
389
+ <section id="contact" class="mb-12">
390
+ <h2 class="text-3xl font-bold mb-12 text-center text-blue-400">
391
+ <i class="fas fa-user-secret mr-3"></i> Secure Comms
392
+ </h2>
393
+ <div class="flex flex-col lg:flex-row gap-12">
394
+ <div class="lg:w-1/2">
395
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-8 border border-gray-800 h-full">
396
+ <h3 class="text-2xl font-bold mb-6 text-blue-400">Direct Message</h3>
397
+ <form class="space-y-6">
398
+ <div>
399
+ <label for="name" class="block text-gray-300 mb-2">Your Alias</label>
400
+ <input type="text" id="name" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">
401
+ </div>
402
+ <div>
403
+ <label for="email" class="block text-gray-300 mb-2">Secure Contact</label>
404
+ <input type="email" id="email" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="e.g. protonmail@securedomain.com">
405
+ </div>
406
+ <div>
407
+ <label for="message" class="block text-gray-300 mb-2">Encrypted Message</label>
408
+ <textarea id="message" rows="5" class="w-full bg-gray-800 border border-gray-700 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" placeholder="Your message will be encrypted with PGP"></textarea>
409
+ </div>
410
+ <div class="flex items-center">
411
+ <input id="secure-check" type="checkbox" class="w-4 h-4 bg-gray-800 border-gray-700 rounded focus:ring-blue-500">
412
+ <label for="secure-check" class="ml-2 text-sm text-gray-400">I understand this communication will be encrypted</label>
413
+ </div>
414
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 px-6 py-4 rounded-lg font-bold transition flex items-center justify-center group">
415
+ <i class="fas fa-lock mr-2 group-hover:animate-bounce"></i> Send Encrypted Message
416
+ </button>
417
+ </form>
418
+ </div>
419
+ </div>
420
+ <div class="lg:w-1/2">
421
+ <div class="bg-gray-900 bg-opacity-70 rounded-lg p-8 border border-gray-800 h-full">
422
+ <h3 class="text-2xl font-bold mb-6 text-blue-400">Other Channels</h3>
423
+ <div class="space-y-6">
424
+ <a href="https://github.com/princebarai" target="_blank" class="flex items-center p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition group">
425
+ <div class="bg-black p-3 rounded-full mr-4 group-hover:bg-blue-900 transition">
426
+ <i class="fab fa-github text-2xl text-blue-400"></i>
427
+ </div>
428
+ <div>
429
+ <h4 class="font-bold text-white">GitHub</h4>
430
+ <p class="text-gray-400">github.com/princebarai</p>
431
+ </div>
432
+ <div class="ml-auto text-blue-400">
433
+ <i class="fas fa-external-link-alt"></i>
434
+ </div>
435
+ </a>
436
+ <a href="https://linkedin.com/in/princebarai" target="_blank" class="flex items-center p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition group">
437
+ <div class="bg-black p-3 rounded-full mr-4 group-hover:bg-blue-900 transition">
438
+ <i class="fab fa-linkedin-in text-2xl text-blue-400"></i>
439
+ </div>
440
+ <div>
441
+ <h4 class="font-bold text-white">LinkedIn</h4>
442
+ <p class="text-gray-400">linkedin.com/in/princebarai</p>
443
+ </div>
444
+ <div class="ml-auto text-blue-400">
445
+ <i class="fas fa-external-link-alt"></i>
446
+ </div>
447
+ </a>
448
+ <a href="https://instagram.com/princebarai" target="_blank" class="flex items-center p-4 bg-gray-800 rounded-lg hover:bg-gray-700 transition group">
449
+ <div class="bg-black p-3 rounded-full mr-4 group-hover:bg-blue-900 transition">
450
+ <i class="fab fa-instagram text-2xl text-blue-400"></i>
451
+ </div>
452
+ <div>
453
+ <h4 class="font-bold text-white">Instagram</h4>
454
+ <p class="text-gray-400">@princebarai (project highlights)</p>
455
+ </div>
456
+ <div class="ml-auto text-blue-400">
457
+ <i class="fas fa-external-link-alt"></i>
458
+ </div>
459
+ </a>
460
+ <div class="flex items-center p-4 bg-gray-800 rounded-lg">
461
+ <div class="bg-black p-3 rounded-full mr-4">
462
+ <i class="fas fa-envelope text-2xl text-blue-400"></i>
463
+ </div>
464
+ <div>
465
+ <h4 class="font-bold text-white">Encrypted Email</h4>
466
+ <p class="text-gray-400">princebarai@example.com</p>
467
+ </div>
468
+ </div>
469
+ </div>
470
+ <div class="mt-8">
471
+ <h4 class="font-bold text-white mb-3">PGP Key</h4>
472
+ <div class="bg-black p-4 rounded-lg overflow-x-auto">
473
+ <code class="text-blue-400 text-sm">
474
+ -----BEGIN PGP PUBLIC KEY BLOCK-----<br>
475
+ mQENBFyY5+YBCADJwZJ3w9JzY5M2hJk3Q8X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X<br>
476
+ 9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X<br>
477
+ 9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
478
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
479
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
480
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
481
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
482
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
483
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
484
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
485
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
486
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
487
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
488
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
489
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
490
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
491
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
492
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
493
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
494
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
495
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
496
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
497
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
498
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
499
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
500
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
501
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
502
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
503
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
504
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
505
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
506
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
507
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
508
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
509
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
510
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
511
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
512
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
513
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
514
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
515
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
516
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
517
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
518
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
519
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
520
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
521
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
522
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
523
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
524
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
525
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
526
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
527
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
528
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
529
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
530
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
531
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
532
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
533
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
534
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
535
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
536
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
537
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
538
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
539
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
540
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
541
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
542
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
543
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
544
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
545
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
546
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
547
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
548
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
549
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
550
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
551
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
552
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
553
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
554
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
555
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
556
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
557
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
558
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
559
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
560
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
561
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
562
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
563
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
564
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
565
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
566
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
567
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
568
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
569
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
570
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
571
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
572
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
573
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
574
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
575
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
576
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
577
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
578
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
579
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
580
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
581
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
582
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
583
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
584
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
585
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
586
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
587
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
588
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
589
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
590
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
591
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
592
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
593
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
594
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
595
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
596
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
597
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
598
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
599
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
600
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
601
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
602
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
603
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
604
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
605
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
606
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
607
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6<br>
608
+ v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5<br>
609
+ X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9<br>
610
+ Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7W6v5X9Z7<br>
611
+ W6v5X9Z7W6v5X9Z7W6v5X9Z7W6
612
  </html>
prompts.txt CHANGED
@@ -1,4 +1,5 @@
1
  create a simple tap game
2
  create a hacking tools that perform subdoamin enum, find vul all using dorking and all others.
3
  create a portfolio for a hacker.
4
- create a portfolio for a hacker with animation and attractive and profesional.
 
 
1
  create a simple tap game
2
  create a hacking tools that perform subdoamin enum, find vul all using dorking and all others.
3
  create a portfolio for a hacker.
4
+ create a portfolio for a hacker with animation and attractive and profesional.
5
+ Create a modern, hacker-inspired personal portfolio website for Prince Barai, a passionate cybersecurity researcher, ethical hacker, and Beta Microsoft Learn Student Ambassador from Parul University. The portfolio should have a sleek, dark-themed design with a slightly edgy vibe, showcasing technical skills and hacker energy. Sections to Include: About Me Introduce Prince Barai — a second-year B.Tech Cybersecurity student from India who lives in harmony with nature and finds peace in the sound of rain. He’s a Red Teamer by heart, core member of TryHackMe and The Hackers Meet-Up, and an expert in bug hunting, pentesting, and AI security. He's loyal to Microsoft, inspired by Google, and dreams of protecting the digital world. Projects Feature his major work: LockChat – An encrypted chat app with user authentication, dark mode, emoji support, and save chat options. Secure Blockchain Voting – A secure, transparent voting platform using blockchain. District Integrated Dashboard – A smart tool for district administrators to manage real-time data and projects. All-in-One Cybersecurity Toolkit – Includes port scanning, XSS automation, brute-forcing, SQLi, phishing email gen, malware analysis, etc. Blog Show his technical articles on: Developer Security Python Security Security AI Hands-on guides for beginners with funny examples and real-life analogies. Certifications & Achievements Beta Microsoft Learn Student Ambassador Top Learner on TryHackMe Active on Hack The Box Multiple CTFs participant and host of events on Microsoft Teams related to Azure AI Contact Add links to his: GitHub: https://github.com/princebarai LinkedIn: https://linkedin.com/in/princebarai Instagram Highlights (book thoughts, projects): https://instagram.com/princebarai Email: princebarai@example.com (replace with actual email) Use powerful, confident, and slightly rebellious language that reflects the vibe of a young prodigy building the future of cybersecurity, one exploit at a time.