107 lines
4.2 KiB
HTML
107 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Authenticator - Daplie, Inc</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no" />
|
|
<link rel="stylesheet" type="text/css" href="bootstrap-v3.3.5.min.css">
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
</head>
|
|
<body class="fade">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-xs-6 left">
|
|
<h1 class="authenticator">Authenticator Test</h1>
|
|
<img alt="qrcode" class="js-qrcode qrcode" width="166" height="166" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" />
|
|
<div class="scan">
|
|
Scan with <a href="https://www.authy.com/personal/mobile/" target="_blank">Authy App</a>
|
|
</div>
|
|
<div class="verify">
|
|
<label class="token-label">Enter Verification Token:</label>
|
|
<br />
|
|
<input class="js-token token-input" type="text" placeholder="i.e. 123 456" />
|
|
<button class="js-verify btn">Verify</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 right">
|
|
<div class="iframe-container">
|
|
<iframe class="iframe" src="phone.html"></iframe>
|
|
</div>
|
|
<img class="iPhone" src="iPhoneMockup.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3"></div>
|
|
<div class="col-md-6 bottom">
|
|
<form class="form-horizontal">
|
|
<h1 class="console"> Console </h1>
|
|
<hr />
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">Issuer:</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" class="js-company-name issuer-input wide" placeholder="Company Name">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">Account:</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" class="js-user-account issuer-input wide" placeholder="User Account">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">Key:</label>
|
|
<div class="col-sm-9">
|
|
<input type="text" class="js-key base-key-input wide" value="xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxxx">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-6 col-xs-6">
|
|
<button type="button" class="btn btn-default js-generate regenerate">Regenerate</button>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-sm-3 control-label">URL:</label>
|
|
<div class="col-sm-9">
|
|
<p class="js-otpauth">otpauth://totp/company:user?secret=xxxx</p>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-3"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- extremely lightweight shim for hex conversion -->
|
|
<script src="bower_components/unibabel/index.js"></script>
|
|
<script src="bower_components/unibabel/unibabel.hex.js"></script>
|
|
|
|
<!-- base32 conversion (and binary string for forge) (works standalone from the above) -->
|
|
<script src="bower_components/unibabel/unibabel.base32.js"></script>
|
|
|
|
<!-- forge.hmac -->
|
|
<script src="bower_components/forge/js/util.js"></script>
|
|
<script src="bower_components/forge/js/sha1.js"></script>
|
|
<script src="bower_components/forge/js/hmac.js"></script>
|
|
|
|
<!-- forge.random.getBytes -->
|
|
<script src="bower_components/forge/js/sha256.js"></script>
|
|
<script src="bower_components/forge/js/cipher.js"></script>
|
|
<script src="bower_components/forge/js/cipherModes.js"></script>
|
|
<script src="bower_components/forge/js/aes.js"></script>
|
|
<script src="bower_components/forge/js/prng.js"></script>
|
|
<script src="bower_components/forge/js/random.js"></script>
|
|
|
|
<!-- botp.totp -->
|
|
<script src="bower_components/botp/sha1-hmac.js"></script>
|
|
<script src="bower_components/botp/index.js"></script>
|
|
|
|
<!-- Authenticator -->
|
|
<script src="authenticator.js"></script>
|
|
<script src="test.js"></script>
|
|
</body>
|
|
</html>
|