-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
120 lines (82 loc) · 6.83 KB
/
index2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="calc.svg" type="svg" sizes="32x32">
<title>Password Manager and Generator</title>
</head>
<body>
<div class="titlebar">
<h1>Password generator by msm</h1>
</div>
<div class="workspace">
<div class="passwordcreator c">
<div class="titlecard">
<h1>Random Password Generator</h1>
</div>`
<div class="bodytext">
<p>Click the button below to create a <input id="lengthInput" class="length" type="number" value="" placeholder="Enter length" ></input> digit random password</p>
</div>
<div class="output" >
<button id="myBtn" class="icon" onclick="getPassword();" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="64" height="64"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,18.8125c-37.10663,0 -67.1875,30.08087 -67.1875,67.1875c0,37.10663 30.08087,67.1875 67.1875,67.1875c37.10663,0 67.1875,-30.08087 67.1875,-67.1875c0,-37.10663 -30.08087,-67.1875 -67.1875,-67.1875z" fill="#1a1f29"></path><path d="M86,157.21875c-39.2375,0 -71.21875,-31.98125 -71.21875,-71.21875c0,-39.2375 31.98125,-71.21875 71.21875,-71.21875c39.2375,0 71.21875,31.98125 71.21875,71.21875c0,39.2375 -31.98125,71.21875 -71.21875,71.21875zM86,22.84375c-34.80312,0 -63.15625,28.35313 -63.15625,63.15625c0,34.80313 28.35313,63.15625 63.15625,63.15625c34.80313,0 63.15625,-28.35312 63.15625,-63.15625c0,-34.80313 -28.35312,-63.15625 -63.15625,-63.15625z" fill="#eeeeee"></path><path d="M75.92188,110.1875c-0.67187,0 -1.34375,-0.13437 -2.01562,-0.5375c-1.20937,-0.67187 -2.01562,-2.01562 -2.01562,-3.49375v-40.3125c0,-1.47813 0.80625,-2.82187 2.01563,-3.49375c1.20937,-0.67187 2.82188,-0.67187 4.03125,0l34.9375,20.15625c1.20938,0.67188 2.01563,2.01563 2.01563,3.49375c0,1.47812 -0.80625,2.82187 -2.01562,3.49375l-34.9375,20.15625c-0.67187,0.40313 -1.34375,0.5375 -2.01562,0.5375zM79.95313,72.83125v26.3375l22.84375,-13.16875z" fill="#ff697b"></path></g></g></svg>
</button>
<!-- <div class="outputarea"> -->
<textarea id="password" type="text" div class="outputarea" placeholder="Click the button to generate password" readonly=""></textarea>
<!--</div>-->
</div>
</div>
<div class="scrambler c">
<div class="titlecard">
<h1>Password Scrambler</h1>
</div>
<div class="bodytext">
<p>Enter your password below to scramble it. Then click the button to scramble it.</p>
</div>
<div class="body2 bodytext">
<p>Enter yout text/password:</p>
</div>
<input div id="jumbleinput" type="text" class="passarea passwordtext" name="jumbleinput" placeholder="Enter the password" autocomplete="off">
<div class="body2 bodytext">
<p>Output:</p>
</div>
<div class="output">
<button class="icon" id="jumbleBtn" name="button2" onclick="jumblePassword();" type="submit">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="64" height="64"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g><path d="M86,18.8125c-37.10663,0 -67.1875,30.08087 -67.1875,67.1875c0,37.10663 30.08087,67.1875 67.1875,67.1875c37.10663,0 67.1875,-30.08087 67.1875,-67.1875c0,-37.10663 -30.08087,-67.1875 -67.1875,-67.1875z" fill="#1a1f29"></path><path d="M86,157.21875c-39.2375,0 -71.21875,-31.98125 -71.21875,-71.21875c0,-39.2375 31.98125,-71.21875 71.21875,-71.21875c39.2375,0 71.21875,31.98125 71.21875,71.21875c0,39.2375 -31.98125,71.21875 -71.21875,71.21875zM86,22.84375c-34.80312,0 -63.15625,28.35313 -63.15625,63.15625c0,34.80313 28.35313,63.15625 63.15625,63.15625c34.80313,0 63.15625,-28.35312 63.15625,-63.15625c0,-34.80313 -28.35312,-63.15625 -63.15625,-63.15625z" fill="#eeeeee"></path><path d="M75.92188,110.1875c-0.67187,0 -1.34375,-0.13437 -2.01562,-0.5375c-1.20937,-0.67187 -2.01562,-2.01562 -2.01562,-3.49375v-40.3125c0,-1.47813 0.80625,-2.82187 2.01563,-3.49375c1.20937,-0.67187 2.82188,-0.67187 4.03125,0l34.9375,20.15625c1.20938,0.67188 2.01563,2.01563 2.01563,3.49375c0,1.47812 -0.80625,2.82187 -2.01562,3.49375l-34.9375,20.15625c-0.67187,0.40313 -1.34375,0.5375 -2.01562,0.5375zM79.95313,72.83125v26.3375l22.84375,-13.16875z" fill="#ff697b"></path></g></g></svg>
</button>
<input div id="jumblePass" class="outputarea" readonly="" placeholder="Click the play button to jumble" ></input>
</div>
</div>
<div class="undecided"></div>
<div class="storage c">
<div class="titlecard">
<h1>Saved Password</h1>
</div>
<div class="bodytext">
<p>Save your passwords here.</p>
</div>
<div class="savearea">
<form>
<!-- <input div id="item" type="text" class="submitpassword2" placeholder="System is Work in Progress"> -->
<input id="item" class="submitpassword2" type="text" placeholder="New" autocomplete="off" required /></input>
</form>
<!-- <button class="submitpassword"><h1 class="save">Save</h1></button> -->
<h1 class="titlecard">Passwords:-</h1>
<div class="listcard">
<ul class="list"></ul>
</div>
</div>
<button class="submitpassword erase" onclick="erase();"><h1 class="save">Clear Data</h1></button>
<script src="datasave.js"></script>
</div>
</div>
</body>
</html>