1
1
<!DOCTYPE html>
2
2
< html lang ="en ">
3
- < head >
3
+ < head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
6
< title > Password Generator</ title >
11
11
< link rel ="icon " type ="image/png " sizes ="32x32 " href ="site-data/favicon-32x32.png ">
12
12
< link rel ="icon " type ="image/png " sizes ="16x16 " href ="site-data/favicon-16x16.png ">
13
13
< link rel ="manifest " href ="site-data/site.webmanifest ">
14
- </ head >
15
- < body >
14
+ </ head >
15
+ < body >
16
16
< header >
17
- < h1 > Password Generator</ h1 >
18
- < div class ="header-buttons ">
19
- < a href ="https://github.com/ThatSINEWAVE/Discord-Identity " target ="_blank " class ="btn btn-header ">
20
- < i class ="fab fa-github "> </ i > GitHub </ a >
21
- < a href ="https://ko-fi.com/thatsinewave " target ="_blank " class ="btn btn-header ">
22
- < i class ="fas fa-heart "> </ i > Support </ a >
23
- < a href ="https://discord.gg/2nHHHBWNDw " class ="btn " target ="_blank ">
24
- < i class ="fab fa-discord "> </ i > Discord</ a >
25
- </ div >
17
+ < h1 > Password Generator</ h1 >
18
+ < div class ="header-buttons ">
19
+ < a href ="https://github.com/ThatSINEWAVE/Discord-Identity " target ="_blank " class ="btn btn-header ">
20
+ < i class ="fab fa-github "> </ i > GitHub </ a >
21
+ < a href ="https://ko-fi.com/thatsinewave " target ="_blank " class ="btn btn-header ">
22
+ < i class ="fas fa-heart "> </ i > Support </ a >
23
+ < a href ="https://discord.gg/2nHHHBWNDw " class ="btn " target ="_blank ">
24
+ < i class ="fab fa-discord "> </ i > Discord </ a >
25
+ </ div >
26
26
</ header >
27
27
< main >
28
- < div class ="container ">
29
- < label for ="length "> Password Length (8-64):</ label >
30
- < input type ="number " id ="length " min ="8 " max ="64 " value ="8 " style ="width: 60px; ">
31
- < label for ="numPasswords "> Number of Passwords:</ label >
32
- < input type ="number " id ="numPasswords " min ="1 " max ="4294967295 " value ="1 " style ="width: 60px; ">
33
- < div >
34
- < input type ="checkbox " id ="includeNumbers " checked >
35
- < label for ="includeNumbers "> Include Numbers</ label >
36
- </ div >
37
- < div >
38
- < input type ="checkbox " id ="includeMixedCase " checked >
39
- < label for ="includeMixedCase "> Mixed Case</ label >
40
- </ div >
41
- < div >
42
- < input type ="checkbox " id ="includeSymbols ">
43
- < label for ="includeSymbols "> Include Symbols</ label >
44
- </ div >
45
- < button onclick ="generatePasswords() " id ="generateButton "> Generate</ button >
46
- < button onclick ="saveSettings() "> Save Settings</ button >
47
- < button onclick ="downloadPasswords() " id ="downloadButton " disabled > Download Passwords</ button >
48
- < div id ="output "> </ div >
28
+ < div class ="container ">
29
+ < label for ="length "> Password Length (8-64):</ label >
30
+ < input type ="number " id ="length " min ="8 " max ="64 " value ="8 " style ="width: 60px; ">
31
+ < label for ="numPasswords "> Number of Passwords:</ label >
32
+ < input type ="number " id ="numPasswords " min ="1 " max ="4294967295 " value ="1 " style ="width: 60px; ">
33
+ < div >
34
+ < input type ="checkbox " id ="includeNumbers " checked >
35
+ < label for ="includeNumbers "> Include Numbers</ label >
36
+ </ div >
37
+ < div >
38
+ < input type ="checkbox " id ="includeMixedCase " checked >
39
+ < label for ="includeMixedCase "> Mixed Case</ label >
49
40
</ div >
41
+ < div >
42
+ < input type ="checkbox " id ="includeSymbols ">
43
+ < label for ="includeSymbols "> Include Symbols</ label >
44
+ </ div >
45
+ < button onclick ="generatePasswords() " id ="generateButton "> Generate</ button >
46
+ < button onclick ="saveSettings() "> Save Settings</ button >
47
+ < button onclick ="downloadPasswords() " id ="downloadButton " disabled > Download Passwords</ button >
48
+ < div id ="output "> </ div >
49
+ </ div >
50
50
</ main >
51
51
< footer >
52
- < div class ="footer-content ">
53
- < div > MIT LICENSE © 2024 - ThatSINEWAVE</ div >
54
- </ div >
52
+ < div class ="footer-content ">
53
+ < div > MIT LICENSE © 2024 - ThatSINEWAVE</ div >
54
+ </ div >
55
55
</ footer >
56
56
< script src ="script.js "> </ script >
57
- </ body >
58
- </ html >
57
+ </ body >
58
+ </ html >
0 commit comments