2015-10-23 07:11:29 +00:00
<!DOCTYPE html>
< html >
< head >
2015-10-25 01:50:00 +00:00
< title > Authenticator - Daplie, Inc< / title >
2015-10-23 07:11:29 +00:00
< meta charset = "UTF-8" >
2015-10-26 20:48:33 +00:00
<!-- meta name="viewport" content="width=device - width, user - scalable=no" / -->
2015-10-26 23:45:46 +00:00
< meta http-equiv = "Content-Security-Policy" content = "default-src 'self'; img-src 'self' https://camo.githubusercontent.com/ https://chart.googleapis.com/ data:; child-src 'self'; object-src 'none'" >
2015-10-25 01:50:00 +00:00
< link rel = "stylesheet" type = "text/css" href = "bootstrap-v3.3.5.min.css" >
< link rel = "stylesheet" type = "text/css" href = "style.css" >
2015-10-23 07:11:29 +00:00
< / head >
2015-10-25 01:50:00 +00:00
< 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 >
2015-10-23 07:11:29 +00:00
2015-10-25 01:50:00 +00:00
< div class = "col-xs-6 right" >
2015-10-26 20:48:33 +00:00
< img class = "iPhone" src = "iPhoneMockup.png" / >
2015-10-25 01:50:00 +00:00
< div class = "iframe-container" >
2015-10-26 20:48:33 +00:00
< iframe class = "js-otp-iframe iframe" src = "phone.html" > < / iframe >
2015-10-25 01:50:00 +00:00
< / div >
< / div >
< / div >
2015-10-23 07:11:29 +00:00
< / div >
2015-10-25 01:50:00 +00:00
< 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" >
2015-10-26 20:48:33 +00:00
< input type = "text" class = "js-key base-key-input wide" >
2015-10-25 01:50:00 +00:00
< / 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" >
2015-10-26 20:48:33 +00:00
< label class = "col-sm-3 control-label" > URI:< / label >
2015-10-25 01:50:00 +00:00
< div class = "col-sm-9" >
2015-10-26 20:48:33 +00:00
< p class = "js-otpauth" > otpauth://totp/company:user?secret=xxxx& issuer=company< / p >
2015-10-25 01:50:00 +00:00
< / div >
< / div >
< / form >
< / div >
< div class = "col-md-3" > < / div >
< / div >
2015-10-23 07:11:29 +00:00
< / div >
2015-10-26 23:52:03 +00:00
<!-- github banner -->
< a href = "https://github.com/Daplie/browser-authenticator" > < img class = "github-banner" src = "https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt = "Fork me on GitHub" data-canonical-src = "https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" > < / a >
2015-10-23 08:09:22 +00:00
<!-- extremely lightweight shim for hex conversion -->
2015-10-23 07:11:29 +00:00
< script src = "bower_components/unibabel/index.js" > < / script >
< script src = "bower_components/unibabel/unibabel.hex.js" > < / script >
2015-10-23 07:40:01 +00:00
<!-- base32 conversion (and binary string for forge) (works standalone from the above) -->
2015-10-23 07:11:29 +00:00
< 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 >