-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
170 lines (155 loc) · 8.86 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
<html>
<head>
<title>Password Generator</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<link rel="stylesheet" href="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
<link href="//cdn.jsdelivr.net/gh/gaowanliang/gitment-store/font.css" rel="stylesheet">
<link rel="icon" type="image/png" href="https://s1.ax1x.com/2020/04/27/JhlmvT.png">
</head>
<style>
body {
font-family: 'Raleway', sans-serif;
font-family: 'Noto Sans SC', sans-serif;
min-height: 100%;
margin: 0;
padding: 0;
position: relative;
}
num {
color: aqua;
}
zzts {
color: brown;
}
.ztop {
margin-top: 20px;
}
.mdui-checkbox {
padding-left: 29px;
}
</style>
<body class="mdui-theme-primary-green mdui-theme-accent-green">
<div class="mdui-appbar">
<div class="mdui-toolbar mdui-color-theme">
<a href="javascript:;" class="mdui-btn mdui-btn-icon"><img src="https://s1.ax1x.com/2020/04/27/JhlmvT.png"
width="48" /></a>
<a href="javascript:;" class="mdui-typo-headline">Gaowanliang Password Generator</a>
<a href="zh-cn.html">简体中文</a>
<div class="mdui-toolbar-spacer"></div>
<a href="javascript:;" class="mdui-btn mdui-btn-icon"><img
src="https://cdn.jsdelivr.net/gh/gaowanliang/p/img/tx.png" width="48" />
</a>
</div>
</div>
<div class="mdui-container"
style="border:4px double #000;margin-top: 20px;background-color:rgba(186, 220, 88,0.3); border-radius:10px;">
<div class="mdui-text-center">
<div class="mdui-typo-display-2 ztop">Need to generate a password? Try Gaowanliang Strong Password Generator. </div>
<br>
<div class="mdui-typo-body-1-opacity">Just need a master password to generate secure passwords to keep your network safe</div>
</div>
<br>
<div id="pwd" class="mdui-center mdui-text-center mdui-typo-title"
style="width: 80%;border:2px solid #000;word-wrap:break-word;padding: 20px;">
Please enter the master password
</div>
<br>
<div class="mdui-textfield mdui-textfield-floating-label">
<label class="mdui-textfield-label">Master Password(required)</label>
<textarea id="mpwd" class="mdui-textfield-input"></textarea>
</div>
<div style="border:2px dashed #000;margin: 10 0;">
<div class="mdui-container">
<div class="mdui-textfield mdui-textfield-floating-label">
<label class="mdui-textfield-label">Sub password (optional)</label>
<textarea id="chars" class="mdui-textfield-input"></textarea>
</div>
<div class="mdui-valign mdui-row">
<p class="mdui-text-center mdui-col-xs-2">
Length
</p>
<label class="mdui-slider mdui-slider-discrete mdui-col-xs-5">
<input id="count" type="range" step="1" min="8" max="128" value="20" />
</label>
<div class="mdui-col-xs-3 mdui-text-center">
<label class="mdui-checkbox">
<input id="num" type="checkbox" checked />
<i class="mdui-checkbox-icon"></i>
Includes digital
</label>
</div>
<div class="mdui-col-xs-3 mdui-text-center">
<label class="mdui-checkbox">
<input id="zzts" type="checkbox" />
<i class="mdui-checkbox-icon"></i>
Include symbols
</label></div>
</div>
</div>
</div>
</div>
<div class="mdui-container">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-typo">
<h1><strong>Stop using birthdays or pets as passwords!</strong></h1>
It is dangerous to use the same password for every site.<br>
If your passwords are involved in a hack or data breach, all your web data is at risk.
That's why I developed Strong Password Generator, to let you equip each account with strong and random passwords
that are different and protected by a master password that only you know.
</div>
<div class="mdui-col-xs-12 mdui-col-sm-6">
<img class="mdui-center" style="margin-top: 3em;" src="https://s1.ax1x.com/2020/04/26/Jg7Npn.png"
alt="Jg7Npn.png" border="0" />
</div>
</div>
<div class="mdui-container">
<div class="mdui-hidden-xs mdui-col-sm-6">
<img class="mdui-center" style="margin-top: 4em;" src="https://s1.ax1x.com/2020/04/27/Jh3bbF.png"
alt="J2tfYR.png" border="0" />
</div>
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-typo mdui-float-right">
<h1><strong>After using it, forget your password.</strong></h1>
After using this program, you will only need to remember ...... One password.<br>
The program's internal built-in irreversible algorithm returns your password to the password format you need after layers of processing. And for different websites, you only need to set different sub-passwords (such as website name, website URL, etc.) to generate completely different, irregular passwords, and through the password recording function that comes with major browsers, you generally only need to enter the password once. Even if you forget, you can easily retrace your password by remembering the main password.
</div>
<div class="mdui-hidden-sm-up">
<img style="margin-top: 3em;" src="https://s1.ax1x.com/2020/04/27/Jh3bbF.png" alt="J2tfYR.png" border="0" />
</div>
</div>
<div class="mdui-container">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-typo">
<h1><strong>How does this program generate passwords?</strong></h1>
As with most great things, the secret behind it is the mystery formula: the irregularity, randomness, and consistency of cryptographic security (and a teaspoon of magic model). This program uses these ingredients to automatically generate unique passwords for you.<br>
If the site has specific password requirements, you can easily adjust the settings to tailor the results to those requirements. Say goodbye to those "forgot password" links.
</div>
<div class="mdui-col-xs-12 mdui-col-sm-6">
<img class="mdui-center" style="margin-top: 3em;" src="https://s1.ax1x.com/2020/04/26/J2W9G6.png"
border="0" />
</div>
</div>
<div class="mdui-container ztop">
<div class="mdui-typo-title mdui-text-center"><strong>What type of password should I use?</strong></div>
<div class="mdui-typo-headline mdui-text-center" id="showHow"
style="margin-top:40px;letter-spacing:8px;word-wrap:break-word;">
NW<num>5</num>Jshoj<num>7</num>zp<num>8</num>BR<num>3</num>ckEpg</div><br>
<p class="mdui-text-center">The best, most secure passwords consist of random characters. Use this program to generate such strong and unique passwords for most of your accounts and services.</p>
</div>
<div class="mdui-container">
<div class="mdui-col-xs-12 mdui-col-sm-6 mdui-typo">
<h1><strong>Use the password generator to generate security questions and answers.</strong></h1>
If you are still using personal information as answers to security questions, stop doing so! This information can often be easily obtained to allow others to access your account.
<br>
Please set the question (or the answer to the question) as a secondary password in the strong random password generator of this program, and use the generated content as the answer. This way even if you forget it, you can get the same content by re-operation.
</div>
<div class="mdui-col-xs-12 mdui-col-sm-6">
<img class="mdui-center" style="margin-top: 3em;" src="https://s1.ax1x.com/2020/04/27/JRqVfg.png"
alt="Jg7Npn.png" border="0" />
</div>
</div>
<script src="//cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.md5/index.min.js"></script>
<script src="static/k.js"></script>
</body>
</html>