-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
530 lines (509 loc) · 41.7 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
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kusama — A canary network for Polkadot experiments</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Kusama is a community research and development network for experimenting cutting-edge blockchain projects.">
<link href="assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/theme.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="assets/css/fonts.css" rel="stylesheet" type="text/css" media="all">
<link href="assets/css/glitch.css" rel="stylesheet" type="text/css" media="all">
<link rel="shortcut icon" type="image/ico" href="assets/img/favicon.ico"/>
<!-- GDPR cookie notification script -->
<script type="text/javascript" src="assets/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "privacy.html", /* Privacy policy url */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "kusamacookie", /* Cookie name */
"orientation": "bottom", /* Banner position (top - bottom) */
"showAlertSmall": true, /* Show the small banner on bottom right */
"cookieslist": true, /* Show the cookie list */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": false, /* Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": true, /* Remove credit link */
"moreInfoLink": false, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for subdomain website */
"readmoreLink": "/cookiespolicy" /* Change the default readmore link pointing to opt-out.ferank.eu */
});
</script>
<!-- Google Analytics within GDPR cookie notification script -->
<script type="text/javascript">
tarteaucitron.user.gtagUa = 'UA-103354191-4';
tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
(tarteaucitron.job = tarteaucitron.job || []).push('gtag');
</script>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://kusama.network/">
<meta property="og:title" content="Kusama — A canary network for Polkadot experiments">
<meta property="og:description" content="Kusama is a community research and development network for experimenting cutting-edge blockchain projects.">
<meta property="og:image" content="assets/img/og-card.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://kusama.network/">
<meta property="twitter:title" content="Kusama — A canary network for Polkadot experiments">
<meta property="twitter:description" content="Kusama is a community research and development network for experimenting cutting-edge blockchain projects.">
<meta property="twitter:image" content="assets/img/og-card.png">
</head>
<body>
<div class="loader">
<div class="loading-animation"></div>
</div>
<div class="navbar-container bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark" data-sticky="top">
<div class="container">
<a class="navbar-brand fade-page" href="index.html">
<img src="assets/img/kusama-logo.svg" alt="Kusama" class="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 17C3 17.5523 3.44772 18 4 18H20C20.5523 18 21 17.5523 21 17V17C21 16.4477 20.5523 16 20 16H4C3.44772 16 3 16.4477 3 17V17ZM3 12C3 12.5523 3.44772 13 4 13H20C20.5523 13 21 12.5523 21 12V12C21 11.4477 20.5523 11 20 11H4C3.44772 11 3 11.4477 3 12V12ZM4 6C3.44772 6 3 6.44772 3 7V7C3 7.55228 3.44772 8 4 8H20C20.5523 8 21 7.55228 21 7V7C21 6.44772 20.5523 6 20 6H4Z"
fill="#212529" />
</svg>
</button>
<div class="collapse navbar-collapse justify-content-end">
<div class="py-2 py-lg-0">
<ul class="navbar-nav">
<li class="nav-item">
<a href="https://guide.kusama.network/en/latest/" class="nav-link">User Guide</a>
</li>
<!-- LANGUAGE DROPDOWN
<li class="nav-item">
<div class="dropdown">
<button class="btn btn-lang btn-transparent dropdown-toggle rounded-0 py-1" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
<span>EN</span>
</button>
<div class="dropdown-menu dropdown-content">
<a class="dropdown-item" href="es/index.html">Español</a>
<a class="dropdown-item" href="ja/index.html">日本語</a>
<a class="dropdown-item" href="ko/index.html">한국어</a>
<a class="dropdown-item" href="ru/index.html">Pусский</a>
<a class="dropdown-item" href="tr/index.html">Türk</a>
<a class="dropdown-item" href="zh-CN/index.html">中文</a>
</div>
</div>
</li> -->
<li class="nav-item">
<a href="https://twitter.com/kusamanetwork" target="_blank" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24" class="icon undefined" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Twitter icon</title>
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path>
</svg>
</a>
</li>
<li class="nav-item">
<a href="https://github.com/paritytech/polkadot/" target="_blank" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 32.58 31.77" class="icon undefined" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>GitHub icon</title>
<path d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></path>
</svg>
</a>
</li>
</ul>
</div>
<a href="http://claim.kusama.network/" target="_blank" class="btn btn-outline-primary ml-lg-3">Claim KSM</a>
</div>
</div>
</nav>
</div>
<section class="bg-dark text-center o-hidden pb-0">
<img src="assets/img/animation.gif" alt="Kusama" class="bg-gif">
<div class="container">
<div class="row justify-content-center align-items-center min-vh-40 min-vh-md-60">
<div class="col-xl-7 col-lg-8 col-md-9">
<div class="row justify-content-center">
<div class="col-lg-10 align-self-center">
<div class="logo-glitch py-5">
<img src="assets/img/glitch-white.svg">
<img src="assets/img/glitch-pink.svg">
<img src="assets/img/glitch-white.svg">
</div>
</div>
</div>
<div class="h2 text-light mt-4">
<span data-typed-text data-loop="true" data-type-speed="100" data-strings='["Expect chaos.","No promises.","Polkadot's wild cousin.","A canary network.","A Polkadot experiment."]' class="h2 mt-4"></span>
</div>
</div>
</div>
</div>
</section>
<section class="bg-dark text-light text-center pt-0">
<div class="container layer-2">
<div class="row justify-content-center text-center align-items-center">
<div class="col-xl-7 col-lg-8 col-md-9">
<div class="d-flex flex-column flex-sm-row justify-content-center mt-4">
<a href="http://claim.kusama.network/" class="btn btn-lg btn-cta btn-outline-white text-white mx-2 mb-2 mb-sm-0">
<span class="text-glitch" data-text="CLAIM KSM">CLAIM KSM</span>
</a>
<button type="button" class="btn btn-lg btn-cta btn-outline-primary text-white mx-2" data-toggle="modal" data-target="#subscribe-modal">
<span class="text-glitch-pink" data-text="STAY UPDATED">STAY UPDATED</span>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="o-hidden">
<div class="decoration-wrapper d-none d-sm-block opacity-30">
<div data-jarallax-element="0 0">
<div class="decoration left">
<img src="assets/img/bg-1.png" class="jarallax-img">
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center mb-5">
<div class="col-xl-8 col-lg-9 text-center">
<h2 class="display-4 mx-xl-6">Kusama?</h2>
</div>
</div>
<div class="row justify-content-center mb-5">
<div class="col-xl-8 col-lg-9">
<div class="my-4">
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-1" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-1">
<span class="h3 mb-0">What is Kusama?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-1">
<div class="pt-3">
<p>Kusama is an early, unaudited and unrefined release of Polkadot. Kusama will serve as a proving ground, allowing teams and developers to build and deploy a parachain or try out Polkadot’s governance, staking, nomination and validation functionality in a real environment.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-2" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-2">
<span class="h3 mb-0">What is a canary network?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-2">
<div class="pt-3">
<p>Kusama is meant to be Polkadot’s canary network, warning us of issues to keep things safe for the developers downchain. Without a network like Kusama, there is no reasonable way to fully understand the potential dangers that lie ahead. We are building bleeding-edge, experimental technology, which means there are no promises about what Kusama will do or how it will work – expect a lot of chaos (and a little fun).</p>
<p>Kusama is explicitly not a “test net.” It is an early, highly experimental version of Polkadot presenting real economic conditions. The community will own the network – there will be no central kill switch. Kusama will exist as long as its community maintains it and we envision it will cater to new, early functionality and projects preparing to develop and deploy on Polkadot.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-3" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-3">
<span class="h3 mb-0">What rewards do I get for using Kusama?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-3">
<div class="pt-3">
<p>One percent of DOT tokens at Polkadot genesis time (100,000 of the W3F’s DOTs) have been reserved as an eventual incentivisation to Kusama’s stakeholders and community. The precise mechanics of this have not yet been finalised, but will be firmed up closer to genesis time.</p>
<p>There is also a standard bounty program for critical issues. You can find out more <a href="https://guide.kusama.network/en/latest/break/bug-bounty/">here</a>.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-4" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-4">
<span class="h3 mb-0">What can I do with KSM?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-4">
<div class="pt-3">
<p>With KSM, you can validate, nominate validators, bond parachains, pay for interop message passing, and vote on governance referenda. Check out more in the KSM <a href="https://guide.kusama.network/en/latest/">user guide</a>.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-5" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-5">
<span class="h3 mb-0">How can I get KSM?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-5">
<div class="pt-3">
<p>The genesis distribution of KSM will be exactly as for DOT: if you purchased DOTs in the sale then you own an equal share of the Kusama network. The Web3 Foundation will use some of its holdings to fund a frictional faucet for those that do not currently hold DOTs. <a href="https://guide.kusama.network/en/latest/start/claims/">Here’s how to claim KSM</a>.</p>
<p>Alternatively, a public faucet and a KSM grants process will also be made available upon genesis.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-6" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-6">
<span class="h3 mb-0">Will Kusama eventually turn into Polkadot mainnet?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-6">
<div class="pt-3">
<p>No, Kusama is a completely different network than Polkadot, but has many of the same features of Polkadot (like parachains) and uses an early version of the code that will be used for Polkadot.</p>
<p>Long-term, we envision the Kusama network evolving into an experimental testbed for projects and progressive concepts. There’s no central kill switch for Kusama. Kusama will likely continue on as a community project that will operate alongside and complement the Polkadot mainnet.</p>
</div>
</div>
</div>
<div class="card mb-2 card-sm card-body hover-shadow-sm">
<div data-target="#panel-7" class="accordion-panel-title" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="panel-7">
<span class="h3 mb-0">Can I trade or sell my KSM?</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="injected-svg icon" data-src="assets/img/icons/interface/plus.svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M19 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11Z" fill="#212529"></path>
<path d="M13 19L13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44772 11 5L11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19Z" fill="#212529"></path>
</svg>
</div>
<div class="collapse" id="panel-7">
<div class="pt-3">
<p>KSM are utilitarian. We do not condone trading or selling of KSM, only using them to experiment on the canary network.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center position-relative">
<div class="col-lg-10 col-xl-8">
<div class="card card-sm card-body border-0 o-hidden bg-primary text-light mb-3">
<div class="position-relative d-flex flex-column flex-md-row justify-content-between align-items-center">
<div class="h3 text-center mb-md-0">Ready to break stuff?</div>
<a href="https://guide.kusama.network/en/latest/" class="btn btn-lg btn-white">Read the user guide</a>
</div>
<div class="decoration top middle-x layer-0">
<img src="assets/img/bg-2.png" class="jarallax-img">
</div>
</div>
</div>
</div>
<div class="row text-center justify-content-center position-relative">
<div class="col-lg-10 col-xl-8">
<span>Want to know when Kusama launches? <a href="#" class="hover-arrow" data-toggle="modal" data-target="#subscribe-modal">Subscribe to the newsletter</a></span>
</div>
</div>
</div>
</section>
<section class="p-0">
<div class="container">
<div class="modal fade" id="subscribe-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<svg class="icon bg-dark" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.2426 6.34311L6.34309 16.2426C5.95257 16.6331 5.95257 17.2663 6.34309 17.6568C6.73362 18.0473 7.36678 18.0473 7.75731 17.6568L17.6568 7.75732C18.0473 7.36679 18.0473 6.73363 17.6568 6.34311C17.2663 5.95258 16.6331 5.95258 16.2426 6.34311Z"
fill="#212529" />
<path d="M17.6568 16.2426L7.75734 6.34309C7.36681 5.95257 6.73365 5.95257 6.34313 6.34309C5.9526 6.73362 5.9526 7.36678 6.34313 7.75731L16.2426 17.6568C16.6331 18.0473 17.2663 18.0473 17.6568 17.6568C18.0474 17.2663 18.0474 16.6331 17.6568 16.2426Z"
fill="#212529" />
</svg>
</button>
<div class="m-xl-4 m-3">
<div class="text-center mb-3">
<p class="h1 mb-2">Stay in the loop</p>
<p>Subscribe to the newsletter to hear about Kusama updates and events.</p>
</div>
<form action="https://network.us3.list-manage.com/subscribe/post?u=5a2f42d973542fc80fa925cec&id=582fff042a" name="mc-embedded-subscribe-form" class="validate" method="post" novalidate>
<div class="form-row">
<div class="col-12 mb-3">
<p class="text-bold">What describes you best? (one or more)</p>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" value="1" name="group[23917][1]" id="mce-group[23917]-23917-0">
<label class="custom-control-label text-small" for="mce-group[23917]-23917-0">I'm an enthusiast</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" value="2" name="group[23917][2]" id="mce-group[23917]-23917-1">
<label class="custom-control-label text-small" for="mce-group[23917]-23917-1">I'm a developer</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" value="4" name="group[23917][4]" id="mce-group[23917]-23917-2">
<label class="custom-control-label text-small" for="mce-group[23917]-23917-2">I'm a validator</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" value="8" name="group[23917][8]" id="mce-group[23917]-23917-3">
<label class="custom-control-label text-small" for="mce-group[23917]-23917-3">I'm into governance</label>
</div>
</div>
<div class="col-12 mb-2">
<input type="email" value="" class="form-control required email" placeholder="Your email address" name="EMAIL" required id="mce-EMAIL">
</div>
<div class="col-12 mb-2">
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_5a2f42d973542fc80fa925cec_582fff042a" tabindex="-1" value="">
</div>
<button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="clear btn btn-primary btn-loading btn-block" data-loading-text="Sending">
<svg class="icon" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icon For Loading</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
</g>
<path d="M12,4 L12,6 C8.6862915,6 6,8.6862915 6,12 C6,15.3137085 8.6862915,18 12,18 C15.3137085,18 18,15.3137085 18,12 C18,10.9603196 17.7360885,9.96126435 17.2402578,9.07513926 L18.9856052,8.09853149 C19.6473536,9.28117708 20,10.6161442 20,12 C20,16.418278 16.418278,20 12,20 C7.581722,20 4,16.418278 4,12 C4,7.581722 7.581722,4 12,4 Z"
fill="#000000" fill-rule="nonzero" transform="translate(12.000000, 12.000000) scale(-1, 1) translate(-12.000000, -12.000000) "></path>
</g>
</svg>
<span>Subscribe</span>
</button>
</div>
</div>
</form>
<small class="text-muted form-text">To see how we use your information please see our <a href="privacy.html" target="_blank">privacy policy</a>. Unsubscribe anytime by clicking the link in the bottom of any newsletter.
</small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="pb-4 bg-dark text-light" id="footer">
<div class="container">
<div class="row mb-5">
<div class="col-12 col-sm-6 col-lg-4">
<a href="index.html">
<img src="assets/img/kusama-logo.svg" alt="Kusama" class="icon icon-md mb-3">
</a>
<p class="pr-xl-3">
Kusama is an experimental community research and development network.
</p>
</div>
<div class="col-6 col-sm-3 col-lg-2 mt-3 mt-lg-0 pl-2">
<h5>Info</h5>
<ul class="nav flex-column">
<li class="nav-item">
<a href="http://claim.kusama.network/" target="_blank" class="nav-link">Claim KSM</a>
</li>
<li class="nav-item">
<a href="https://guide.kusama.network/en/latest/" class="nav-link">User guide</a>
</li>
<li class="nav-item">
<a href="teams.html" class="nav-link">Teams</a>
</li>
<li class="nav-item">
<a href="https://guide.kusama.network/en/latest/break/bug-bounty/" class="nav-link">Bug bounty</a>
</li>
<li class="nav-item">
<a href="https://guide.kusama.network/en/latest/code-of-conduct/" class="nav-link">Code of conduct</a>
</li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mt-3 mt-lg-0">
<h5>Social</h5>
<ul class="nav flex-column">
<li class="nav-item">
<a href="https://twitter.com/kusamanetwork" target="_blank" class="nav-link">Twitter</a>
</li>
<li class="nav-item">
<a href="https://forum.kusama.network/" class="nav-link">Forum</a>
</li>
<li class="nav-item">
<a href="https://riot.im/app/#/room/#kusamawatercooler:polkadot.builders" target="_blank" class="nav-link">Chat</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
<li class="nav-item">
<a href="logos.html" class="nav-link">Logos</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-12 col-lg-4 mt-3 mt-lg-0">
<h5>Subscribe</h5>
<p>Subscribe to the newsletter to hear about Kusama updates and events.</p>
<button class="btn btn-primary btn-block mb-2" data-toggle="modal" data-target="#subscribe-modal">Subscribe</button>
<small class="text-muted form-text">To see how we use your information please see our <a href="privacy.html">privacy policy</a>.</small>
</div>
</div>
<div class="row justify-content-center mb-2">
<div class="col-auto">
<ul class="nav">
<li class="nav-item">
<a href="https://twitter.com/kusamanetwork" target="_blank" class="nav-link">
<svg class="icon undefined" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<title>Twitter icon</title>
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" />
</svg>
</a>
</li>
<li class="nav-item">
<a href="https://github.com/paritytech/polkadot/" target="_blank" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 32.58 31.77" class="icon undefined" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>GitHub icon</title>
<path d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.82.15,1.11-.36,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.36,4.36,0,0,0-1.81-2.39c-1.47-1,.12-1,.12-1a3.43,3.43,0,0,1,2.49,1.68,3.48,3.48,0,0,0,4.74,1.36,3.46,3.46,0,0,1,1-2.18c-3.62-.41-7.42-1.81-7.42-8a6.3,6.3,0,0,1,1.67-4.37,5.94,5.94,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.41,15.41,0,0,1,8.16,0c3.11-2.11,4.47-1.67,4.47-1.67A5.91,5.91,0,0,1,25,11.07a6.3,6.3,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.85,3.85,0,0,1,1.11,3c0,2.18,0,3.94,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/></path>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="row justify-content-center">
<div class="col col-md-auto text-center">
<small class="text-muted">© <script type="text/JavaScript">document.write(new Date().getFullYear());</script> Kusama · <a href="privacy.html">Privacy Policy</a> · <a href="terms.html">Terms and Conditions</a>
</small>
</div>
</div>
</div>
</footer>
<a href="#" class="btn back-to-top btn-primary btn-round" data-smooth-scroll data-aos="fade-up" data-aos-anchor="section:last-of-type" data-aos-mirror="true" data-aos-once="false">
<svg class="icon" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Icon For Arrow-up</title>
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<polygon points="0 0 24 0 24 24 0 24" opacity="0"></polygon>
<rect fill="#000000" x="11" y="5" width="2" height="14" rx="1"></rect>
<path d="M6.70710678,12.7071068 C6.31658249,13.0976311 5.68341751,13.0976311 5.29289322,12.7071068 C4.90236893,12.3165825 4.90236893,11.6834175 5.29289322,11.2928932 L11.2928932,5.29289322 C11.6714722,4.91431428 12.2810586,4.90106866 12.6757246,5.26284586 L18.6757246,10.7628459 C19.0828436,11.1360383 19.1103465,11.7686056 18.7371541,12.1757246 C18.3639617,12.5828436 17.7313944,12.6103465 17.3242754,12.2371541 L12.0300757,7.38413782 L6.70710678,12.7071068 Z"
fill="#000000" fill-rule="nonzero"></path>
</g>
</svg>
</a>
<!-- Required vendor scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/popper.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<!-- Optional Vendor Scripts (Remove the plugin script if current page does not use that feature) -->
<!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
<script type="text/javascript" src="assets/js/aos.js"></script>
<!-- Clipboard (copies content from browser into OS clipboard) -->
<script type="text/javascript" src="assets/js/clipboard.js"></script>
<!-- Fancybox (handles image and video lightbox and galleries) -->
<script type="text/javascript" src="assets/js/jquery.fancybox.min.js"></script>
<!-- Flickity (handles touch enabled carousels and sliders) -->
<script type="text/javascript" src="assets/js/flickity.pkgd.min.js"></script>
<!-- Ion rangeSlider (flexible and pretty range slider elements) -->
<script type="text/javascript" src="assets/js/ion.rangeSlider.min.js"></script>
<!-- Isotope (masonry layouts and filtering) -->
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
<!-- jarallax (parallax effect and video backgrounds) -->
<script type="text/javascript" src="assets/js/jarallax.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-video.min.js"></script>
<script type="text/javascript" src="assets/js/jarallax-element.min.js"></script>
<!-- jQuery Countdown (displays countdown text to a specified date) -->
<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
<!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
<script type="text/javascript" src="assets/js/plyr.polyfilled.min.js"></script>
<!-- Prism (displays formatted code boxes) -->
<script type="text/javascript" src="assets/js/prism.js"></script>
<!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
<script type="text/javascript" src="assets/js/scrollMonitor.js"></script>
<!-- Smooth scroll (animation to links in-page)-->
<script type="text/javascript" src="assets/js/smooth-scroll.polyfills.min.js"></script>
<!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
<script type="text/javascript" src="assets/js/twitterFetcher_min.js"></script>
<!-- Typed text (animated typing effect)-->
<script type="text/javascript" src="assets/js/typed.min.js"></script>
<!-- Required theme scripts (Do not remove) -->
<script type="text/javascript" src="assets/js/theme.js"></script>
<!-- Removes page load animation when window is finished loading -->
<script type="text/javascript">
window.addEventListener("load", function() {
document.querySelector('body').classList.add('loaded');
});
</script>
</body>
</html>