-
Notifications
You must be signed in to change notification settings - Fork 35
/
index.html
executable file
·163 lines (119 loc) · 7.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>SecureLogin</title>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src * 'self' data: content:; connect-src *;">
<meta property="og:title" content="SecureLogin" />
<meta property="og:description" content="Decentralized Password Replacement" />
<meta property="og:image" content="./[email protected]" />
<link rel="apple-touch-icon" href="./[email protected]">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link rel="manifest" href="/web_manifest.json">
<link rel="stylesheet" href="./css/layout.css">
</head>
<body>
<div class="container">
<!-- Password Generation Screen -->
<div class="generation screen splash h">
<img class="logo" src="./[email protected]">
<div class="step1 h">
<p>SecureLogin uses your password to generate a cryptographic key to your digital identity. This process is slow - to make your password harder to guess. Please keep this page open, it may take up to 20 seconds.</p>
<div id="fountainG">
<div id="fountainG_1" class="fountainG"></div>
<div id="fountainG_2" class="fountainG"></div>
<div id="fountainG_3" class="fountainG"></div>
<div id="fountainG_4" class="fountainG"></div>
<div id="fountainG_5" class="fountainG"></div>
<div id="fountainG_6" class="fountainG"></div>
<div id="fountainG_7" class="fountainG"></div>
<div id="fountainG_8" class="fountainG"></div>
</div>
</div>
<div class="step2 h">
<p>3rd parties cannot compromise your accounts anymore without your master password. You entirely own your identity: SecureLogin is authentication without a middle man.</p>
<p>Do you accept that <b>all accounts you used with SecureLogin will be lost if you forget your exact master password?</b></p>
<a class="b accept-rules slbutton">Accept</a>
</div>
<div class="step3 h">
<p>Here is a list of websites and apps that currently support SecureLogin. Ask admins of websites you like to add SecureLogin if you hate passwords just like we do.</p>
</div>
</div>
<!-- Change Screen -->
<div class="change screen h">
<div class="settings-control-group">
<p><input required=true type="email" class="settings-control-input newemail" placeholder="New Email"></p>
<input required=true type="password" class="settings-control-input newpw" placeholder="New Master Password">
<br>
<small>We prefilled it with websites you visited on this device. Make sure you didn't miss anything!</small><br>
<textarea class="settings-control-input changefor" style="height:150px"></textarea><br>
<div class="status"></div>
</div>
<button class="b changeconfirm" style="background-color: red">Change Profile</button>
<button class="b back">Back</button>
</div>
<!-- Authentication Screen -->
<div class="app-auth-screen auth screen h">
<div class="app">
<h2 class="app-name"></h2>
</div>
<div class="settings-control-group">
<label class="settings-control-label">Using profile:</label>
<select class="settings-control-input profilelist currentlist"></select>
</div>
<div class="auth-data h"></div>
<button class="b approve green">Login</button>
</div>
<!-- App List/Download Screen -->
<div class="app-list-screen list screen h">
<div class="splash add-margin">
<img class="logo loaddev" src="./[email protected]">
<div class="in-web">
<p>Forget about passwords with SecureLogin</p>
<div class="settings-control-group">
<label class="settings-control-label">Preferred SecureLogin client:</label>
<select class="settings-control-input slclient">
<option value='web'>This Web client (Easiest to use, but depends on our server)</option>
<option value='ext'>Chrome Extension (Best option for Chrome users)</option>
<option value='app'>Native app (Installed locally on your desktop / mobile)</option>
</select>
</div>
<div class="offer-client">
<p><a class="native" href="" ><img class="store"></a></p>
<p>We support macOS, Windows, Linux, Android, iOS and Chrome browser. The source code and other installers are <a href="https://github.com/sakurity/securelogin">available here</a></p>
</div>
</div>
<div class="settings-control-group main-form">
<p>Legacy Password Generator</p>
<p style="font-size:14px">Here you can generate a password for websites that <b>don't support SecureLogin yet</b> and still rely on insecure legacy passwords</p>
<p><input type="text" class="settings-control-input managerprovider" placeholder="Domain e.g. 'twitter.com' "></p>
<p><input type="text" class="settings-control-input managerpassword copyable" placeholder="Click to copy the generated password"></p>
<p class="h copymessage">Copied!</p>
<p><a href="https://sakurity.com/securelogin">Who supports SecureLogin now?</a></p>
<p style="font-size:14px">Follow the link to see up-to-date list of websites and apps implementing SecureLogin Protocol. Ask admin of your favorite website to support it too, it's really easy!</p>
<label class="settings-control-label">Default profile:</label>
<select class="settings-control-input profilelist defaultlist"></select>
<a class="b red slbutton logoutprofile">Log out of this profile</a>
<a class="b slbutton changeprofile">Change Password</a>
</div>
<div class="settings-control-group login-form">
<p>Make sure you write down your master password and that you never used this password before.</p>
<p><input required=true type="email" id="login" class="settings-control-input" placeholder="Email"></p>
<input required=true type="password" id="password" class="settings-control-input" placeholder="Master Password">
<a class="b real-sign-in slbutton">Add SecureLogin profile</a>
</div>
</div>
</div>
</div>
<div class="ios h"></div>
<img class="h" id="ping">
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/scryptasync.js"></script>
<script type="text/javascript" src="js/nacl.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/bowser.js"></script>
</body>
</html>