-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathpopup.html
95 lines (80 loc) · 2.12 KB
/
popup.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
<!DOCTYPE html>
<!--
xkcdGEN
xkcd style passphrase generator
conforms to xkcd 936
https://xkcd.com/936/
https://jz.bz/tar.jz/xkcdgen/
Copyright 2015 JONATHAN ZEPPETTINI
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<head>
<title>xkcdGEN - xkcd style passphrase generator | jz.bz</title>
<meta charset="utf-8">
<style type="text/css">
body {
text-align: center;
color: #fff;
background: radial-gradient(ellipse farthest-side at 100% 100%, #b4dc6c 80%, #6dc84d 120%);
}
img {
padding-top: 15px;
padding-bottom: 50px;
}
textarea {
border-color: transparent;
background-color: transparent;
color: inherit;
font-size: 1.5em;
font-weight: 700;
text-align: center;
resize: none;
}
.button {
border: none;
font-family: inherit;
color: inherit;
background: #e08fc7;
border-width: 3px;
border-color: #cc45a1;
border-style: solid;
cursor: pointer;
padding: 10px 15px;
margin: 15px 15px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
height: 50px;
font-size: 1em;
}
.words {
color: inherit;
text-align: center;
font-size: 1em;
font-weight: 700;
}
</style>
</head>
<body>
<!-- logo -->
<img src="xkcdgen.png">
<!-- /logo -->
<!-- input -->
<form name="pgenerate">
<textarea rows="5" name="output" id="text_area"></textarea><br />
<input type="button" class="button" id="populate_button" value="new passphrase" ><br />
<input type="range" class="rangeInput" id="outupdate_txt" name="plength" min="1" value="5" max="100" step="1" ><br />
<output for="rangeInput" class="words">5</output>
</form>
<!-- /input -->
<script type="text/javascript" src="xkcdgen.js"></script>
</body>
</html>