<html> <head>

<title>U2F Registration</title>
<style type="text/css"><!--
body {
  background: #00d2ff;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3a7bd5, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3a7bd5, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body, html {
  color: #fff;
  font-family: monospace;
}
div.main {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  margin-top: 10%;
}
--></style>

</head> <body> <form method=“post”>

<input type="hidden" name="response">

</form>

<script type=“text/javascript”>

{{{u2fjs}}}

var appId = {{{app_id}}}; var registerRequests = {{{registration_requests}}}; var signRequests = {{{sign_requests.as_json}}};

u2f.register(appId, registerRequests, signRequests, function(registerResponse) {

var form, reg, response;

if (registerResponse.errorCode) {
  return alert("Registration error: " + registerResponse.errorCode);
  console.log(registerResponse);
}
console.log(registerResponse);

form = document.forms[0];
response = document.querySelector('[name=response]');

response.value = JSON.stringify(registerResponse);

form.submit();

}); </script>

<div class=“main”> <h1>U2F Registration:</h1> <p>Insert your token and authenticate.</p> </div> </body> </html>