This repository has been archived by the owner on Aug 31, 2020. It is now read-only.
forked from kimbtech/PassApp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
191 lines (175 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
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
<!DOCTYPE html>
<!-- <html lang="en"> -->
<html lang="en" manifest="appcache.manifest">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon; charset=binary">
<link rel="icon" href="img/favicon.ico" type="image/x-icon; charset=binary">
<link rel="apple-touch-icon" href="img/passApp.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="PassApp">
<title>PassApp by KIMB-technologies</title>
<meta name="description" content="The new way to have unlimited different passwords and remember only one.">
<meta name="keywords" content="passwords, app, manager, password manager">
<script src="libs/jquery.min.js"></script>
<script src="libs/hashes.min.js"></script>
<script src="libs/clipboard.min.js"></script>
<link href="sys/my.css" rel="stylesheet">
<script src="sys/dataSaverClass.js"></script>
<script src="sys/passwGenClass.js"></script>
<script src="sys/guiSetup.js"></script>
<script src="sys/hintsOverlay.js"></script>
<script>
//classes
var Saver = new DataSaver();
var Generator = new PassGen();
//load, if gui ready
$( function () {
guiSetup();
hintsOverlay();
});
</script>
</head>
<body>
<div class="header">
<span class="first">PassApp</span>
<span class="second">by KIMB-technologies</span>
<button id="openHints">About</button>
</div>
<div class="mainsite">
<div class="box">
<center>
<select id="typeChooser" class="">
<option value="justPass">Just password</option>
<option value="typDest">Typical destinations</option>
<option value="othDest">Other destination</option>
</select>
</center>
</div>
<div class="input box">
<center>
<input type="password" autocomplete="off" id="password" placeholder="Main password" class="twothirdsize">
<input type="text" autocomplete="off" id="secondPart" placeholder="Destination" class="hidden thirdsize">
<select id="destChooser" class="typDestList hidden thirdsize">
<option>Facebook</option>
<option>Google</option>
<option>E-Mail</option>
<option>Twitter</option>
<option>Instagram</option>
<option>iCloud</option>
<option>Moodle</option>
<option>Microsoft</option>
<option>GitHub</option>
<option>Bitbucket</option>
</select>
</center>
</div>
<div class="output box">
<center>
<button id="generate">Generate</button>
</center>
</div>
<div class="output box">
<p class="copy">
<button id="clearButton" title="Clear all password data.">Clear</button>
<button id="copyButton" title="Copy password to clipboard.">Copy</button>
<span id="copiedTextMessage" class="hidden smallnotice"></span>
</p>
<p class="outputtexts">
<input type="password" autocomplete="off" readonly="readonly" id="resultHidden" class="fullsize">
<input type="text" autocomplete="off" readonly="readonly" id="resultVisible" class="fullsize hidden">
</p>
</div>
<div id="smallnotice" class="smallnotice">
The generated passwords are only as secure as the main password, so take
care to have a strong one.<br />
The developer of this app gives no warranty and is not responsible for any faults or missuses.
</div>
</div>
<div class="footer">
<p>Visit on <a href="https://github.com/KIMB-technologies/PassApp" target="_blank">GitHub</a>, released under terms of <a href="https://github.com/KIMB-technologies/PassApp/blob/master/LICENSE" target="_blank">BSD 3-Clause License</a>.</p>
<p>© 2018 by <a href="https://github.com/KIMB-technologies/" target="_blank">KIMB-technologies</a></p>
</div>
<div id="hintsOverlay" class="hidden">
<div class="overlay" id="hintsBackground">
</div>
<div class="overlaycontent">
<h1>PassApp</h1>
<em>The new way to have unlimited different passwords and remember only one.</em>
<div class="box">
<h3>Why this app?</h3>
<p>
Nowadays one needs to remember dozens of passwords, each of it has to be unique and
meet some strength requirements. But that's not always possible.
</p>
<p>
So there are some ways to master this challenge. One only has a few passwords
and uses them multiple times, maybe with some small changes. But if one password is leaked,
others are also.
</p>
<p>
The other possibility is to use a password manager, but it is much work to set it up and
if it gets hacked, all passwords are leaked.
</p>
</div>
<div class="box">
<h3>How does this app work?</h3>
<p>
This app generates unlimited unique and strong passwords
out of one password.
So one only has to remember the main password.
</p>
<p>
This app uses a one direction algorithm to generate the unique passwords.
Each time the main password is added to the use case (e.g. Facebook, Mail) and
given to this algorithmus. Just having the output it is impossible to calculate
the input data.
</p>
<p>
All the generated passwords are different and strong, also it is not really possible
to guess the password for Facebook if you know the one for Twitter.
</p>
<p style="color: red; font-weight: bold">
The generated passwords always have the same quality, also if your main password is just
"test".<br />
But a weak main password can be brute forced if one knows one generated password.
(If you know the Twitter password, you can test all main passwords until the generated
matches the known.)
</p>
</div>
<div class="box">
<h3>How to use the app?</h3>
<p>
Just take one good password, it should be unique and strong. And you will have
to remember that main password.
</p>
<p>
To get the password for a service you just have to type your main password in
the "Main password" field. Also, you have to specify the use case for which the
password should be generated (type your own or choose from dropdown).
Afterwards the password for the chosen destination can be copied.
</p>
<p>
Every time you need the password for the use case, you just need your main password
and the web app will generate your password again.
</p>
</div>
<div class="box">
<h3>Links</h3>
<p><a href="https://KIMB-technologies.github.io/PassApp/" target="_blank">WepApp</a></p>
<p><a href="https://github.com/KIMB-technologies/PassApp" target="_blank">GitHub/ Sourcecode</a></p>
<p><a href="https://github.com/KIMB-technologies/PassApp/issues" target="_blank">Issue Tracker</a></p>
<p><a href="https://github.com/KIMB-technologies/" target="_blank">KIMB-technologies</a>
</div>
<div class="box">
<center>
<button id="closeHints">Close</button>
</center>
</div>
</div>
</div>
</body>
</html>