2017-03-12 20:05:02 -06:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
2017-05-25 18:38:12 -06:00
|
|
|
<title>Password Generator</title>
|
2017-03-12 21:54:22 -06:00
|
|
|
<link rel="stylesheet" href="css/style.css">
|
2017-03-12 20:05:02 -06:00
|
|
|
<link rel="stylesheet" href="css/material.min.css">
|
|
|
|
<script src="js/material.min.js"></script>
|
|
|
|
<script src="js/popup.js"></script>
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
|
|
</head>
|
2017-03-12 21:54:22 -06:00
|
|
|
<body>
|
2017-03-12 20:05:02 -06:00
|
|
|
<div class="mdl-card">
|
|
|
|
<div class="mdl-card__supporting-text">
|
2017-03-12 21:54:22 -06:00
|
|
|
<div class="mdl-textfield mdl-js-textfield">
|
2017-05-25 18:38:12 -06:00
|
|
|
<input class="mdl-textfield__input" type="text" spellcheck="false" id="password">
|
2017-03-12 21:54:22 -06:00
|
|
|
</div>
|
|
|
|
<div class="fab">
|
|
|
|
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab mdl-js-ripple-effect mdl-button--colored" id="regen">
|
|
|
|
<i class="material-icons">refresh</i>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<label for="len">
|
|
|
|
<span>Length: <span id="lentxt">--</span></span>
|
2017-03-12 21:55:39 -06:00
|
|
|
<input class="mdl-slider mdl-js-slider" type="range" min="4" max="26" value="12" tabindex="0" id="len">
|
2017-03-12 21:54:22 -06:00
|
|
|
</label>
|
2017-03-12 20:05:02 -06:00
|
|
|
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="num">
|
|
|
|
<input type="checkbox" id="num" class="mdl-checkbox__input" checked>
|
|
|
|
<span class="mdl-checkbox__label">Numbers</span>
|
|
|
|
</label>
|
|
|
|
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="sym">
|
|
|
|
<input type="checkbox" id="sym" class="mdl-checkbox__input" checked>
|
|
|
|
<span class="mdl-checkbox__label">Symbols</span>
|
|
|
|
</label>
|
2017-05-25 18:38:12 -06:00
|
|
|
<p id="clipboard">Password is copied into your clipboard.</p>
|
2017-03-12 20:05:02 -06:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
2017-05-25 18:38:12 -06:00
|
|
|
</html>
|