-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (101 loc) · 5.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Password Character Splitter</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="jumbotron">
<div class="container">
<ul class="navbar-nav bd-navbar-nav flex-row float-right">
<li class="nav-item">
<a href="https://www.linkedin.com/in/alexander-duffell-a05a30130/" target="_blank">
<svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
focusable="false">
<title>LinkedIn</title>
<path
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"
fill="currentColor" fill-rule="evenodd"></path>
</svg>
</a>
</li>
<li class="nav-item" style="padding-left:20px;">
<a href="https://github.com/Axemasta" target="_blank" class="navbar-nav-svg">
<svg class="navbar-nav-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 499.36"
focusable="false">
<title>GitHub</title>
<path
d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"
fill="currentColor" fill-rule="evenodd"></path>
</svg>
</a>
</li>
</ul>
<br />
<br />
<h1 class="display-3">Password Splitter</h1>
<p>
This tool helps you pick the characters out of your password, for use with banks and the like.
<br />
If you use large passwords, this tool will help you pick out the characters required for your bank login
authentication.
</p>
<form id="password-form">
<div class="form-group">
<small>Enter your password into this textfield and select which characters you would like to
use</small>
<input type="password" class="form-control" id="passwordEntry" placeholder="Enter password..."
data-lpignore="true">
<small class="form-text">Don't worry, this won't get stored anywhere 😇</small>
</div>
</form>
</div>
</div>
<div class="container">
<br />
<br />
<section>
<div style="padding-left: 15px;padding-right: 15px;">
<div class="row">
<div class="col-md-4">
<div class="selector-cell">
<input type="number" id="display-cell1-input" class="selector-cell-input display-4">
<p>Value is</p>
<h1 id="display-cell1-value" class="display-3 unselected-character">?</h1>
</div>
</div>
<div class="col-md-4">
<div class="selector-cell">
<input type="number" id="display-cell2-input" class="selector-cell-input display-4">
<p>Value is</p>
<h1 id="display-cell2-value" class="display-3 unselected-character">?</h1>
</div>
</div>
<div class="col-md-4">
<div class="selector-cell">
<input type="number" id="display-cell3-input" class="selector-cell-input display-4">
<p>Value is</p>
<h1 id="display-cell3-value" class="display-3 unselected-character">?</h1>
</div>
</div>
</div>
</div>
</section>
<br />
<br />
<footer>
<hr />
<small class="float-right footer-link">by <a href="https://github.com/Axemasta"
target="_blank">Axemasta</a></small>
</footer>
</div>
<!--Scripts-->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>