-
Notifications
You must be signed in to change notification settings - Fork 47
/
secure-password-generator.html
160 lines (151 loc) · 7.46 KB
/
secure-password-generator.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
---
title: Secure Password Generator | Developer Tools
layout: post
---
<html>
<head>
{% include common-meta %}
<title>{{ page.title }}</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="description" content="This is open source tool to generate complex and secure password based on random characters generation of required length." />
<meta name="keywords" content="online,tool,password,secure,complext,web,opensource" />
<!-- CSS for the site theme -->
{% include theme-css %}
<!-- Annoying IE fixes -->
{% include ie-fixes %}
</head>
<body class="hold-transition skin-green sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<!-- header tag from theme -->
{% include theme-header %}
<!-- Sidebar for the whole website -->
{% include theme-sidebar %}
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Main content -->
<section class="content">
<div class="box box-danger">
<div class="box-header with-border">
<h1 class="box-title">Secure Password Generator Tool</h1>
</div>
<!-- /.box-header -->
<!-- form start -->
<div class="box-body">
<form role="form">
<div class="form-group">
<label for="result">Generated Password</label>
<input type="text" class="form-control" rows="1" placeholder="Copy password from here" id="result" />
</div>
<div class="form-group">
<label for="strength">Password Strength </label>
<div id="strength"><span class="label"></span></div>
</div>
<div class="form-group">
<label for="length">Choose Password Length </label>
<select class="form-control" name="length" id="length">
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14" selected="selcted">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
</div>
</form>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="row">
<div class="col-xs-1">
<button type="button" class="btn btn-success" id="submit">Generate Password</button>
</div>
</div>
</div>
<!-- /.box-footer -->
</div>
</section>
<section class="content">
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">About Secure Password Generator Tool</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<p>This is a free online tool to do simple password generation for your needs. Most people can just copy the default password automatically suggested as soon as you visit this page. You can refresh the page to get new password with
10 character (default) length or You can select a desired length of password from the drop down and hit generate button to generate a new absolutely random password. </p>
</div>
<!-- /.box-body -->
</div>
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">How To Use This Password Generator</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<p>You can use this to generate complex, secure and random password for any need. This page automatically generates the password of length 10 as soon as you land on it. Most of the times, I just copy that password and use it. This password is not saved anywhere so you need to keep it in a secure password manager or your favorite browser keychain.</p>
</div>
<!-- /.box-body -->
</div>
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Why Password Generator Is Needed?</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<img src="images/security-password.jpg" class="img-responsive" alt="Reasons Why Password Generator Is Needed" title="Reasons Why Password Generator Is Needed"/>
<p>Everyone has multiple online accounts and need to maintain complex password for various places. If you keep same password for all accounts it is vulnerable. Therefore it is nice to have a simple utility that can generate a random
password.</p>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">How To Remember This Password?</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<p>Unfortunately this password generator is absolutely random in behavior and therefore you may not be easily able to remember it. However, we do have a <a href="memorable-secure-password-generator.html">memorable password generator</a> that you can use. We also recommend you to use secure password manager applications to save your password.</p>
</div>
<!-- /.box-body -->
</div>
</section>
{% include addthis %}
</div>
<!-- /.content-wrapper -->
{% include theme-footer %}
</div>
<!-- ./wrapper -->
{% include theme-bottom-js %}
</body>
<script src="plugins/selectOnFocus/jquery.selectOnFocus.min.js"></script>
<script src="javascripts/passutil.js"></script>
<script>
var showStrength = function() {
$("#strength").html(checkPassStrength($("#result").val()));
};
$(document).ready(function() {
$("#submit").click(function() {
$("#result").val('');
$("#result").val(securePassword($("#length").val()));
showStrength();
});
$("#result").selectOnFocus();
$("#result").val(securePassword($("#length").val()));
showStrength();
$("#result").on("input", function() {
showStrength();
});
$('#security-category').addClass('active');
});
</script>
</html>