-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
272 lines (254 loc) · 13.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NeutronStar DAO</title>
<link type="text/css" href="./css/main.css" rel="stylesheet">
<link rel="icon" type="icon" href="./favicon.png">
</head>
<body style="overflow-x: hidden;">
<div class="home">
<div class="title">NeutronStar DAO</div>
<div class="desc">A DAO from Neutron Star👽.</div>
<div class="btn-join">
<div class="text">Join Us</div>
</div>
<div class="arrow">
<span>Scroll down to explore more</span>
</div>
</div>
<div class="content">
<section class="hero-section">
<div class="card-grid">
<a class="card ICCookbook">
<div class="card__background" style="background-image: url(./img/1.jpg)">
</div>
<div class="card__content">
<p class="card__category">Book</p>
<h3 class="card__heading">The Constellation Book</h3>
</div>
</a>
<a class="card" href="https://mora.app/planet/ljlzk-viaaa-aaaan-qdpkq-cai">
<div class="card__background" style="background-image: url(./img/2.jpg)">
</div>
<div class="card__content">
<p class="card__category">Works</p>
<h3 class="card__heading">Read Our Articles</h3>
</div>
</a>
<a class="card" href="https://mora.app/planet/5mpju-nyaaa-aaaan-qdmrq-cai">
<div class="card__background" style="background-image: url(./img/3.jpg)">
</div>
<div class="card__content">
<p class="card__category">作品</p>
<h3 class="card__heading">阅读 我们的 文章</h3>
</div>
</a>
<a class="card" href="https://github.com/orgs/NeutronStarDAO/people">
<div class="card__background" style="background-image: url(./img/4.jpg)">
</div>
<div class="card__content">
<p class="card__category">Contributors</p>
<h3 class="card__heading">Visit Awesome Contributors</h3>
</div>
</a>
</div>
</section>
</div>
<div class="social">
<div class="social__title">
<span>Follow Us</span>
</div>
<div class="social__box">
<div class="social__item">
<a href="https://twitter.com/neutronstardao" target="_blank">
<img src="./img/twitter.png" alt="twitter">
</a>
</div>
<div class="social__item">
<a href="https://mora.app/planet/5mpju-nyaaa-aaaan-qdmrq-cai" target="_blank">
<img src="./img/mora.png" alt="mora">
</a>
</div>
<div class="social__item">
<a href="https://az5sd-cqaaa-aaaae-aaarq-cai.ic0.app/u/NeutronStarDAO" target="_blank">
<img src="./img/distrikt.png" alt="distrikt">
</a>
</div>
<div class="social__item">
<a href="https://medium.com/@ns.dao.ic" target="_blank">
<img src="./img/medium.png" alt="medium">
</a>
</div>
<div class="social__item">
<a href="https://oc.app/4jwox-pyaaa-aaaar-amjbq-cai/?ref=3iq22-xyaaa-aaaar-amjrq-cai&code=834791b392db154c"
target="_blank">
<img src="./img/openchat.png" alt="openchat">
</a>
</div>
<div class="social__item">
<a href="https://discord.gg/rYh8nUre" target="_blank">
<img src="./img/discord.png" alt="discord">
</a>
</div>
<div class="social__item">
<a href="https://t.me/neutronstardaoic" target="_blank">
<img src="./img/telegram.png" alt="telegram">
</a>
</div>
</div>
</div>
<div class="introduction">
<div class="glass-card">
<div class="introduction__title">Introduction</div>
<div class="introduction__desc">
<p>
NeutronStarDAO, (NSDAO, hereinafter referred to as "NSDAO") is committed to building a knowledge
base of <a href="https://internetcomputer.org/">Internet Computer</a>, as well as promoting various
types of blockchain knowledge.
NSDAO mainly focus on creating articles and audio-visual media.
Whether you are interested in blockchain technology or how to use Web3 applications, you can read
our relevant articles.
If you are also passionate about creating content, please <a href="#">join us</a>.
Let's promote blockchain knowledge together and help more people understand blockchain, making the
Internet more open, interconnected, and decentralized.
</p>
</div>
</div>
</div>
<div class="about-box">
<div class="tabs">
<input type="radio" name="tabs" id="tabone" checked="checked">
<label for="tabone">What We Do</label>
<div class="tab">
<h2>IC Community Education</h2>
<p>
We aim to promote awareness of Internet computers, blockchain, and various Dapps in the IC ecosystem
to a wider audience (Including but not limited to blockchain content.). We love blockchain
technology and wish to collectively produce all kinds of content related to blockchain. In addition
to publishing articles and videos, we also operate an open community. Everyone is welcome to join us
for chat, discussions, news updates, seeking help, learning about the latest information, developing
Dapps, and more.
</p>
</div>
<input type="radio" name="tabs" id="tabtwo">
<label for="tabtwo">What Our Values Are</label>
<div class="tab">
<h2>NSDAO Manifesto</h2>
<p>
We believe that NSDAO is decentralized, so any organization or individual in the world can refer to
themselves as NSDAO and publish articles in its name. NSDAO does not belong to any organization or
individual, and there are no restrictions imposed on any organization or individual by NSDAO. Read about the NeutronStar Open Protocol <a href="https://mora.app/planet/ljlzk-viaaa-aaaan-qdpkq-cai/7YHZ91SFYHV261SMEESWCDZRPA">here</a>.
</p>
<p>
This website and the logo used on the website are only one of the creations of NSDAO, and also the
first website of NSDAO.
</p>
<p>
The purpose of initiating NSDAO is to establish a content creation DAO that is free, open, and
shared to all. Articles published under the name of NSDAO are permanently free, and the copyright
and ownership of the articles belong to everyone who uses the Internet. The article publisher can
choose to leave a wallet address for tips at the end of the article, so if someone finds the article
particularly valuable, they can support the author to continue creating content.
</p>
<p>
We recommend that NSDAO articles be published on the blockchain as much as possible.
Anyone can copy and share NSDAO articles and publish them on the Internet (Without any
restrictions), but the relevant publication time can be used to determine where the article first
appeared.
</p>
<p>
When people publish articles in the name of NSDAO, it represents that the author unconditionally
opens up the article to everyone in the world. This contribution may be a small step for the
individual, but it is a giant leap for human civilization.
</p>
<p>
The author publishes the article through a blockchain system and can choose to remain completely
anonymous or publicly identify themselves for others to read the article without permission.
</p>
<p>
As the article is unconditionally open, others may freely use NSDAO articles for derivative works or
even profit from them. However, it is believed that the earliest published article will be the most
popular. NSDAO represents a spirit of openness and freedom on the Internet, and pays tribute to
Aaron Swartz and the countless pioneers who have fought for openness. To some extent, the NSDAO
declaration is also a continuation of <a
href="https://mora.app/planet/5mpju-nyaaa-aaaan-qdmrq-cai/7YHJ9EHRYSM46S642DPY0X69X6">the Guerrilla Open Access
Manifesto</a>.
</p>
</div>
<input type="radio" name="tabs" id="tabthree">
<label for="tabthree">What Our Architecture Is</label>
<div class="tab">
<h2>There is no governance!</h2>
<p>The slogan of NSDAO: Unlocking openness, fostering fairness.</p>
<p>
To be precise, NSDAO is a completely decentralized internet culture. It has no structure, belongs to
no one, and I believe it does not require any form of management. Likewise, no individual is liable
for legal responsibility concerning articles published under the name of NSDAO.
</p>
<p>
When publishing articles in the name of NSDAO, you may choose to remain anonymous, use a temporary
pseudonym, or use your real name.
</p>
<br />
<p>
The format of articles using the Neutron Star Open Protocol is to write in the first paragraph of the article:
<br>
[XXX (author name, screen name or pen name)] The following content complies with the Neutron Star Open Protocol.<br>
Author XXX (specify a wallet) address: 0123456789abcdefghijklmnopqrstuvwxyz
<br>
For example: <br>
[Neutron Star PRO] The following content complies with the Neutron Star Open Protocol.<br>
Author NNS wallet address: 0123456789abcdefghijklmnopqrstuvwxyz
</p>
<br />
<p>
This signature represents that the article adheres to the NSDAO declaration and is unconditionally
published on the Internet. Anyone may freely view and use the article.
</p>
<p>
In addition, if someone uses the name of NSDAO to publish other people's copyrighted works. Everyone should boycott and condemn this behavior. But we can't prevent this behavior because of the anonymous property of the blockchain. He can publish other people's articles under any name, or use his wallet address as a name.
</p>
</div>
</div>
</div>
<footer>
<p>NeutronStarDAO</p>
</footer>
<div class="modal">
<div class="modal__content">
<div class="modal__title">Select a language to read</div>
<div class="modal__box">
<div class="btn">English</div>
<div class="btn">中文简体</div>
<!-- <div class="btn">日本語</div>
<div class="btn">Français</div>
<div class="btn">Русский язык</div>
<div class="btn">Deutsch</div>
<div class="btn">Español</div> -->
</div>
</div>
</div>
<script type="text/javascript" src="./js/main.js"></script>
<script>
var userAgent = navigator.userAgent.toLowerCase();
var isMobile = /mobile|android|ios|iphone|ipod|windows phone/i.test(userAgent);
if (!isMobile) {
var script1 = document.createElement('script');
script1.type = 'text/javascript';
script1.src = './js/animation.js';
document.head.appendChild(script1);
var script2 = document.createElement('script');
script2.type = 'text/javascript';
script2.src = './js/p5.min.js';
document.head.appendChild(script2);
var script3 = document.createElement('script');
script3.type = 'text/javascript';
script3.src = './js/sketch.js';
document.head.appendChild(script3);
}
</script>
</body>
</html>