2011-12-05 22:55:00 -05:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Password Generator</title>
|
|
|
|
<link href="css/html5reset-1.6.1.css" rel="stylesheet" type="text/css" />
|
|
|
|
<!--[if IE]>
|
|
|
|
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
|
|
<![endif]-->
|
|
|
|
<script src="js/head.min.js"></script>
|
|
|
|
<link href="css/style.css" rel="stylesheet" type="text/css" />
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div id="wrapper">
|
2011-12-05 23:39:06 -05:00
|
|
|
<div id="box">
|
|
|
|
<div id="header">
|
|
|
|
<h1>Passwdgen v1.0</h1>
|
|
|
|
</div>
|
|
|
|
<div id="generate">
|
2011-12-06 01:35:41 -05:00
|
|
|
<form id="generate">
|
2011-12-05 23:39:06 -05:00
|
|
|
<div class="form_row">
|
|
|
|
<label for="root">Root Domain:</label>
|
|
|
|
<input type="text" id="root" name="root" />
|
|
|
|
</div>
|
|
|
|
<div class="form_row">
|
|
|
|
<label for="master">Master Password:</label>
|
|
|
|
<input type="password" id="master" name="master" autocomplete="off" />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form_row">
|
2011-12-06 01:35:41 -05:00
|
|
|
<button type="button" id="copy">Generate and Copy to Clipboard</button>
|
2011-12-05 23:39:06 -05:00
|
|
|
</div>
|
2011-12-06 01:35:41 -05:00
|
|
|
</form>
|
2011-12-05 23:39:06 -05:00
|
|
|
</div>
|
2011-12-05 22:55:00 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2011-12-06 00:53:47 -05:00
|
|
|
<div class="hidden">
|
2011-12-06 01:35:41 -05:00
|
|
|
<input type="text" id="password" />
|
2011-12-06 00:53:47 -05:00
|
|
|
</div>
|
|
|
|
|
2011-12-05 22:55:00 -05:00
|
|
|
<script type="text/javascript">
|
|
|
|
head.js('https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js');
|
|
|
|
head.js('js/jquery.corner.min.js');
|
2011-12-06 00:53:47 -05:00
|
|
|
head.js('js/jquery.zclip.min.js');
|
2011-12-06 01:35:41 -05:00
|
|
|
head.js('js/jquery.md5.min.js');
|
2011-12-05 22:55:00 -05:00
|
|
|
|
|
|
|
head.ready(function() {
|
|
|
|
$('input').corner('round 4px');
|
2011-12-05 23:39:06 -05:00
|
|
|
$('button').corner('round 4px');
|
|
|
|
$('#box').corner('round bottom');
|
2011-12-06 00:53:47 -05:00
|
|
|
|
2011-12-06 01:35:41 -05:00
|
|
|
$('input').change(function() {
|
|
|
|
$('#password').val($.md5($('#root').val() + $('#master').val()));
|
|
|
|
});
|
2011-12-06 00:53:47 -05:00
|
|
|
|
2011-12-06 01:35:41 -05:00
|
|
|
$('#copy').zclip({
|
|
|
|
path: 'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
|
|
|
|
copy: function() {
|
|
|
|
return $('#password').val()
|
|
|
|
},
|
|
|
|
afterCopy: function() {}
|
2011-12-06 00:53:47 -05:00
|
|
|
});
|
2011-12-05 22:55:00 -05:00
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|