-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (170 loc) · 7.56 KB
/
index.html
File metadata and controls
184 lines (170 loc) · 7.56 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>The simple password manager</title>
<meta name="keywords" content="simple password manager, simple password manager, password manager, password generator">
<meta name="description" content="A simple password manager that generates passwords based on a phrase easy to remember.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen"
href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="./css/fontawesome/css/all.css">
<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16.png">
<script src="./bower_components/jquery/dist/jquery.min.js"></script>
<script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="./password_manager.js"></script>
</head>
<body>
<div class="header">
<div class="container mb-5">
<div class="row">
<div class="col-md-6">
<a href="/"><img src="images/tspm_logo.svg" alt="The Simple Password Manager"></a>
</div>
<div class="col-md-6 text-right pt-2">
<a href="https://github.com/Zmaon/simplestpasswordmanager" target="_blank" class="github">
<i class="fab fa-github"></i> Github
</a>
</div>
</div>
</div>
</div>
<div class="container d-flex justify-content-center">
<div class="row align-self-center d-flex flex-column">
<div class="container password-container mb-2">
<form autocomplete="off">
<div class="form-group">
<label for="passphrase">Passphrase</label>
<div class="input-group">
<input type="password" class="form-control" id="passphrase" autocomplete="off" placeholder="Type in your passphrase">
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button"
id="button-show-passphrase">Show</button>
</div>
</div>
</div>
<div class="form-group">
<label for="password_output">Password</label>
<div class="input-group">
<input type="password" class="form-control" id="password-output" placeholder="Password" autocomplete="off" readonly="readonly">
<div class="input-group-append">
<button class="btn btn-outline-primary" type="button"
id="button-show-output">Show</button>
<button class="btn btn-outline-primary" type="button" id="button-copy-output">Copy to
clipboard</button>
</div>
</div>
</div>
</form>
</div>
<div class="container mt-2">
<hr class="mb-4">
<p>
<b>Are you using the same password everywhere? Or do you just change it a little bit from
service to service?</b> Then <i>The Simple Password Manager</i> is made for you.
</p>
<p>
Using the same password on many services is really dangerous. It means that if one of your
accounts gets compromised, malicous people will be able to get access to all your other accounts. If you
think that security breaches are rare, or concern only small services, just have a look at
<a href="https://en.wikipedia.org/wiki/List_of_data_breaches" target="_blank">this list</a>.
</p>
<p>
Using the <i>The Simple Password Manager</i> you'll be able to generate strong passwords very easily,
without using a full featured password manager software.
</p>
<h3 class="mt-5">How does it work?</h3>
<p>
Think about a personal and easy to remember sentence that you can decline for all your passwords.
For example (do NOT use these!):<br><br>
"My great password for <i>Github</i>"<br>
"My great password for <i>Google</i>"<br>
...<br><br>
Type this in the <strong>passphrase</strong> field above and voilà! Your password is generated.
The next time that you require one of your passwords, just re-type the same passphrase,
it will give you the same password.
<div class="alert alert-info" role="alert">
<h4 class="alert-heading">Be unpredictable!</h4>
<p>
Try to figure out a passphrase that is not easy to guess! For example you can use
lowercase,
uppercase and special characters, slang or words you made up.
Using another language than english is a good idea too!
</p>
</div>
<div class="alert alert-danger" role="alert">
<h4 class="alert-heading">Do not write your passphrase down!</h4>
<p>
If someone gets your passphrase, he could easily figure out all of your passwords.
</p>
</div>
</p>
</div>
<div class="card mt-5">
<div class="card-body">
<h1>FAQ</h1>
<h5 class="card-title mt-4">How is it better than just using my passphrase at Github or Google?</h5>
<p class="card-text">
If one of the services you are using gets hacked (which <a href="https://en.wikipedia.org/wiki/List_of_data_breaches"
target="_blank">happens regularly</a>) and your password is
stolen, or if <a href="https://www.wired.com/story/facebook-passwords-plaintext-change-yours/" target="_blank">
employees get access to your password</a>,
it would be easy to guess your other passwords from your passphrase. Using <i>The simple
password manager</i>
guarantees that it's impossible to guess anything from one of your passwords.
</p>
<hr class="mt-4">
<h5 class="card-title mt-4">Is my password stored anywhere?</h5>
<p class="card-text">
No. In fact, nothing is sent to the web, everything happens locally in your browser. This is really
easy for you to monitor using the developer console of your browser, and checking that no
network connection happens when you type your passphrase.
</p>
<hr class="mt-4">
<h5 class="card-title mt-4">What if you get hacked?</h5>
<p class="card-text">
It's true that if a malicious hacker succeeded in hacking our server, he could change the script
to make it send the passphrases somewhere. <br>
To prevent that, we are regularly monitoring our server. We also encourage all the users of the
service
to check that no network connection happens when they type a passphrase. This is really easy to
see using
the developer console of your browser.
</p>
<hr class="mt-4">
<h5 class="card-title mt-4">What if this website stops existing?</h5>
<p class="card-text">
The "recipe" that transforms your passphrase into a password is not a secret, and is actually quite simple.
You can see it by checking the <a href="https://github.com/Zmaon/simplestpasswordmanager" target="_blank">
github repository</a>.<br>
In fact, any geek could clone the repository and start a copy of this service in a few minutes.
</p>
</div>
</div>
</div>
</div>
<div class="footer mt-5 mb-1">
<div class="container text-center">
© <span class='year'>2019</span> -
The simple Password Manager -
<a href="terms_and_conditions.html">Terms & conditions</a> -
<a href="" class="contact">Contact</a>
</div>
</div>
</body>
<script>
$(function () {
$('.password-container').PasswordManager();
$('.contact').on('mousedown', function(){
var $a = $(this);
$a.attr('href', 'mailto:'+atob(atob('ZEdobGMybHRjR3hsWTI5dWRHRmpkR1Z0WVdsc1FIUm9aWE5wYlhCc1pYQmhjM04zYjNKa2JXRnVZV2RsY2k1amIyMD0=')));
setTimeout(function(){
$a.attr('href', '#');
}, 250);
});
});
</script>
</html>