diff --git a/browserid/static/css/style.css b/browserid/static/css/style.css
index 9f52ecb716d29ecfe68243ecbc85c25a81e8d332..c26b9e612c0ce3ba0d4f356b70d8fad16b5d12fc 100644
--- a/browserid/static/css/style.css
+++ b/browserid/static/css/style.css
@@ -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;
diff --git a/browserid/static/prove.html b/browserid/static/prove.html
index 8d7f6915b8bcf273321e2c0d04de5beeaa1c110d..16b2bdca87ed75ad303372d327137c2f4a17da3a 100644
--- a/browserid/static/prove.html
+++ b/browserid/static/prove.html
@@ -1,86 +1,43 @@
<!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> <a href="https://wiki.mozilla.org/Identity/Verified_Email_Protocol">Specification</a> <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() {