Skip to content
Snippets Groups Projects
Commit 6dca6bce authored by Lloyd Hilaiel's avatar Lloyd Hilaiel
Browse files

improve prove page, have it redirect to manage.html after verification

parent ecb1bf46
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
browserid/static/css/style.css
+ 5
− 0
View file @ 6dca6bce
......@@ -179,6 +179,11 @@ a:hover {
font-size: 1.5em;
}
.bottomhalf .status {
margin: 0 100px 0 100px;
font-size: 1.2em;
}
pre code {
padding: 30px;
margin: 1em 100px 1em 100px;
......
browserid/static/prove.html
+ 43
− 81
View file @ 6dca6bce
<!DOCTYPE html>
<html>
<head>
<title>
BrowserID -- Confirm Email
</title>
<script src="../dialog/jquery-min.js"></script>
<style type="text/css">
body { margin: auto; font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
a:link, a:visited { font-style: italic; text-decoration: none; color: #008; }
a:hover { border-bottom: 2px solid black ; }
.number { font-family: 'Permanent Marker', arial, serif; font-size: 4em; float: left; padding: 0; margin: 0; vertical-align: top; width: 1.3em}
.title { font-size: 2em; font-weight: bold; text-align: center; margin: 1.5em; }
.intro { font-size: 1.2em; width: 600px; margin: auto; }
.step { width: 600px; margin: auto; margin-top: 1em;}
.desc { padding-top: 1.5em; min-height: 4.5em;}
.output {
font-family: 'lucida console', monaco, 'andale mono', 'bitstream vera sans mono', consolas, monospace;
border: 3px solid #666;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: .5em;
margin: .5em;
color: #ccc;
background-color: #333;
/* white-space: pre;*/
font-size: .9em;
width:600px;
word-wrap: break-word;
}
#emailList {
font-size: 1.0em;
width: 4x00px;
margin: auto;
font-weight:bold;
margin-top:32px;
}
.email {
display:inline-block;
}
.emailblock a {
font-size:0.7em;
color:#405090;
}
.emailblock {
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#f0f0f0;
width:500px;
padding:8px;
min-height:48px;
margin:16px auto;
}
.meta {
display:inline-block;
float:right;
font:8pt Arial;
}
.meta a {
cursor:pointer;
}
.keyblock {
font:8pt Arial;
}
.date {
font:8pt Arial;
}
</style>
<body>
<div class="title">
Email Confirmation...
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>BrowserID - My Account</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body onload="display_saved_ids()">
<div id="splash">
<div class="topquarter">
<div>
<a href="/"><div class="title">BrowserID</div></a>
<div class="subtitle">My Account</div>
</div>
</div>
<div class="bottomhalf">
<div class="why">
<p>
Email Verification
</p>
</div>
<div class="status">
One moment while we attempt to confirm your email address...
</div>
</div>
<div class="footer">
<div>
<div class="right">
<p><b>BrowserID</b> is an <b>open source experiment</b> into improving identity and authentication on the web, by
<a href="https://mozillalabs.com">mozilla labs</a>.</p>
</div>
<div class="left">
<p> <a href="https://github.com/mozilla/browserid">Source Code</a>&nbsp;&nbsp;&nbsp;<a href="https://wiki.mozilla.org/Identity/Verified_Email_Protocol">Specification</a>&nbsp;&nbsp;&nbsp;<a href="http://groups.google.com/group/mozilla-labs">Mailing list</a> </p>
<p class="copyright">Copyright © 2011 Mozilla. All rights reserved. </p>
</div>
</div>
</div>
</div>
<div class="intro">
This page is where you land when you want to confirm ownership of email addresses.
One moment while we attempt to confirm your address.
</div>
</body>
<script src="dialog/jquery-min.js"></script>
<script>
function getParameterByName( name )
{
......@@ -95,16 +52,21 @@ function getParameterByName( name )
}
function success() {
$("div.intro").text("Address confirmed!");
$("div.status").text("Address confirmed!");
setTimeout(function() {
$("body").fadeOut(1500, function() {
window.close();
// ideally we'll just be able to close this window. shucks. works on the iphone.
try { window.close(); } catch(e) {}
// if the close didn't work, then let's redirect the the management page where they'll
// get to see the ids that they've created.
document.location = '/manage.html';
});
}, 1000);
}
function failure(why) {
$("div.intro").text("Error encountered while attempting to confirm your address. please try again. (error message: " + why + ")");
$("div.status").text("Error encountered while attempting to confirm your address. please try again. (error message: " + why + ")");
}
$(document).ready(function() {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment