chrome-pwgen/popup.html

44 lines
1.7 KiB
HTML
Raw Normal View History

2017-03-12 20:05:02 -06:00
<!doctype html>
<html>
<head>
<title>PWGen</title>
<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>
<body style="width:26em;">
<div class="mdl-card">
<!--
<div class="mdl-card__title">
<h1 class="mdl-card__title-text" id="title">PWGen</h1>
</div>
-->
<div class="mdl-card__supporting-text">
<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>
<label for="len">
<input class="mdl-slider mdl-js-slider" type="range" min="4" max="26" value="12" tabindex="0" id="len">
<span>Length: <span id="lentxt"></span></span>
</label>
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="text" id="password">
<!-- <label class="mdl-textfield__label" for="password">Password</label> -->
</div>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored" id="regen">
rebuild
</button>
<p>Password is in your clipboard</p>
</div>
</div>
</body>
</html>