-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
410 lines (409 loc) · 34.1 KB
/
index.html
File metadata and controls
410 lines (409 loc) · 34.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
<!-- v 0.3 of code for hack_web - sauce: https://github.com/web3privacy/hack_web -->
<!-- Placeholders (search and replace): lorem-ipsum / lorem-ipsum-name / lorem-ipsum-title / lorem-ipsum-subtitle -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="icon" href="./favicon.png">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#000000">
<meta http-equiv="content-security-policy" content="script-src 'self'; form-action 'self';">
<link href="./w3pevent.css" rel="stylesheet">
<title>W3PN Hacks // the hacker journey</title>
<meta name="description" content="Web3Privacy Now supports developers, hackers, cypherpunks and anyone wanting to learn the tools to privacy. Support our mission by sponsoring a program or hackathon.">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@web3privacy">
<meta name="twitter:title" content="Web3Privacy Now // Hack">
<meta name="twitter:description" content="Web3Privacy Now supports developers, hackers, cypherpunks and anyone wanting to learn the tools to privacy. Support our mission by sponsoring a program or hackathon.">
<meta name="twitter:image" content="https://hack.web3privacy.info/img/social-media.png">
<meta name="og:url" content="https://hack.web3privacy.info">
<meta name="og:title" content="Web3Privacy Now // Hack">
<meta name="og:description" content="Web3Privacy Now supports developers, hackers, cypherpunks and anyone wanting to learn the tools to privacy. Support our mission by sponsoring a program or hackathon.">
<meta name="og:image" content="https://hack.web3privacy.info/img/social-media.png">
</head>
<body>
<div style="display: contents">
<div class="relative w-full min-h-screen text-white">
<div id="header" class="fixed w-full h-18 z-40" style="top: 0px;">
<div class="bg-black pb-0.5 pt-2">
<div class="middle-pane-big">
<div class="flex my-1">
<div class="flex items-center gap-4 grow">
<div class="w-32 m-1">
<img src="./img/logo.svg" alt="W3PN">
</div>
</div>
<div class="flex items-center lg:gap-8 xl:gap-14 text-base darker">
<div class="lg:block m-1">
<a class="text-xl hover:underline" href="#manifesto">MANIFESTO</a>
</div>
<div class="lg:block m-1">
<a class="text-xl hover:underline" href="#team">TEAM</a>
</div>
<div class="lg:block m-1 hidden">
<a class="hover:underline external" href="https://matrix.to/#/#web3privacy:gwei.cz">
<img class="inline" src="./img/matrix.svg" alt="matrix"></a>
</div>
<div class="lg:block m-1 hidden">
<a class="hover:underline external" href="https://bsky.app/profile/web3privacy.info">
<img class="inline" src="./img/bluesky.svg" alt="bluesky"></a>
</div>
<div class="lg:block m-1 hidden">
<a class="hover:underline external" href="https://t.me/+DMkrxGNeJzYyYzM0">
<img class="inline" src="./img/telegram.png" alt="telegram"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="intro" class="bg-black text-center text-white px-4">
<div class="w-full h-full items-center text-center mx-auto">
<div class="text-4xl md:text-6xl font-bold mb-4 md:mb-8" style="margin-top: 15%">W3PN HACKS</div>
<div class="mt-12 text-xl mx-4"><p class="italic">Web3 Hackathons are broken,</p></div>
<div class="mt-12 text-xl mx-4"><p class="italic">We are here to change the game.</p></div>
<div class="mt-12 text-xl mx-4"><p class="italic">Web3Privacy Now connects and empower developers, innovators, and cypherpunks to create privacy-preserving thoughtful solutions.</p></div>
<div class="mt-12 bg-white text-black uppercase" style="margin-left: 20%;margin-right: 20%;">
<div class="px-6 py-2.5">
<span><a href="https://docs.web3privacy.info/get-involved/index">Support our mission by sponsoring a program or hackathon</a></span>
</div>
</div>
</div>
</div>
<div id="about" class="bg-black text-center text-white px-4">
<div class="mt-12 mb-4 text-xl mx-4"><p>We know what builders need, what web3 demands, and what users want.</p></div>
<br>
<div class="grid gap-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-4">
<div class="mx-auto">
<p class="text-xl">We organised</p>
<div class="text-mild">
<p>9 Hackathons</p>
<p>30+ Web3 Events</p>
</div>
</div>
<div class="mx-auto">
<p class="text-xl">We gathered</p>
<div class="text-mild">
<p>1200+ developers</p>
<p>15000+ attendees</p>
</div>
</div>
<div class="mx-auto">
<p class="text-xl">We won</p>
<div class="text-mild">
<p>18 Hackathons</p>
<p>the very best memes</p>
</div>
</div>
<div class="mx-auto">
<p class="text-xl">We have</p>
<div class="text-mild">
<p>60+ years web3 xp</p>
<p>135+ years tech xp</p>
</div>
</div>
</div>
</div>
<div id="tools" class="bg-black text-white px-4">
<div class="section-header">Tools for the Trade</div>
<div class="mt-12 text-xl mx-4 text-center"><p>We produce knowledge and offer tools to help individuals make better choices</p></div>
<br>
<div class="grid gap-4 grid-cols-2 md:grid-cols-2 lg:grid-cols-2">
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://explorer.web3privacy.info" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-explorer.png" alt="tool - privacy explorer" class="object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Explorer</div>
<div class="mt-2 text-sm markdown-basic"><p>A ranked database system to empower the general public in exploring the privacy levels, security, and reliability of Web3 projects</p></div>
</a></div>
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://docs.web3privacy.info/research/hackathon-pack" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-builder-pack.png" alt="tool - builder pack" class="object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Privacy Builder Pack</div>
<div class="mt-2 text-sm markdown-basic"><p>Hacker Manuals & Privacy Guidelines to help the builders deliver practical privacy-enhancing projects, turn them into products, & scale being sustainable.</p></div>
</a></div>
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://ideas.web3privacy.info" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-idea-gen.png" alt="tool - idea generator" class="aspect-square object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Idea Generator</div>
<div class="mt-2 text-sm markdown-basic"><p>use-cases ideation tool from hackathons to the next idea explorations</p></div>
</a></div>
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://docs.web3privacy.info/research/personal-stack" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-stack.png" alt="tool" class="object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Privacy Stacks</div>
<div class="mt-2 text-sm markdown-basic"><p>List of free & open-source tools that experts are using today to ensure sovereign stack, active practical privacy etc.</p></div>
</a></div>
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://academy.web3privacy.info" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-academy.png" alt="tool" class="object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Privacy Academy</div>
<div class="mt-2 text-sm markdown-basic"><p>Academy is your free pass to mastering privacy in the digital age. Learn the essentials—cryptography, human rights, and activism—all in one place.</p></div>
</a></div>
<div class="hover:bg-white hover:text-black person-item border border-white/30"><a href="https://ideas.web3privacy.info" target="_blank" rel="noopener noreferrer">
<div><img src="./img/tool-sponsor.png" alt="tool" class="object-cover"></div>
<div class="pb-4 px-4 mt-4 speaker-name">Sponsor new tooling!</div>
<div class="mt-2 text-sm markdown-basic"><p>Become a Privacy Champion and sponsor the building of open-sourced privacy tooling for all</p></div>
</a></div>
</div>
</div>
<div id="hackathon" class="bg-black text-center text-white px-4">
<div class="mt-16 text-4xl md:text-6xl font-bold mb-4 md:mb-8 font-mono2 font-thin lowercase">All this in one place: The Hackathon</div>
<img src="./img/hackathon-cropped.png" class="aspect-square object-cover w-full" alt="hackathon-image">
<div class="mt-12 text-xl mx-4"><p class="italic">A three-day, in-person gathering</p></div>
<div class="mt-12 text-xl mx-4"><p class="italic">focusing on first principles, usability, and real-world impact</p></div>
<div class="mt-12 text-xl mx-4"><p class="italic">Web3Privacy Now connects and empower developers, innovators, and cypherpunks to create privacy-preserving thoughtful solutions.</p></div>
<div class="mt-12 bg-white text-black uppercase" style="margin-left: 20%;margin-right: 20%;">
<div class="px-6 py-2.5">
<span><a href="https://hackathon.web3privacy.info">Join our upcoming Hackathon in Berlin</a></span>
</div>
</div>
</div>
<div id="tracks" class="bg-black text-center text-white px-4">
<div class="section-header">Tracks</div>
<br>
<div class="text-center px-10 text-white hover:bg-white hover:text-black">
<div class="text-xl uppercase"><p>Builders are free to use the stack they prefer, delivering impactful innovation beyond bounty constraints</p>
<ul class="mt-8 mb-8 px-6">
<li class="mb-2 pl-2">// ADVANCED CRYPTOGRAPHY //</li>
<li class="mb-2 pl-2">// CENSORSHIP RESISTANCE //</li>
<li class="mb-2 pl-2">// APPLIED ENCRYPTION //</li>
<li class="mb-2 pl-2">// PRIVACY-FIRST AI //</li>
<li class="mb-2 pl-2">// USER ONBOARDING //</li>
<li class="mb-2 pl-2">// DESIGN (UI/UX) //</li>
<br>
</ul>
</div>
</div>
</div>
<div id="concept" class="bg-black text-white px-4">
<div class="section-header">Concept</div>
<div class="text-xl uppercase"><p>Build for Impact, Not Just Bounties</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>Most hackathons reward short-term wins. We focus on real-world, self-sustaining privacy solutions judged on tech, business logic, use case, and impact—ensuring projects go beyond the event.</p></div>
<div class="text-xl uppercase"><p>Open-Source & Tech-Agnostic Innovation</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>Tracks are tech, chain, and protocol-agnostic. No forced stacks, no product pushing. Builders have the freedom to use the best tools for their creativity without being limited by bounty-specific technologies. Encouraging open innovation drives meaningful progress.</p></div>
<div class="text-xl uppercase"><p>Collaboration over Competition</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>A fun, productive, and stress-free experience—built by builders, for builders. Collaborate with designers, engineers, marketers, and researchers while gaining direct access to industry mentors to work on open-source tools that matter.</p></div>
<div class="text-xl uppercase"><p>A Game-Changing Hackathon</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>We champion open innovation to create real, privacy-first solutions that last. W3PN_Hacks is a unique cross-disciplinary, protocol-agnostic, and care-driven hackathon where developing practical tools is the priority.</p></div>
<div class="text-xl uppercase"><p>Our Invitation</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>We invite and curate hackers of all skill levels with a passion to support public-goods and open source tooling to join us in improving the digital privacy of all human beings around the world - uniting experienced web3 hackathon winners, OG web2 hackers, devrels, software engineers, internet experts, human rights activists, researchers, designers, anyone passionate about creating privacy-preserving applications and resisting online surveillance.</p></div>
<div class="text-xl uppercase"><p>Free as in Freedom</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>The Hackaton is agnostic to the applications, technology stacks, cryptographic primitives and architectures that are being hacked on, as long as it improves the privacy of users and is open-sourced. We believe that privacy is not about building tools for only one ecosystem, chain, or application; as such there are no 'protocol' or 'ecosystem' specific tracks in this hackathon.</p></div>
<div class="text-xl uppercase"><p>Toucing Grass</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>We will curate a neutral and stimulating environment where Hackers are free to build whatever project they see fit, or to jump in on other projects that are ongoing and take up tasks. We break the competition mindset that we seek in traditional hackathons where 'teams' compete for prizes, here we build together and learn together, for open-source. What we need are privacy champions that support us.</p></div>
<div class="text-xl uppercase"><p>Iterative Design</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>As the first iteration of this new concept event format, we seek to break what many of us experienced as negatives within the current web2/3 hackathons. <a class="underline" href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/eX712tU88lqW8UDR3Bkh5Wt3NpuSJgPJq1OdtD2CJaY">Our independent researchers describe the current landscape in great depth in this recent article entitled Cypherpunk Hacker Class 2.0</a></p></div>
<img src="./img/hackathon-tourism.png" class="w-full" alt="hackathon-tourism">
<div class="text-xl uppercase"><p>Avoiding Hackthon Tourism</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>We seek to bring together the builders, first and foremost to create engaging connections between them and have fun whilst doing what they love. We remove stress, sleep-less nights, and the pressure of the competition from the usual format of these events, replacing it with wellness, inter-disciplinary sharing and genuine human care - we dubbed this kind of event a 'Careathon', of which Berlin is the first edition.</p></div>
<div class="text-xl uppercase"><p>Signal Boost</p></div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild"><p>We seek privacy champions to support this exploration and the open-source tooling that will arise from it, supporting the developer ecosystem of the entire space and not just one chain or protocol, as well as shoot a signal for all to see that you care about privacy and the future.</p></div>
<div class="text-center px-10 text-white hover:bg-white hover:text-black"><a href="mailto:web3privacynow@protonmail.com"><p>Would you like to know more? set-up a call</p></a></div>
</div>
<div id="mentors" class="bg-black text-white px-4">
<div class="section-header">Mentors</div>
<div class="mt-12 text-xl mx-4 text-center"><p class="italic">Our Hackathon Mentors bring not only technical expertise but also a strong foundation in ethics, activism, and solidarity</p></div>
<br>
<div class="grid grid-cols-5 md:grid-cols-5 lg:grid-cols-5 xl:grid-cols-5 gap-2 mb-6">
<div class="partner-item text-center items-center p-2">
<div><img src="./img/sebastian.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text"><a href="https://lorem-ipsum" class="text-xl"><p>Sebastian</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/alan.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text class="text-xl"><p>Alan</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/jacob.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text"><p>Jacob</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/lftherios.png" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Eleftherios</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/max.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Max</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/bertrand.jpeg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Bertrand</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/alex.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Alex</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/bianca.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Bianca</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/tranquilflow.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Tranquilflow</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/owen.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Owen</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/antonio.jpg" class="partner-img aspect-[16/11] w-full h-full object-contain p-0" alt="mentor"></div>
<div class="p-2 partner-text text-xl"><p>Antonio</p></div>
<div><a href="https://lorem-ipsum" class="text-sm text-mild">ORGANISATION</a></div>
<div><a href="https://x.com/@lorem-ipsum" class="text-sm text-mild">@lorem-ipsum</a></div>
</div>
</div>
</div>
<div id="cta-sponsor" class="text-center text-lg uppercase">
<div class="inline-block bg-white text-black font-medium md:w-auto w-3/4">
<div class="px-6 py-2.5 hover:bg-black hover:text-white">
<span><a href="mailto:web3privacynow@protonmail.com">BECOME A PRIVACY CHAMPION</a></span>
</div>
<div class="px-6 py-2.5 hover:bg-black hover:text-white">
<span><a href="mailto:web3privacynow@protonmail.com">SPONSOR A HACKER'S JOURNEY</a></span>
</div>
</div>
</div>
<div id="manifesto" class="bg-black text-white px-4">
<div class="section-header">Manifesto</div>
<div class="mx-auto px-10 mt-10 mb-8 text-mild">The legacy of Cypherpunks existed to empower our digital sovereignty and privacy. It's 2025, and surveillance capitalism threatens our human rights once again. Time has come for our proactive measures to defend these rights. We welcome all skilled individuals from all fields and industries to develop the tools to safeguard personal privacy. Tools that are accessible and intuitive for everyone. We embrace a technology-agnostic approach. Use the best tool for the job, where we build open-source projects that enhance privacy. Together, we are shaping a future where privacy and safety are paramount in a digital world. We are the next wave of Cypherpunks, committed to building practical privacy tools for digital self-defence and sovereignty.</div>
<div class="text-center px-10 text-white hover:bg-white hover:text-black"><a href="./manifesto.html">
<div class="text-2xl uppercase ticket-title"><p>click here to read the full manifesto here</p>
<ul class="mt-8 mb-8 px-6">
<li class="mb-2 pl-2 text-sm">// CYPHERPUNKS INSPIRE //</li>
<li class="mb-2 pl-2 text-sm">// CYPHERPUNKS BUILD //</li>
<li class="mb-2 pl-2 text-sm">// CYPHERPUNKS INNOVATE //</li>
<li class="mb-8 pl-2 text-sm">// CYPHERPUNKS UNITE //</li>
<li class="mb-8 pl-2 text-sm"> </li>
</ul>
</a></div>
</div>
</div>
<div id="team" class="mt-10 bg-black text-white px-4">
<div class="section-header">TEAM</div>
<div class="mt-12 text-xl mx-4 text-center"><p class="italic">We organized, judged, and won over 25 hackathons. We understand what builders need, what web3 demands, and what users want.</p></div>
<div class="grid grid-cols-5 md:grid-cols-5 lg:grid-cols-5 xl:grid-cols-5 gap-2 mb-6">
<div class="partner-item text-center items-center p-2">
<div><img src="./img/mf.jpeg" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>mf</p></div>
<div><a href="https://x.com/0x_m_f" class="text-sm text-mild">@0x_m_f</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/cat.png" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>cat</p></div>
<div><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" class="text-sm text-mild">@cat</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/pg.jpg" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>pg</p></div>
<div><a href="https://x.com/PG_CDG" class="text-sm text-mild">@PG_CDG</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/jensei.png" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>jensei</p></div>
<div><a href="https://x.com/jensei_" class="text-sm text-mild">@jensei_</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/alina.jpg" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>alina</p></div>
<div><a href="https://x.com/alinalatinina" class="text-sm text-mild">@alinalatinina</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/coinmandeer.png" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>coinmandeer</p></div>
<div><a href="https://x.com/coinmandeer" class="text-sm text-mild">@coinmandeer</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/andreea.jpeg" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>andreea</p></div>
<div><a href="https://x.com/iandreeacia" class="text-sm text-mild">@iandreeacia</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/robert.png" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>robert</p></div>
<div><a href="https://x.com/robdotrego" class="text-sm text-mild">@robdotrego</a></div>
</div>
<div class="partner-item text-center items-center p-2">
<div><img src="./img/mykola.png" alt="team" class="partner-img aspect-[16/11] w-full h-full object-contain p-0"></div>
<div class="p-2 partner-text text-xl"><p>mykola</p></div>
<div><a href="https://x.com/@nicksvyaznoy" class="text-sm text-mild">@nicksvyaznoy</a></div>
</div>
</div>
</div>
<div id="past" class="bg-black text-white px-4">
<div class="section-header">PAST EVENTS</div>
<div class="mx-auto">
<div class="grid gap-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-4">
<div class="hover:bg-white hover:text-black border border-white/30">
<div><img src="./img/berlin.jpg" class="aspect-square object-cover w-full" alt="past-event"></div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">Berlin 2025</div>
<div class="text-mild"><a href="https://hackathon.web3privacy.info" class="hover:underline" target="_blank">Ongoing</a></div>
<div class="mt-2 text-sm markdown-basic">
<p>13 - 15 // June</p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black border border-white/30">
<div><img src="./img/placeholder-event-1.png" class="aspect-square object-cover w-full" alt="past-event"></div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">Buenos Aires 2025</div>
<div class="text-mild"><a href="https://x.com/web3privacy" class="hover:underline" target="_blank">Future</a></div>
<div class="mt-2 text-sm markdown-basic">
<p>Pending Sponsorship</p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black border border-white/30">
<div><img src="./img/placeholder-event-2.png" class="aspect-square object-cover w-full" alt="past-event"></div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">Prague 2026</div>
<div class="text-mild"><a href="https://x.com/web3privacy" class="hover:underline" target="_blank">Future</a></div>
<div class="mt-2 text-sm markdown-basic">
<p>Pending Sponsorship</p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black border border-white/30">
<div><img src="./img/placeholder-event-3.jpeg" class="aspect-square object-cover w-full" alt="past-event"></div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">Your Community</div>
<div class="text-mild"><a href="https://x.com/web3privacy" class="hover:underline" target="_blank">Future</a></div>
<div class="mt-2 text-sm markdown-basic">
<p>Pending Sponsorship</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="cta-footer" class="items-center text-center text-lg md:text-xl uppercase mt-12">
<div class="inline-block bg-white text-black font-medium md:w-auto w-3/4">
<div class="px-6 py-2.5 inline-block font-medium">CALL TO ACTION</div>
<div class="px-6 py-2.5 inline-block font-medium hover:bg-white hover:text-black"><a href="mailto:web3privacynow@protonmail.com">SEND US AN EMAIL</a></div>
</div>
</div>
</div> <!--keep this /div as it wraps whole page-->
</div> <!--keep this /div as it wraps whole page-->
<footer>
<div class="text-center text-white middle-pane-big pt-10 mx-auto font-mono2">
<p><a href="https://web3privacy.info" class="external text-md no-underline hover:underline" target="_blank">Web3Privacy Now website |</a><a href="https://matrix.to/#/#web3privacy:gwei.cz" class="external text-md no-underline hover:underline" target="_blank">| Matrix |</a><a href="https://x.com/web3privacy" class="text-md no-underline hover:underline external" target="_blank">| X |</a><a href="https://staging.bsky.app/profile/web3privacy.info" class="external text-md no-underline hover:underline" target="_blank">| Bluesky |</a><a href="https://www.youtube.com/@Web3PrivacyNow" class="external text-md no-underline hover:underline" target="_blank">| Youtube</a></p>
<p>Built with web standard HTML, CSS & JS || <a href="https://github.com/web3privacy/hack_web">code is opensourced</a> || v 0.3</p>
</div>
</footer>
</body>
</html>