-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
428 lines (415 loc) · 21 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
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
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="https://fonts.googlefonts.cn/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link href="style.css" rel="stylesheet"></link>
<link href="style.mobile.css" rel="stylesheet"></link>
<title>ZuSocial</title>
</head>
<body>
<div class="module module-a">
<h1 class="logo">
<a href="/" title="ZuSocial">
<img src="images/logo.png" alt="">
</a>
</h1>
<img src="images/post_1.svg" class="post" alt="">
<div class="module-a-1">
<div>Hacker House</div>
<div>for</div>
<div>Decentralized</div>
<div>Social Infra</div>
</div>
<img src="images/pic_2.svg" class="pic-2" alt="">
<div class="module-a-2">
<div>Istanbul,
<div>Nov 5 - Nov 19</div>
<div>2023</div>
</div>
</div>
<a href="https://app.sola.day/event/zusocial/calendar" class="join-btn-1">
<img src="images/join_btn.svg" alt="">
</a>
</div>
<div class="module module-b">
<svg xmlns="http://www.w3.org/2000/svg" width="115" height="64" viewBox="0 0 115 64" fill="none">
<path d="M12.2323 44.2781C18.988 44.2781 24.4646 38.8016 24.4646 32.046C24.4646 25.2904 18.988 19.814 12.2323 19.814C5.47659 19.814 0 25.2904 0 32.046C0 38.8016 5.47659 44.2781 12.2323 44.2781Z"
fill="#F7DF3A"/>
<path d="M83.0496 63.8988C100.695 63.8988 115 49.5945 115 31.9494C115 14.3042 100.695 0 83.0496 0C65.4041 0 51.0996 14.3042 51.0996 31.9494C51.0996 49.5945 65.4041 63.8988 83.0496 63.8988Z"
fill="#52B5A4"/>
</svg>
<div class="module-inner">
<div class="module-inner-left">
<h2 class="module-inner-left-title">Solving the biggest challenges in Decentralized Social Media</h2>
<p class="module-inner-left-des">
Social networks are the information fabric of both our personal life and
social consensus, a public infra calling for a multi-discipline approach. As part of ZuConnect, this
hacker house brings together the experiences from DWeb, the experiments from Web3, and the lessons from
physical public spaces, to ask the right questions and challenge the status quo.
</p>
<p class="module-inner-left-des"><b>Hosting Teams:</b><br>Matters Lab, Mask Network, Social Layer</p>
<p class="module-inner-left-des"><b>Start date and end date:</b><br>Nov 5 - Nov 19</p>
</div>
<div class="module-inner-left">
<div class="module-inner-left-des">
In the early days of Ethereum, two other protocols, Swarm the content-addressed storage layer and Whisper the messaging protocol, were proposed to form a “world computer” together with Ethereum the blockchain. In the following years, DeFi took off, Ethereum bloomed into a vibrant ecosystem, while Swarm and Whisper faded into obscurity. Yet the fundamental remains unchanged: storage and messaging are still prerequisites for any decentralized application beyond finance.
<p>
Meanwhile, the digital world we live in is quickly fractalizing. In some counties, social media tightens up censorship, and civic journalism is eliminated. In the open societies, Elon Musk bought Twitter, creating an exodus searching for alternatives. What if we still have a chance? What if instead of building everything from scratch, we connect the dots, enhance battle-tested applications, and enable the huge pools of existing users?
</p><p>
Swarm and Whisper might be forgotten, but IPFS has become the <i>de facto</i> standard for content addressing, while ActivityPub is now the preferred social messaging protocol for companies from Cloudflare to Meta. Ethereum has already become a comprehensive ecosystem for decentralized identity management and digital assets, where on-chain games and attestation are becoming new forms of social interaction. Can we arrive at a decentralized, unstoppable, and usable infrastructure for social interactions, and will we be fast enough in front of the expansion of the centralized world?
</p><p>
These are the questions we try to answer together in this hacker house. By bringing together the experience of DWeb social and the power of Web3, we will try to find how to address the real-world need for decentralized social networks and lock the web open.
</p></div>
</div>
</div>
</div>
<div class="module module-c">
<img class="module-c-icon" src="images/about.svg" alt="">
<h2 class="module-c-title">About</h2>
<div class="module-c-inner">
<div class="module-c-inner-left">
<div class="item">
<div class="main">14</div>
<div class="sub">Days</div>
</div>
<div class="item">
<div class="main">4</div>
<div class="sub">Tracks</div>
</div>
<div class="item">
<div class="main"></div>
<div class="sub">Open Talks</div>
</div>
</div>
<div class="module-c-inner-right">
<div class="item">
<div class="main">On-Chain Identity and Reputation</div>
<div class="sub">
How do we integrate the growing blockchain identity ecosystem into existing decentralized networks?
Interested in designing the best solution for proof-of-humanhood?
</div>
</div>
<div class="item">
<div class="main">Take Web3 Social Networks to Users and Markets</div>
<div class="sub">
In Web2, advertisement and subscription emerged as two major models, both with problems. With smart
contract, how do we redesign them, or invent alternatives?
</div>
</div>
<div class="item">
<div class="main">Autonomous Social</div>
<div class="sub">
What is the social landscape look like when AI copilots and LLMs level up our digital experience?
What’s the role of human creators when contents are mostly generated by AIs?
</div>
</div>
<div class="item">
<div class="main">All About Social Graph</div>
<div class="sub">
Social graph can be stored in p2p networks, federated networks or blockchain networks. What are
their most suitable use cases, and can we combine them together?
</div>
</div>
</div>
</div>
</div>
<div class="module module-d">
<h2 class="module-d-title">ZuSocial is the <br class="mobile"> Intersection of <br>ZuConnect, Dweb and <br
class="mobile">DevConnect</h2>
<div class="module-d-links">
<a href="https://zuzalu.city/">
<img src="images/link_3.png" alt="">
Zuzalu
</a>
<a href="https://getdweb.net/">
<img src="images/link_2.png" alt="">
Dweb
</a>
<a href="https://devconnect.org/">
<img src="images/link_1.png" alt="">
DevConnect
</a>
</div>
</div>
<div class="module module-e">
<img src="images/speakers.svg" class="module-e-icon" alt="">
<h2 class="module-e-title">Speakers</h2>
<div class="module-e-inner">
<div class="item">
<img src="images/speaker.png" alt="">
<div class="name">Vitalik Buterin</div>
<div class="des">Ethereum co-founder</div>
<a href="/" class="link" style="display: none">@VitalikButerin</a>
</div>
<div class="item">
<img src="images/speaks/Rabble.png" alt="">
<div class="name">Rabble</div>
<div class="des">Nos.social</div>
</div>
<div class="item">
<img src="images/speaks/Matt_Prewitt.png" alt="">
<div class="name">Matt Prewitt</div>
<div class="des">RadicalXChange</div>
</div>
<div class="item">
<img src="images/speaks/Kevin_Owocki.png" alt="">
<div class="name">Kevin Owocki</div>
<div class="des">Founder, Gitcoin</div>
</div>
</div>
</div>
<div class="module module-f">
<img src="images/how_to_join.svg" class="module-f-icon" alt="">
<h2 class="module-f-title">How to <br> Join and Share</h2>
<p class="module-f-des">Decentralized Social Infra Hackerhouse is an event we co-create, encouraging everyone to
share their talents.</p>
<div class="module-f-sub">
<div class="item">
<p> Maybe you want to:</p>
<ul>
<li>Deliver a presentation.</li>
<li>Conduct a technology workshop.</li>
<li>Offer your assistance in the hackerhouse.</li>
<li>Serve as a Space Coordinator and take care of an event area.</li>
<li>Act as a Facilitator and guide a small group.</li>
</ul>
</div>
<div class="item">
<p>Additionally, you can:</p>
<ul>
<li>Deliver a presentation.</li>
<li>Arrange a concert or poetry recital.</li>
<li>Lead a policy discussion.</li>
<li>Host a game evening.</li>
</ul>
<p>…</p>
</div>
</div>
<a href="https://app.sola.day/event/zusocial/calendar" class="join-btn-2">
<img src="images/join_btn.svg" alt="">
</a>
</div>
<div class="module module-g">
<img src="images/venue.svg" class="module-g-icon" alt="">
<h2 class="module-g-title">Venue</h2>
<div class="module-g-des">https://maps.app.goo.gl/cuaF8nr2RjR9vmVM6</div>
<a href="https://maps.app.goo.gl/cuaF8nr2RjR9vmVM6" class="map-link-1">
<img src="images/map_1.jpg" alt="">
</a>
<a href="https://maps.app.goo.gl/cuaF8nr2RjR9vmVM6" class="map-link-2">
<img src="images/map_2.jpg" alt="">
</a>
<div class="module-g-guide" style="display: none">
<p><b>Travel Guidance</b></p>
<p>From airport and station <br>
From DevConnect Co-Work Space <br>
From ZuConnect</p>
</div>
</div>
<div class="module module-h">
<h2 class="module-h-title">Q&A</h2>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>What is this hacker house about?</span>
</div>
<div class="text">
This is a hacker house that focuses on decentralized social networks that are good for individuals and
societies. We light up the spark of inspiration through panel discussions and workshops and plant the seed
of collaboration through team formation and hackathons.
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>Who should apply to the hacker house?</span>
</div>
<div class="text">
Anyone who is passionate about technology, collaboration, and the development of decentralized social
networks should apply.
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>Does it cost anything to attend the hacker house?</span>
</div>
<div class="text">
It does not cost any money, but it costs your time and effort in application and interviews. If you are
accepted, it will also cost you the commitment of hacker house residency, as well as an open mind.
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>What is Zuzalu and ZuConnect?</span>
</div>
<div class="text">
<div> Zuzalu is a pop-up city started by Vitalik B. Zuzalu on a mission to foster a global network of
communities to advance humanity by creating playgrounds at the intersection of free and open technology,
health, science, and social innovation.
</div>
<div> ZuConnect is a pop-up village in Istanbul before DevConnect. It’s a bridging event for Zuzalu and
broader communities, and a buildathon and continuation for the next big Zuzalu.
</div>
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>What’s the relationship between ZuSocial hacker house and ZuConnect?</span>
</div>
<div class="text">
<p>ZuSocial sits at the center of ZuConnect pop-up village and is also the curator of DeSocial track at
ZuConnect. ZuSocial residents are also able to participate in HackZuzalu, the hackathon that takes place
in ZuConnect. So expect cross-pollination discussions with other participants of ZuConnect.</p>
<p>However, ZuConnect does have tickets, while ZuSocial is for free. We are working on plans to ensure
ZuSocial residents have tickets to ZuConnect at a minimal cost.</p>
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>What activities should I expect in the hacker house?</span>
</div>
<div class="text">
<ul>
<li>A 14-day hacker house where participants from both Web3 and DWeb backgrounds collaborate.</li>
<li>Keynote talks and round table discussions on topics related to the intersection of Web3 and DWeb
social.
</li>
<li>Hackathons in various tracks, such as On-Chain Identity and Reputation, Autonomous Social, Take Web3
Social Networks to Users and Markets. We will also have discussions span across SSB, Nostr, Dat,
ActivityPub, Mastodon, AT Protocol, and Ocap.
</li>
</ul>
</div>
</div>
<div class="toggle-box">
<div class="title">
<svg class="compact" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22"
fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
<line x1="10.918" y1="22" x2="10.918" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<svg class="open" xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none">
<line x1="0.236328" y1="10.5" x2="20.8505" y2="10.5" stroke="#F8FFFE" stroke-width="3"/>
</svg>
<span>Can I participate in other hackathons during my hacker residency?</span>
</div>
<div class="text">
Yes! This hacker house is designed to support builders and their projects, which includes participating in
any hackathon you choose. In addition to the in-house hackathon and demo-day, there are Hacker Zuzalu
happening during the 1st week, and ETH Global Hackathon during the 2nd week. You are encouraged to bring
your projects to these hackathons.
</div>
</div>
</div>
<div class="module module-i">
<h2 class="module-i-title">Co-organizer</h2>
<div class="module-i-links">
<a href="https://matters-lab.io/">
<img src="images/matters_lab.png" width="333" height="34" alt="">
</a>
<a href="https://mask.io/">
<img src="images/mask.png" width="226" height="73" alt="">
</a>
<a href="https://app.sola.day">
<img src="images/solar.png" width="283" height="71" alt="">
</a>
<a href="https://twitter.com/hackzuzalu" style="width: 100%">
<img src="images/zusocial.png" width="180" height="180" alt="">
</a>
</div>
</div>
<div class="module module-i">
<h2 class="module-i-title">Sponsorship</h2>
<div class="module-i-links">
<a href="https://iex.ec/">
<img src="images/spnosorships/iExec.png" width="312" height="125" alt="">
</a>
<a href="https://www.web3mq.com/">
<img src="images/spnosorships/web3mq.png" style="height: 68px; width:298px" width="298" height="68" alt="">
</a>
</div>
<div class="module-i-links">
<a href="https://base.org/">
<img src="images/spnosorships/Base_Wordmark_White.png" width="259" height="69" alt="">
</a>
<a href="https://www.litentry.com/">
<img src="images/spnosorships/Litentry_Logo wordmark_White t.png" style="height: 123px;width:335px" width="335" height="123" alt="">
</a>
<a href="https://unifra.io/">
<img src="images/spnosorships/white_ rectangle.png" width="301" height="88" alt="">
</a>
</div>
</div>
<div class="module module-j" style="display: none">
<h2 class="module-i-title">Contact Us</h2>
<div class="module-j-inner">
<div class="left">
<div class="title">Telegram</div>
<a class="value">@</a>
<div class="title">Telegram</div>
<a class="value">@</a>
</div>
<div class="right">
<img src="/images/post_1.svg">
</div>
</div>
</div>
<img src="images/post_1.svg" class="footer" alt="">
</body>
<script>
document.querySelectorAll('.toggle-box').forEach(function (item) {
item.addEventListener('click', function () {
this.classList.toggle('active')
})
})
</script>
</html>