-
Notifications
You must be signed in to change notification settings - Fork 0
/
index
347 lines (343 loc) · 23.7 KB
/
index
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1, viewport-fit=cover">
<link rel="stylesheet" href="./css/style.css">
<title>Joystream</title>
</head>
<body>
<header id="header" class="header">
<div class="container">
<div class="header__wrapper">
<div class="menu-burger__header">
<span></span>
</div>
<a class="header__logo">
<img src="./img/icon/logo.svg" alt="Логотип Joystream">
</a>
<nav class="header__nav">
<ul class="header__menu">
<li><a href="#about">О проекте</a></li>
<li><a href="#purpose">Цель проекта</a></li>
<li><a href="#atlas">Atlas</a></li>
<li><a href="#earnings">Founding Member Program</a></li>
<li><a href="#participation">Отчёт</a></li>
<li><a href="#fond">Стань участником</a></li>
<li><a href="#work">Активности</a></li>
<li><a href="#community">Сообщество</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main>
<section id="about" class="about">
<div class="container">
<div class="about__wrapper">
<div class="about__left">
<div class="about__image">
<img src="./img/fouding.png" alt="Модные Греки">
</div>
</div>
<!-- left -->
<div class="about__right">
<div class="about__inner">
<div class="about__text">
<p>Joystream - это децентрализованная видео платформа c открытым исходным кодом, которая контролируется, принадлежит и управляется ее пользователями. Пользователи могут загружать, просматривать, оценивать, комментировать, добавлять
в избранное и делиться видеозаписями.</p>
</div>
</div>
</div>
<!-- right -->
</div>
</div>
</section>
<section id="purpose" class="purpose">
<div class="container">
<h2 class="purpose__title">
Цель проекта
</h2>
<div class="purpose__wrapper">
<div class="purpose__top">
<p>Сегодня многие площадки для размещения контента не достаточно честны как с пользователями, так и с другими структурами. Существует множество фактов сговора стримерских площадок, дележка рынка, юрисдикционный арбитраж и сплошная
экономия на всем. Одновременно рыночная конкуренция, неспособность властей регулировать данную сферу и авторитарная власть таких компаний не позволяют на них влиять. Эти социальные сдерживающие факторы ведут к:</p>
</div>
<!-- 1 -->
<div class="purpose__center">
<div class="purpose-table">
<div class="purpose-table__image">
<img src="./img/icon/Node.svg" alt="Иновации">
</div>
<p>к замедлению темпов внедрения инноваций</p>
</div>
<div class="purpose-table">
<div class="purpose-table__image">
<img src="./img/icon/Incentive.svg" alt="Вознаграждение">
</div>
<p>уменьшению вознаграждения людям, которые создают контент</p>
</div>
<div class="purpose-table">
<div class="purpose-table__image">
<img src="./img/icon/Governance.svg" alt="Монополисты">
</div>
<p>снижению способности главного участника платформы — пользователя, влиять на политику платформы.</p>
</div>
</div>
<!-- 2 -->
<div class="purpose__bottom">
<p>Joystream можно рассматривать как аналог Vimeo, Rutube, или YouTube разработанный и поддерживаемый сообществом, однако такое сравнение очень условно, поскольку поект не имеет аналогов.</p>
</div>
</div>
</div>
</section>
<section id="atlas" class="atlas">
<div class="container">
<div class="atlas__inner">
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/avto.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/animal.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/sport.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/moda.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/travel.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/game.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/cook.mp4" type="video/mp4" />
</video>
<video class="atlas__video" loop="loop" autoplay="" muted="">
<source src="./video/texno.mp4" type="video/mp4" />
</video>
</div>
<h2>atlas</h2>
<div class="atlas__wrapper">
<div class="atlas__left">
<a href="https://play.joystream.org/" class="atlas__image">
<img src="./img/atlas.png" alt=" Платформа Атлас">
</a>
</div>
<!-- left -->
<div class="atlas__right">
<div class="atlas__text">
<span>Atlas</span>
<p>Atlas - это приложение для публикации и просмотра контента Joystream. Смотрите видео, подписывайтесь на каналы любимых авторов и открывайте для себя новый уникальный контент или создавайте собственный канал и расширяйте свою аудиторию.</p>
<a class="atlas-link" href="https://play.joystream.org/">
<p>Попробуйте Atlas</p>
<div class="atlas-link__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
</div>
</div>
</div>
<div class="atlas__wrapper">
<div class="atlas__left">
<div class="atlas__text">
<span>Pioneer</span>
<p>Pioneer - это место, где можно участвовать в управлении и работе сообщества. Голосуйте на выборах, подавайте предложения по финансированию вашего проекта или получите оплачиваемую роль для управления платформой.</p>
<a class="atlas-link" href="https://testnet.joystream.org/">
<p>Попробуйте Pioneer</p>
<div class="atlas-link__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
</div>
</div>
<!-- left -->
<div class="atlas__right">
<a href="https://testnet.joystream.org/" class="atlas__image">
<img src="./img/pioneer.png" alt="Пионер">
</a>
</div>
</div>
</section>
<section id="earnings" class="earnings">
<div class="container">
<div class="earnings__title">
Joystream Founding Member Program
</div>
<div class="earnings__wrapper">
<div class="earnings__left">
<div class="earnings__text">
<span>Что такое программа Founding Member </span>
<p>Команда выделила для программы 15% от выпуска токенов mainnet genesis, которые будут разделены между наиболее активными её участниками, получившим статус члена-учередителя. В рамках программы
команда представляет прозрачную систему отображения вклада каждого члена сообщества. Чтобы появиться в Таблице лидеров, вы должны получить статус члена-учредителя или отправить хотя бы один отчет об активности.
</p>
</div>
</div>
<div class="earnings__right">
<div class="earnings__image">
<img src="./img/hero.png" alt="Joy Hero">
</div>
</div>
<!-- 1 -->
</div>
</div>
</section>
<section id="participation" class="participation">
<div class="container">
<h2 class="participation__title">Как подается и оценивается отчет</h2>
<div class="participation__wrapper">
<div class="participation-table">
<span>1</span>
<p>Отчет об активности можно понимать как регулярный отчет обо всех ваших действиях, направленных на развитие платформы, за отчетный период.</p>
</div>
<div class="participation-table">
<span>2</span>
<p>После получения отчета об активности команда обрабатывает содержащуюся в нем информацию и присуждает участнику определенное количество баллов, в зависимости от его вклада за отчетный период. Как только обработка данных будет завершена, текущий
счет баллоа и соответствующая позиция участника обновляются в Таблице лидеров.</p>
</div>
<div class="participation-table">
<span>3</span>
<p>Те, кто постоянно вносит качественный вклад и регулярно сообщает о нём, представляя отчет об активности, будут приглашены и официально получат статус членов-учередителей.</p>
</div>
<div class="participation-table">
<span>4</span>
<p>После официального завершения программы (примерно за месяц до выпуска основной сети) баллы, полученные членами-учредителями, будут использованы в расчете, который определит, какой процент от выпуска токенов получает каждый отдельный член-учередитель. На данный момент предварительная формула (подлежащая пересмотру) просто распределяет «гарантированные» 0,02% от общего выпуска токенов каждому члену-учередителю при получении статуса, а остаток от 15% пула делится между ними пропорционально набранным баллам.</p>
</div>
</div>
</div>
</section>
<section id="fond" class="fond">
<div class="container">
<h2>Кто может стать участником?</h2>
<div class="fond__wrapper">
<div class="fond__left">
<div class="fond__text">
<p>Любой, кто соответствует критериям отбора (старше 18 лет и лица, не являющиеся гражданами США), сможет стать членом-учредителем, однако для этого участники программы должны демонстрировать регулярный и эффективный вклад в платформу.</p>
<p>Команда публикует в репозитории каждого нового члена-учредителя на GitHub, а также список претендентов на получение этого статуса, с указанием набранных ими баллов в Таблице лидеров.</p>
</div>
</div>
<!-- left -->
<div class="fond__right">
<div class="fond__image">
<img src="./img/alexandria.png" alt="Александрия">
</div>
</div>
</div>
</div>
</section>
<section id="work" class="work">
<div class="container">
<h2 class="work__title">
Что я могу делать?
</h2>
<div class="work__wrapper">
<div class="work__left">
<div class="work__image">
<img src="./img/bg/star.png" alt="Звезда">
</div>
</div>
<div class="work__right">
<div class="work__text">
<strong>Возможные примеры активностей:</strong>
<ul>
<li>Запуск узла валидатора</li>
<li>Участие в ролях платформы (поставщик хранилища, куратор контента, консул, лидер рабочей группы и т.д.)</li>
<li>Оказание поддержки другим участникам сообщества в Discord, Telegram, форуме платформы, GitHub и других платформах.</li>
<li>Создание блогов и обучающей документации</li>
<li>Размещение идей и предложений на форуме платформы</li>
<li>Разработка виджетов и инструментов</li>
<li>Загрузка ваших оригинальных видео в тестовую сеть</li>
<li>Сообщение об ошибках и проблемах безопасности</li>
<li>Выполнение официальных програм баунти</li>
</ul>
<p>Участники, которые накапливают большое количество очков в Таблице лидеров, регулярно совершая полезные действия, могут получить статус члена-учередителя в каждый «период оценки», после того, как Jsgenesis свяжется с новыми кандидатми и проведет их верификацию. Каждый член-учередитель также сможет выбрать уникальный нарисованный от руки аватар для использования в профиле участника сообщества.</p>
</div>
</div>
</div>
</div>
</section>
<section id="community" class="community">
<h2>У нас самое крутое сообщество</h2>
<div class="container">
<div class="community__wrapper">
<div class="community__inner">
<div class="community__text">
<p>Наше сообщество с радостью ответит на любой вопрос касательно проекта и не только. Добавляйтесь в наши социальные сети:</p>
</div>
</div>
<div class="community__socials">
<a href="https://t.me/JoystreamRussian" class="community__link">
<p>RU TELEGARM</p>
<div class="community__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
<a href="https://t.me/JoyStreamOfficial" class="community__link">
<p>EN TELEGARM</p>
<div class="community__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
<a href="https://discord.gg/DE9UN3YpRP" class="community__link">
<p>Discord</p>
<div class="community__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
<a href="https://twitter.com/JoystreamApp" class="community__link">
<p>Twitter</p>
<div class="community__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
<a href="https://github.com/Joystream" class="community__link">
<p>Github</p>
<div class="community__image">
<img src="./img/icon/arrow.svg" alt="Стрелка">
</div>
</a>
</div>
<div class="community__inner">
<div class="community__text">
<p>Также ты найдешь в нашем discord море информации по проекту.</p>
<ul>
<li>Видео</li>
<li>Мемы</li>
<li>Новости по проекту</li>
<li>Баунти и Челленджи</li>
<li>Новые разработки</li>
</ul>
<p>И многое другое, а также приятное общение с сообществом Joystream</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="footer__wrapper">
<div class="footer__left">
<a href="" class="footer__logo">
<img src="./img/icon/Logoblack.svg" alt="Лого">
</a>
</div>
<div class="footer__right">
<ul>
<li><a href="https://www.joystream.org/">Официальный сайт</a></li>
<li><a href="https://play.joystream.org/">atlas</a></li>
</ul>
<ul>
<li><a href="https://www.joystream.org/token">О токенах</a></li>
<li><a href="https://blog.joystream.org/">Официальный блог joystream</a></li>
<li><a href="https://yandex.ru/video/preview/?text=%D0%BA%D0%B0%D0%BA%20%D1%81%D1%82%D0%B0%D1%82%D1%8C%20%D0%BC%D0%B5%D0%BC%D0%B1%D0%B5%D1%80%D0%BE%D0%BC%20%D0%B2%20joystream&path=wizard&parent-reqid=1624625451219718-4717244874690084292-balancer-knoss-search-yp-sas-12-BAL-6697&wiz_type=vital&filmId=11625373483539846170">Гайд для начинающего</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="./js/jquery-3.5.0.min.js"></script>
<script src="./js/main.js"></script>
</main>
</body>
</html>