-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathssi.html
363 lines (353 loc) · 20.1 KB
/
ssi.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
<!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" />
<title>Self-Sovereign Identity - Sygnet</title>
<meta name="description" content="" />
<link rel="apple-touch-icon" sizes="57x57" href="img/fav/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/fav/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/fav/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/fav/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/fav/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/fav/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/fav/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/fav/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/fav/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/fav/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/fav/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/fav/favicon-16x16.png">
<link rel="manifest" href="img/fav/manifest.json">
<meta name="msapplication-TileColor" content="#8042ff">
<meta name="msapplication-TileImage" content="img/fav/ms-icon-144x144.png">
<meta name="theme-color" content="#8042ff">
<link href="css/bootstrap-grid.min.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
</head>
<body>
<header class="bg-blue">
<div class="container d-flex justify-content-between">
<div id="logotype">
<a href="index.html" title="Sygnet" class="d-flex">
<img class="img-fluid" src="img/logo.svg" alt="Sygnet">
<span><img class="img-fluid" src="img/sygnet.svg" alt="Sygnet"></span>
</a>
</div>
<div id="toggler">
<div class="lines">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
<div id="menu">
<div class="d-flex flex-column flex-lg-row align-items-center">
<a href="e-receipts.html" title="e-Receipts">e-Receipts</a>
<a href="ssi.html" class="active" title="Self-Sovereign Identity">Self-Sovereign Identity</a>
<a href="road-map.html" title="Road Map">Road Map</a>
<a href="news.html" title="News">News</a>
<a href="team.html" title="Team">Team</a>
<a href="contact.html" title="Contact">Contact</a>
</div>
</div>
</div>
</header>
<section id="self-sovereign">
<div class="first-section bg-blue">
<div class="container">
<div class="pre-title text-center" data-aos="fade-up">Digital Identity re-invented</div>
<h1 class="subpage text-center c-white" data-aos="fade-up">Self-Sovereign Identity</h1>
<div class="row">
<div class="col-md-12 col-lg-10 offset-lg-1">
<img class="img-fluid" src="img/ssi.png" alt="Self-Sovereign Identity">
</div>
</div>
</div>
</div>
<div class="second-section">
<div class="container-fluid px-0">
<div class="container">
<div class="space"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4 col-lg-3 offset-lg-1">
<h5>Cryptographically signed entities</h5>
</div>
<div class="col-sm-12 col-md-8 col-lg-7 m-r-a">
<p>Self-Sovereign Identity is an emerging, decentralized framework for digital identity management. It allows users to prove beyond doubt that what they claim about themselves can be trusted, as it has been cryptographically signed by other trustworthy entities.</p>
</div>
</div>
<div class="space"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4 col-lg-3 offset-lg-1">
<h5>Prove who we are <br>without documents</h5>
</div>
<div class="col-sm-12 col-md-8 col-lg-7 m-r-a">
<p>SSI replicates they way identity works in the offline world - we carry paper or plastic identity cards or documents, issued by trustworthy third-parties, and are able to prove who we are, or what abilities or properties we have. What is worth noting is that we use these digital credentials without their issuer being aware of this fact.</p>
</div>
</div>
<div class="space"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4 col-lg-3 offset-lg-1">
<h5>The missing layer <br>of the Internet</h5>
</div>
<div class="col-sm-12 col-md-8 col-lg-7 m-r-a">
<p>Thus, Self-Sovereign Identity is a concept you are already familiar with in the real world. The effort is to port this proven concept into the online environment and leverage the immense business potential of an internet with a built-in trust layer.</p>
</div>
</div>
<div class="space"></div>
</div>
</div>
</div>
</section>
<section id="paradigm" class="bg-dark d-flex align-items-center">
<div class="container">
<div id="before"></div>
<div class="text-inner">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="pre-title c-grey" data-aos="fade-up" data-aos-anchor="#before">The current paradigm</div>
<p class="bigger c-white" data-aos="fade-up">The current paradigm could be described as service-based identity. This is how the Internet works today, as "our" digital identities are not really ours - instead they are created, hosted and controlled by third-party service providers.<br> This approach has many very problematic consequences.</p>
<a href="#consequences" class="btn c-white empty" data-aos="fade-up"><img class="img-fluid" src="img/arrow-white.svg" alt="">Show consequences</a>
</div>
</div>
</div>
</div>
</section>
<section id="consequences" class="bg-darker2 d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4">
<h5 class="c-white">Prone to mass hacking</h5>
</div>
<div class="col-sm-12 col-md-4">
<p class="c-white">Large amounts of sensitive data is accumulated in isolated data silos, making hacking attempts very likely and profitable.</p>
</div>
<div class="col-sm-12 col-md-4 d-flex align-items-center">
<img class="img-fluid icon m-auto" src="img/prone_to_mass_hacking.svg" alt="Prone to mass hacking">
</div>
</div>
<div class="border" data-aos="fade-up"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4">
<h5 class="c-white">Hard to transfer</h5>
</div>
<div class="col-sm-12 col-md-4">
<p class="c-white">It's impossible to port your identity from one service to another. Also, there is a lot of inefficiency involved, as each online business needs to verify information about you that has been already verified by another company.</p>
</div>
<div class="col-sm-12 col-md-4 d-flex align-items-center">
<img class="img-fluid icon m-auto" src="img/hard_to_transfer.svg" alt="Hard to transfer">
</div>
</div>
<div class="border" data-aos="fade-up"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4">
<h5 class="c-white">Hard to control</h5>
</div>
<div class="col-sm-12 col-md-4">
<p class="c-white">There is no efficient way to control who knows what about you and manage permissions for processing of your data by a third-party.</p>
</div>
<div class="col-sm-12 col-md-4 d-flex align-items-center">
<img class="img-fluid icon m-auto" src="img/hard_to_control.svg" alt="Hard to control">
</div>
</div>
<div class="border" data-aos="fade-up"></div>
<div class="row" data-aos="fade-up">
<div class="col-sm-12 col-md-4">
<h5 class="c-white">Hard to monetize</h5>
</div>
<div class="col-sm-12 col-md-4">
<p class="c-white">Monetization of data is possible at the expense of losing privacy, and is usually done by third parties. There is no efficient way to reward users willing to share their personal data, as the user is more of an object than a subject in today’s online identity interactions.</p>
</div>
<div class="col-sm-12 col-md-4 d-flex align-items-center">
<img class="img-fluid icon m-auto" src="img/hard_to_monetize.svg" alt="Hard to monetize">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="future" class="d-flex align-items-center">
<div class="container">
<div class="text-inner text-center">
<h2 class="c-blue" data-aos="fade-up">SSI - The future of digital identity</h2>
<p class="bigger" data-aos="fade-up">It is a natural need for every individual to have control over their identity. Thus, in an ideal world, there should be no third parties controlling it, as we represent ourselves in our own name. Of course, third parties can still revoke certain claims about you (e.g. police can revoke your driving license), but in SSI, no one stands between you and your digital identity records.</p>
<a href="#sovereign-identity" class="btn c-blue empty" data-aos="fade-up"><img class="img-fluid" src="img/arrow.svg" alt="">What makes self sovereign identity</a>
</div>
<div class="space"></div>
<div id="sovereign-identity" class="row text-center">
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up">
<img class="img-fluid icon" src="img/unforgeable_ico.svg" alt="Unforgeable">
<div class="title">Unforgeable</div>
<p>nobody, including your service provider, is able to impersonate you</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="50">
<img class="img-fluid icon" src="img/untraceable_ico.svg" alt="Untraceable">
<div class="title">Untraceable</div>
<p>nobody can track you without your explicit consent</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="100">
<img class="img-fluid icon" src="img/portable_ico.svg" alt="Portable">
<div class="title">Portable</div>
<p>it's not locked to any particular service or application</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="150">
<img class="img-fluid icon" src="img/verifable_ico.svg" alt="Verifiable">
<div class="title">Verifiable</div>
<p>others can safely trust your claims by seeing who signed them</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up">
<img class="img-fluid icon" src="img/manageable_ico.svg" alt="Manageable">
<div class="title">Manageable</div>
<p>you are fully aware who knows what about you</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="50">
<img class="img-fluid icon" src="img/monetizable_ico.svg" alt="Monetizable">
<div class="title">Monetizable</div>
<p>you are the primary beneficiary when your personal data is being traded</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="100">
<img class="img-fluid icon" src="img/unhackable_ico.svg" alt="Unhackable">
<div class="title">Unhackable</div>
<p>to hack the system you’d have to hack every single user’s device separately</p>
</div>
<div class="col-sm-6 col-md-3 icon-box" data-aos="fade-up" data-aos-delay="150">
<img class="img-fluid icon" src="img/irrevocable_ico.svg" alt="Irrevocable">
<div class="title">Irrevocable</div>
<p>it is yours for life, nobody can take it away from you</p>
</div>
</div>
</div>
</section>
<section id="infrastructure">
<div class="first-section bg-blue">
<div class="container">
<div class="pre-title text-center" data-aos="fade-up">SSI infrastructure</div>
<h2 class="text-center c-white" data-aos="fade-up">How does it work?</h2>
<div class="row">
<div class="col-lg-10 offset-lg-1">
<img class="img-fluid" src="img/how-does-it-work.png" alt="How does it work">
</div>
</div>
</div>
</div>
<div class="second-section">
<div class="container-fluid px-0">
<div class="container">
<div class="d-flex">
<div class="text-inner text-center big">
<p class="bigger" data-aos="fade-up">The most important building block in SSI is known as a Verifiable Credential. It is a cryptographically signed certificate that guarantees the authenticity of the data it refers to. The entire SSI infrastructure is about issuing, verifying and handling of Verifiable Credentials.</p>
<a href="#types" class="btn c-blue empty" data-aos="fade-up"><img class="img-fluid" src="img/arrow.svg" alt="">Three types of independent actors</a>
</div>
</div>
</div>
</div>
<div id="types" class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="row text-center">
<div class="col-sm-12 col-md-4" data-aos="fade-up">
<img class="img-fluid" src="img/identity_subject.svg" alt="Identity Subject">
<h5>Identity Subject</h5>
<p>An entity about whom a Verifiable Credential is created. This can be a physical person, a legal person, or a thing.</p>
</div>
<div class="col-sm-12 col-md-4" data-aos="fade-up" data-aos-delay="50">
<img class="img-fluid" src="img/identity_provider.svg" alt="Identity Provider">
<h5>Identity Provider</h5>
<p>An entity that signs a Verifiable Credential and thus certifies the authenticity of information contained in it.</p>
</div>
<div class="col-sm-12 col-md-4" data-aos="fade-up" data-aos-delay="100">
<img class="img-fluid" src="img/identity_consumer.svg" alt="Identity Consumer">
<h5>Identity Consumer</h5>
<p>An entity that needs to verify a credential in its line of work.</p>
</div>
</div>
</div>
</div>
</div>
<div class="space"></div>
<div id="solution" class="container-fluid px-0">
<div class="container">
<div class="row flex-row-reverse">
<div class="col-md-12 col-lg-6 d-flex">
<div class="text-inner right">
<h3 class="c-blue" data-aos="fade-up">Many types of data</h3>
<p data-aos="fade-up">Verifiable Credentials can contain many types of data - for example, we use them to store consumer’s receipts in the digital world. In this approach, receipts are treated as Verifiable Credentials issued by shops (to certify what products have been purchased) and held directly by consumers.</p>
</div>
</div>
</div>
</div>
<img class="img-fluid abs abs3" src="img/many-types-of-data.png" alt="Many types of data">
</div>
</div>
</section>
<section id="involved" class="min">
<div class="container text-center">
<h2 class="c-white" data-aos="fade-up">Get Involved</h2>
<p data-aos="fade-up">If you share our vision and want to partner <br>with us - get in touch.</p>
<form class="" action="" method="post" data-aos="fade-up">
<div class="input-group">
<input type="text" name="email" value="" placeholder="E-mail address">
</div>
<button type="submit" name="button" class="btn btn-white c-blue">Get in touch</button>
</form>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-4">
<img class="img-fluid foot-logo" src="img/sygnet-logo.svg" alt="sygnet">
</div>
<div class="col-md-12 col-lg-8">
<div class="row">
<div class="col-sm-3">
<h5 class="c-white">Technology</h5>
<ul class="foot-menu">
<li><a href="ssi.html" title="SSI">SSI</a></li>
<li><a href="e-receipts.html" title="E-receipts">E-receipts</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5 class="c-white">Company</h5>
<ul class="foot-menu">
<li><a href="road-map.html" title="Road map">Road map</a></li>
<li><a href="news.html" title="News">News</a></li>
<li><a href="team.html" title="Team">Team</a></li>
<li><a href="" class="disabled" title="Jobs">Jobs</a></li>
<li><a href="oferty.html" title="Zapytania ofertowe">Zapytania ofertowe</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5 class="c-white">Social Media</h5>
<ul class="foot-menu">
<li><a href="https://www.linkedin.com/company/sygnetai" title="LinkedIn" target="_blank">LinkedIn</a></li>
<li><a href="https://www.facebook.com/Sygnetai" title="Facebook" target="_blank">Facebook</a></li>
<li><a href="https://twitter.com/Sygnet_ai" title="Twitter" target="_blank">Twitter</a></li>
<li><a href="https://t.me/Sygnet_ai" title="Telegram" target="_blank">Telegram</a></li>
<li><a href="https://www.youtube.com/channel/UCUD9TddYHaCk6SIXIW6fDqg" title="YouTube" target="_blank">YouTube</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5 class="c-white">Blog</h5>
<ul class="foot-menu">
<li><a href="https://medium.com/@sygnet.ai" title="Medium" target="_blank">Medium</a></li>
<li><a href="https://www.reddit.com/user/Sygnet_ai/" title="Reddit" target="_blank">Reddit</a></li>
<li><a href="https://steemit.com/@sygnetproject" title="Steem" target="_blank">Steem</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="copy">
<div class="c-grey">Copyrights © 2019 Sygnet</div>
</div>
</div>
</footer>
<script src="js/scripts.js"></script>
<script src="js/main.js"></script>
</body>
</html>