-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
366 lines (366 loc) · 23.4 KB
/
index.html
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
<!-- v 1.4 of code for Web3Privacy Now Awards -->
<!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>Privacy Proof 2024 Awards</title>
<meta name="description" content="The 2nd edition of the Web3Privacy Now Community awards">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@web3privacy">
<meta name="twitter:title" content="Web3Privacy Now Awards">
<meta name="twitter:description" content="The 2nd edition of the Web3Privacy Now Awards">
<meta name="twitter:image" content="https://awards.web3privacy.info/img/banner-square.png">
<meta name="og:url" content="https://awards.web3privacy.info">
<meta name="og:title" content="Web3Privacy Now Awards 2024">
<meta name="og:description" content=""The 2nd edition of the Web3Privacy Now Awards">
<meta name="og:image" content="https://awards.web3privacy.info/img/banner-square.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/logo6.svg" alt="Web3Privacy Now">
</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="#process">PROCESS</a>
</div>
<div class="lg:block m-1">
<a class="text-xl hover:underline" href="#nominate">NOMINATE</a>
</div>
<div class="lg:block m-1">
<a class="text-xl hover:underline" href="#winners">WINNERS</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>
</div>
</div>
</div>
</div>
<div id="intro" class="w-full h-screen bg-[url('./img/bg.webp')]">
<div class="w-full h-full flex items-center text-center">
<div class="mx-auto px-4">
<div class="text-4xl md:text-6xl font-bold mb-4 md:mb-8 font-mono2 font-thin lowercase">Web3Privacy Now Awards</div>
<div class="mt-12 text-xl mx-4"><p class="italic">Annual community driven awards given to the best and worst within the privacy ecosystem</p></div>
<div class="mt-14 mb-16 uppercase" style="border-style: solid;border-color: #e5e7eb;border-width: 1px;margin-left: 20%;margin-right: 20%;margin-bottom: 5rem;">
<div class="px-6 py-2.5">
<span>Announcement: 30 December 2024</span> during <a href="https://web3privacy.info" target="_blank" class="underline hover:no-underline font-medium">livestream</a>
</div>
</div>
</div>
</div>
</div>
<div id="about" class="bg-black text-center px-4">
<div class="py-16 md:py-32 md:w-5/6 mx-auto text-mild">
<p class="section-header">What are the Privacy Awards?</p>
<div class="markdown multiline text-white font-mono2 lowercase py-10">
<p>The state of privacy within web3 changes every year. New research papers, projects, demos, and events are delivered. We want to give the privacy community a voice & celebrate annual privacy contributions worldwide.</p>
<p>We ask leaders behind privacy protocols, enthusiasts, developers, researchers, and community builders to share their opinions on the year's crucial privacy projects, people, and events.</p>
<p>Our goals help privacy projects get a new audience facilitate community contribution to privacy knowledge sharing create a discussion around the annual privacy footprint.</p>
<p>The categories for the 2024 Awards are</p>
<img src="./img/w3pn-awards-categories.png" alt="award categories" class="aspect-square object-cover w-full">
</div>
</div>
</div>
<div id="process" class="bg-black text-center px-4">
<div class="py-16 md:py-32 md:w-5/6 mx-auto text-mild">
<p class="section-header">The Awards Process</p>
<p>We use the following methodology during the nominations, voting and awards process</p>
<div class="markdown multiline">
<p class="text-white font-mono2 py-10">Nomination process: Any person can Nominate a candidate for any of the 4 categories of Awards this year, by answering the following questions:</p>
<p>1 - What is your favourite pro-privacy project/product of 2024? *Name one*</p>
<p>2 - What was the major news or key event regarding privacy in 2024? *Name two*</p>
<p>3 - What is the most exciting innovation (new research, protocols, or approaches) supporting privacy? *Name two*</p>
<p>4 - Doxxer of the year (any project, person, or organisation that sought to reduce privacy within the space). *Name one*</p>
<br>
</div>
<p class="section-header">Important dates for the 2024 Awards</p>
<div class="markdown multiline">
<p>Nominations open: 2nd December 2024</p>
<p>Nominations close: 26th December 2024</p>
<p>Privacy Awards livestream with announcement of winners: 30th December 2024</p>
</div>
</div>
</div>
<div id="last-edition" class="bg-black text-center px-4">
<div class="py-16 md:py-32 md:w-5/6 mx-auto text-mild">
<p class="section-header">2023 edition of the Privacy Awards</p>
<div class="markdown multiline">
<p class="text-white font-mono2 lowercase py-10">Out of the 209 nomination submissions the Award winners were:</p>
<div class="grid gap-4 grid-cols-2 md:grid-cols-2 lg:grid-cols-4">
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<img src="./img/2023-winner-a.png" alt="winner" class="aspect-square object-cover w-full">
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<img src="./img/2023-winner-b.png" alt="winner" class="aspect-square object-cover w-full">
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<img src="./img/2023-winner-c.png" alt="winner" class="aspect-square object-cover w-full">
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<img src="./img/2023-winner-d.png" alt="winner" class="aspect-square object-cover w-full">
</div>
</div>
<br>
</div>
<p class="text-white font-mono2 lowercase py-10">You can read the full breakdown of the 2023 Awards in the following Mirror posts:</p>
<div class="grid gap-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-4">
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-a.png" alt="2023 mirror blog">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Awards announcement</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/u-K59tVbfnFB9M-TTSpTIf7ef3zlsg9FXklDCRwAr70">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-b.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Longlist announcement</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/g9ypqVmAIllC3q1qy1EmNfaKR4RemDBYlMLDNbnooEk">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-c.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Longlist update</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/hEDewxQxukOHZcTqoXNdkrmioEiBb2SrObDZ9oanVM4">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-h.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Finalist announcement</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/wyFhJ9_ayxA6BXTW0WE1h4ZackVTjrZTeC28Y6-J4mc">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-d.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Pro-privacy projects of 2023</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/LdOt0mlG_nXqhnmLf7s-X13NDNdpwQw72ESKaJq-0zA">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-e.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Major News & Events of 2023</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/sy5SdjIHlu-6FMbF6bos_NNWveHSc-_RstKfdIdbfJQ">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-f.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Exiting Innovations of 2023</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/pbTUSd5RerKKwmeqWmzl5VDmtuykkalqFUBTy0EQUNA">Read it on Mirror</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black">
<div>
<img src="./img/2023-mirror-g.png" alt="2023 mirror blog" class="object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">Doxxer of the year of 2023</div>
<div class="text-mild">
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://mirror.xyz/0x0f1F3DAf416B74DB3DE55Eb4D7513a80F4841073/Yx-Hc2kw2sDVixLkKQ5F1ZDN33eKGYYkK4fjVdPouIE">Read it on Mirror</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="nominate" class="text-center bg-black text-white px-4">
<div class="section-header">NOMINATE YOUR CHOICES FOR 2024 PRIVACY AWARDS</div>
<div class="markdown multiline">
<div class="mt-10 mb-8 text-mild">It is very easy to submit your nominations and your choices matter to the Awards - any person can submit a nomination (no vetting)</div>
<p class="mt-10 mb-8 text-mild">Write out your nominations by answering each of the 4 questions</p>
<p class="mt-10 mb-8 text-mild">Submit your nominations to the team via one of the following:</p>
<p class="mt-10 mb-8 text-mild"> + Send a DM via X / Twitter to the <a href="https://x.com/web3privacy">web3privacy profile</a></p>
<p class="mt-10 mb-8 text-mild"> + Join our <a href="https://matrix.to/#/!KJQzQxqrNPOVcgveVO:matrix.org?via=matrix.org&via=gwei.cz&via=matrix.freyachat.eu">Matrix Group Chat</a> and share it there with our community</p>
<p class="mt-10 mb-8 text-mild"> + Send us an email to <a href="mailto:[email protected]">[email protected]</a></p>
<p class="mt-10 mb-8 text-mild">Note: if you are affiliated with a privacy project (work or invest in them) please name a different one, this will reduce the bias in our nominations and make the Awards better overall. We respect anonymity and privacy, we welcome submissions from all users including from anon/pseudonymous ones.</p>
<div class="section-header">A sample of the current 2024 nominations</div>
<div class="grid gap-4 grid-cols-2 md:grid-cols-2 lg:grid-cols-2">
<img src="./img/2024-awards-example-michelle-lai.jpeg" alt="winner" class="bg-black object-cover w-auto">
<img src="./img/2024-awards-example-seth.jpeg" alt="winner" class="bg-black object-cover w-auto">
<img src="./img/2024-awards-example-pavol.jpeg" alt="winner" class="bg-black object-cover w-auto">
<img src="./img/2024-awards-example-vitalik.jpeg" alt="winner" class="bg-black object-cover w-auto">
<br>
</div>
</div>
<div id="winners" class="bg-black text-white text-center px-4">
<div class="section-header">winners</div>
<div class="text-2xl px-10 text-white hover:bg-white hover:text-black">
<p>The Awards ceremony will happen on the 30th of December</p>
<br>
<br>
</div>
</div>
<div id="cta" 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:[email protected]">BECOME A PRIVACY CHAMPION</a></span>
</div>
<div class="px-6 py-2.5 hover:bg-black hover:text-white">
<span><a href="mailto:[email protected]">NOMINATE YOUR CHOICES NOW</a></span>
</div>
</div>
</div>
<div class="bg-black text-white px-4" id="hosts">
<div class="section-header">Hosted by</div>
<div class="mx-auto">
<div class="grid gap-4 grid-cols-2 md:grid-cols-3 lg:grid-cols-5">
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<div>
<img src="./img/mykola.png" alt="speaker" class="aspect-square object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">MYKOLA SIUSKO</div>
<div class="text-mild">
<a href="https://twitter.com/nicksvyaznoy" class="hover:underline" target="_blank">@nicksvyaznoy</a>
</div>
<div class="mt-2 text-sm markdown-basic">
<p>Web3 privacy advocate behind <a href="https://web3privacy.info/">Web3Privacy Now</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<div>
<img src="./img/pg1.png" alt="speaker" class="aspect-square object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">PG</div>
<div class="text-mild">
<a href="https://twitter.com/PG_CDG" class="hover:underline" target="_blank">@PG_CDG</a>
</div>
<div class="mt-2 text-sm markdown-basic">
<p>Larrikin sling master behind <a href="https://web3privacy.info/">Web3Privacy Now</a>| <a href="https://www.ethrome.org/">ETHRome</a>
</p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<div>
<img src="./img/robert.png" alt="speaker" class="aspect-square object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 text-xl">ROBERT</div>
<div class="text-mild">
<a href="https://twitter.com/robdotrego" class="hover:underline" target="_blank">@robdotrego</a>
</div>
<div class="mt-2 text-sm markdown-basic">
<p><a href="https://www.ethswarm.org/">Swarm</a> | <a href="https://ethprague.com/">ETH Prague</a></p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<div>
<img src="./img/coinmandeer.png" alt="speaker" class="aspect-square object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">COINMANDEER</div>
<div class="text-mild">
<a href="https://twitter.com/KeenOfCoin" class="hover:underline" target="_blank">@KeenOfCoin</a>
</div>
<div class="mt-2 text-sm markdown-basic">
<p>Web3 UI/UX Designer</p>
</div>
</div>
</div>
<div class="hover:bg-white hover:text-black person-item border border-white/30">
<div>
<img src="./img/regulations-vs-privacy.webp" alt="speaker" class="aspect-square object-cover w-full">
</div>
<div class="pb-4 px-4">
<div class="mt-4 speaker-name">VOLUNTEER</div>
<div class="text-mild">
<a href="https://twitter.com/robdotrego" class="hover:underline" target="_blank">Join us as an event volunteer</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="donation" class="text-center mt-14 text-2xl px-10 text-white hover:bg-white hover:text-black">
<div class="uppercase">
<p>give back to Web3Privacy Now</p>
</div>
<div class="uppercase mt-5">
<p>send us a donation</p>
</div>
<ul class="mt-8 text-center px-6">
<li class="underline mb-2 pl-2 text-sm"><a href="ethereum:0xc3b5331362aF2C6c32cA22A893142e06BB1608c1">Ethereum: 0xc3b5***1608c1</a> - <a href="./img/w3p-qr-eth-white.png">tap here for QR code</a></li>
<li class="underline mb-2 pl-2 text-sm"><a href="bitcoin:bc1qfacmh9rqhh3j3xayxzga9xrgas894zfe2v37rz">Bitcoin: bc1qfa***2v37rz</a> - <a href="./img/w3p-qr-btc-white.png">tap here for QR code</a></li>
<li class="underline mb-2 pl-2 text-sm"><a href="monero:45hzJHESi64PYf44PmewggSNcxjLqBYdtLQuFKQ8XS1r8PiJUciBjbNCbvuVmJTmTnCmMXUQ2SPo8ASpZ9Rfq6L7F8vpcUV">Monero: 45hzJH***8vpcUV</a> - <a href="./img/w3p-qr-xmr-white.png">tap here for QR code</a></li>
<li class="underline mb-2 pl-2 text-sm"><a href="zcash:zs1mzlsgmt05dz4yl8uk2nw66vjfqngkunedrf0vcqsh7d4azjuaw353gm4wvhzucvvuum9c3ecncy">Zcash: zs1mzls***c3ecncy</a> - <a href="./img/w3p-qr-zec-white.png">tap here for QR code</a></li>
</ul>
</div>
<div id="footer">
<div class="text-center 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://twitter.com/web3privacy" class="text-md no-underline hover:underline external" target="_blank">| Twitter |</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>
</div>
<div class="text-center middle-pane-big pt-10 mx-auto font-mono2">
<p>Built with only HTML & <a href="https://tailwindcss.com/">Tailwind CSS</a> || <a href="https://github.com/web3privacy/awards">code is here</a> || v 1.4</p>
</div>
</div>
</div>
</div>
</body>
</html>