diff --git a/resources/static/css/common.css b/resources/static/css/common.css
index b438d2616c5faf6959c3f547a4b62d2f4549f120..c57cde32496a20141c866c8d0d5e2da6c5943e16 100644
--- a/resources/static/css/common.css
+++ b/resources/static/css/common.css
@@ -95,16 +95,6 @@ a:hover {
color: #000;
}
-/*
-a.action, #error a {
- color: #549FDC;
-}
-
-a.action:hover, #error a:hover {
- color: #58a7e7;
-}
-*/
-
p:last-child {
margin-bottom: 0 !important;
}
@@ -167,7 +157,7 @@ button,
border-radius: 3px;
border-bottom: 1px solid #888;
- background-color: #3ea5d9;
+ background-color: #4eb5e5;
background-image: -webkit-linear-gradient(top, #4eb5e5, #3196cf);
background-image: -moz-linear-gradient(top, #4eb5e5, #3196cf);
background-image: -ms-linear-gradient(top, #4eb5e5, #3196cf);
@@ -208,7 +198,7 @@ button::-moz-focus-inner, .button::-moz-focus-inner {
.submit button {
padding: 6px 45px 7px 10px;
- background-color: #3ea5d9;
+ background-color: #4eb5e5;
background-image: url("/i/button-arrow.png"), -webkit-linear-gradient(top, #4eb5e5, #3196cf);
background-image: url("/i/button-arrow.png"), -moz-linear-gradient(top, #4eb5e5, #3196cf);
background-image: url("/i/button-arrow.png"), -ms-linear-gradient(top, #4eb5e5, #3196cf);
@@ -290,18 +280,14 @@ a.secondary[disabled], .submit_disabled a.secondary, .submit_disabled a.secondar
color: #999;
}
-hr {
- height: 1px;
- border: none;
- background-color: #eee;
- width: 700px;
-}
-
-
.right {
float: right;
}
+.center {
+ text-align: center;
+}
+
.headline-main, h1, h2, h3, h4 {
font-family: 'Open Sans', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: normal;
diff --git a/resources/static/css/m.css b/resources/static/css/m.css
index 50e242e1969604dcf8a936285741c38f413715c7..fde9db52190b296ce633dbe2dc19ccf0a2a04505 100644
--- a/resources/static/css/m.css
+++ b/resources/static/css/m.css
@@ -49,38 +49,29 @@
width: 320px;
}
- header ul.nav {
+ header ul {
margin: 20px 0 0 0;
float: none;
display: block;
text-align: center;
}
- header ul.nav li {
+ header ul li {
margin: 0 10px 0 0;
}
- /*
- header ul a {
- padding: 0 5px;
- }
- */
-
#signUp {
padding: 0;
font-size: 16px;
- line-height: 21px;
- margin: 0 0 90px; /* Add a bottom margin so the footer is never overlapped. */
}
#card {
- width: 260px;
- height: 80px;
background-position: center top;
background-size: 50%;
position: relative;
- margin: 0 20px 20px;
+ margin: 0 auto;
top: auto;
+ height: 120px;
-webkit-transition: none;
-moz-transition: none;
diff --git a/resources/static/css/style.css b/resources/static/css/style.css
index 32d45df48b7a8457675112d412011cb32d57d353..5d6a0c826802a4ddaad441e47a23838355cc7d8b 100644
--- a/resources/static/css/style.css
+++ b/resources/static/css/style.css
@@ -23,15 +23,6 @@ body {
color: #fff;
}
-a {
- color: #6dc7ff;
- text-shadow: 0 1px 0 #555;
-}
-
-a:hover {
- color: #58a7e7;
-}
-
#errorBackground {
position: fixed;
top: 0;
@@ -107,64 +98,42 @@ a:hover {
#wrapper {
width: 896px;
margin: 0 auto;
- /*
- min-height: 100%;
- position: relative;
- */
}
#content {
- padding: 84px 0;
+ padding: 50px 0;
}
#about {
- font-size: 14px;
- line-height: 21px;
color: #444;
-
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
- padding: 0 0 50px 0;
+ padding: 50px 75px;
background-color: #fff;
-
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
- -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-
- -webkit-border-radius: 0 0 5px 5px;
- -moz-border-radius: 0 0 5px 5px;
- -o-border-radius: 0 0 5px 5px;
- border-radius: 0 0 5px 5px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
+ border-radius: 5px;
}
h1 {
- color: #fff;
- text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
- font-weight: 300;
+ margin-bottom: 35px;
}
-#about h1 {
- margin: 0;
- padding: 25px 0;
- text-align: center;
+.headline-main, h1 {
+ font-weight: 300;
}
.row {
- margin: 0 0 25px 0;
- padding: 25px 50px 0 50px;
+ margin: 25px 0 0 0;
+ padding: 0 0 25px 0;
position: relative;
+ border-bottom: 1px solid #eee;
}
-.row:last-child {
- margin: 0;
-}
-.row h2 {
- font-size: 21px;
- font-weight: normal;
- color: #222;
- line-height: 32px;
- display: inline-block;
+
+
+.row:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
}
.row div {
@@ -211,39 +180,11 @@ div.steps {
background-position: left -48px;
}
-/*
-
-.sumo {
- text-align: center;
-}
-.sumo > a {
- color: #444;
- border-bottom: 1px dotted;
-}
-*/
#legal {
padding: 75px 125px;
}
-#newuser {
- margin: 0;
- height: 0;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- opacity: 0;
-}
-
-.newuser #newuser {
- height: 32px;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- opacity: 1;
- -webkit-transition: all 500ms;
- -moz-transition: all 500ms;
- -ms-transition: all 500ms;
- -o-transition: all 500ms;
- transition: all 500ms;
-}
-
#manage {
padding: 75px;
}
@@ -341,7 +282,6 @@ div.steps {
}
#manage #emailList {
- list-style-type: none;
border-top: 1px solid #eee;
}
@@ -448,10 +388,6 @@ button.delete:active {
text-align: right;
}
-h1 {
- margin-bottom: 35px;
-}
-
#hAlign {
width: 700px;
margin: 0 auto;
@@ -466,15 +402,17 @@ h1 {
}
#signUp {
- /*
- font-size: 24px;
- line-height: 32px;
- text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
- position: relative;
- */
padding: 0 0 0 250px;
}
+.tour a[href="/about"] {
+ color: #6dc7ff;
+}
+
+.tour a[href="/about"]:hover {
+ color: #58a7e7;
+}
+
#signUp h1 {
max-width: 390px;
}
@@ -486,14 +424,8 @@ h1 {
.tour a {
margin: 0 7px;
-}
-
- /*
-#signUpForm a, .tour .action {
- color: #6dc7ff;
text-shadow: 0 1px 0 #555;
}
-*/
.tour .button {
font-size: 19px;
@@ -511,17 +443,14 @@ h1 {
.tour .button:hover {
color: #fff;
+ border-color: #338fd1 #277ec4 #0e6bb6 #277ec4;
+ background-image: -webkit-linear-gradient(top, #338fd1, #0e6bb6);
+ background-image: -moz-linear-gradient(top, #338fd1, #0e6bb6);
+ background-image: -ms-linear-gradient(top, #338fd1, #0e6bb6);
+ background-image: -o-linear-gradient(top, #338fd1, #0e6bb6);
+ background-image: linear-gradient(top, #338fd1, #0e6bb6);
}
- /*
-#signUp .tour {
- border-bottom: 1px dotted #90c0db;
-}
-#signUp p {
- margin: 0 0 16px 0;
-}
-*/
-
.create {
float: none;
vertical-align: middle;
@@ -530,13 +459,10 @@ h1 {
#card {
width: 200px;
height: 200px;
- display: block;
position: absolute;
z-index: 1;
- top: 50%;
left: 0;
- margin-top: -119px;
- background-image: url('/i/card.png');
+ background-image: url('/i/badge.png');
background-position: 0px center;
background-repeat: no-repeat;
@@ -555,31 +481,11 @@ h1 {
}
-#hint { /* put hints on rollover */
- width: 200px;
- height: 200px;
- display: block;
- position: absolute;
- top: 50%;
- left: 0;
- margin-top: -119px;
- z-index: 0;
- background-image: url('/i/hint.png');
- background-repeat: no-repeat;
-}
-
-#hint.info{
- background-position: left center;
-}
-
-#hint.signUp {
- background-position: right center;
-}
-
#signUpForm, #congrats {
margin: 0 auto;
width: 475px;
padding: 20px;
+ background-color: #556875;
background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
@@ -589,11 +495,16 @@ h1 {
}
#signUpForm a {
+ color: #6dc7ff;
text-shadow: 0 1px 0 #888;
}
+#signUpForm a:hover {
+ color: #58a7e7;
+}
+
+
#signUpForm ul {
- list-style-type: none;
margin: 0 0 20px;
}
@@ -643,11 +554,6 @@ h1 {
display: block;
}
-#congrats p {
- color: #62615F;
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
-}
-
#congrats .siteinfo {
margin-top: 10px;
}
@@ -658,28 +564,12 @@ h1 {
}
-.notifications {
- list-style-type: none;
-}
-
.notifications > .notification {
- margin-top: 20px;
- padding: 5px;
- line-height: 21px;
- color: #62615F;
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- -o-border-radius: 3px;
- border-radius: 3px;
+ border-radius: 3px;
display: none;
text-align: center;
}
-.notifications > .notification strong {
- color: #222;
-}
-
.notifications .notification.error {
color: red;
background-color: rgba(255,0,0,0.25);
@@ -687,10 +577,6 @@ h1 {
#wrapper > header {
- /*
- position: absolute;
- top: 0;
- */
font-weight: bold;
z-index: 1;
}
@@ -752,10 +638,6 @@ section > header {
}
footer {
- /*
- position: absolute;
- bottom: 0;
- */
background-color: #eff1f3;
}
@@ -772,41 +654,31 @@ footer ul li:first-child a {
color: #484848;
}
-footer a {
- text-shadow: 0 1px 0 #fff;
-}
-/*
-footer a {
- color: #aaa;
- border-bottom: 1px dotted #ccc;
+footer ul li:first-child a:hover {
+ border-bottom: 1px dotted #000;
}
-footer a:hover {
- color: #777;
-}
-*/
-
.newsbanner {
- margin-top: 60px; /* put a margin-top on so that it does not go under the header */
+ display: none;
background-color: #faca33;
line-height: 32px;
border-radius: 4px;
- margin-bottom: 20px;
text-align: center;
color: #626160;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
- -webkit-transition: all 500ms;
- -moz-transition: all 500ms;
- -ms-transition: all 500ms;
- -o-transition: all 500ms;
- transition: all 500ms;
}
+.newuser .newsbanner {
+ margin-bottom: 50px;
+ display: block;
+}
+
+/*
.newsbanner a {
- border-bottom: 1px dotted;
+ color: #348fd0;
}
.newsbanner a:hover {
color: #000;
}
-
+*/
diff --git a/resources/static/dialog/css/m.css b/resources/static/dialog/css/m.css
index 698c66bfe9fada4a9efdf3930b504225a15be751..7596c5b76a6f0f343bcfc252e9fb9cefa3ee0a78 100644
--- a/resources/static/dialog/css/m.css
+++ b/resources/static/dialog/css/m.css
@@ -63,12 +63,11 @@
padding: 10px;
}
- #signIn .container {
+ #signIn .table {
width: 100%;
- padding: 20px;
}
- .pickemail #signIn .container {
+ .pickemail #signIn .table {
padding-top: 0;
}
diff --git a/resources/static/dialog/css/popup.css b/resources/static/dialog/css/popup.css
index b7a187d8964dbb03a3aa708a4fd2aea39ef8cd54..ac5e5056886769cabbf02bf3464000d7bb391589 100644
--- a/resources/static/dialog/css/popup.css
+++ b/resources/static/dialog/css/popup.css
@@ -14,15 +14,27 @@ body {
}
#signIn {
- background-color: #eff0f2;
position: absolute;
left: 0;
top: 0;
bottom: 0;
- width: 275px;
+ width: 393px;
+ padding-right: 105px;
+}
+
+.completing #signIn {
+ /**
+ * The width is set in helpers.js->animateClose
+ */
+ -webkit-transition: all 750ms ease;
+ -moz-transition: all 750ms ease;
+ -ms-transition: all 750ms ease;
+ -o-transition: all 750ms ease;
+ transition: all 750ms ease;
}
+
header, footer {
position: absolute;
z-index: 2;
@@ -111,14 +123,6 @@ section {
vertical-align: middle;
}
-/*
-.contents {
- max-height: 210px;
- overflow-x: hidden;
- overflow-y: auto;
-}*/
-
-
section > .contents {
display: table-cell;
vertical-align: middle;
@@ -236,13 +240,14 @@ section > .contents {
#signIn .table {
+ background-color: #eff0f2;
padding: 20px;
}
.arrowContainer {
position: absolute;
width: 105px;
- right: -105px;
+ right: 0;
top: 0;
bottom: 0;
}
@@ -262,7 +267,7 @@ section > .contents {
#favicon {
position: absolute;
- left: 375px;
+ left: 400px;
top: 0;
bottom: 0;
right: 0;
@@ -302,7 +307,7 @@ div#required_email {
overflow-y: auto;
}
-#selectEmail.center {
+#selectEmail.vcenter {
position: static;
overflow-y: visible;
/* The below 1px padding is part of a fix for a bug in webkit where there
@@ -374,12 +379,12 @@ div#required_email {
a.emphasize {
border-bottom: 1px solid #b8babc;
border-radius: 2px;
- background-color: #F0EFED;
color: #484848;
font-size: 11px;
padding: 0 5px;
display: inline-block;
line-height: 22px;
+ background-color: #e5e9eb;
background-image: -webkit-linear-gradient(top, #e5e9eb, #d8dbde);
background-image: -moz-linear-gradient(top, #e5e9eb, #d8dbde);
background-image: -ms-linear-gradient(top, #e5e9eb, #d8dbde);
diff --git a/resources/static/dialog/resources/helpers.js b/resources/static/dialog/resources/helpers.js
index b08ed3223e19ef52adec8c8b5e36fffe9c28d7af..64225604a1fd9b4ca32f7177702ade8afbfbae52 100644
--- a/resources/static/dialog/resources/helpers.js
+++ b/resources/static/dialog/resources/helpers.js
@@ -19,11 +19,15 @@
doAnimation = $("#signIn").length && bodyWidth > 640;
if (doAnimation) {
- var endWidth = bodyWidth - $(".arrowContainer").outerWidth() - 10;
-
- $("#signIn").animate({"width" : endWidth + "px"}, 750, function () {
- body.delay(500).animate({ "opacity" : "0.5"}, 500);
- });
+ var endWidth = bodyWidth - 10;
+
+ body.addClass("completing");
+ /**
+ * CSS transitions are used to do the slide effect. jQuery has a bug
+ * where it does not do transitions correctly if the box-sizing is set to
+ * border-box and the element has a padding
+ */
+ $("#signIn").css("width", endWidth + "px");
// Call setTimeout here because on Android default browser, sometimes the
// callback is not correctly called, it seems as if jQuery does not know
diff --git a/resources/static/dialog/resources/screen_size_hacks.js b/resources/static/dialog/resources/screen_size_hacks.js
index 66b14865f1b5a83d557277de7f155201b83861f0..503d84852d9bfd982016a7968c396cf97053045e 100644
--- a/resources/static/dialog/resources/screen_size_hacks.js
+++ b/resources/static/dialog/resources/screen_size_hacks.js
@@ -29,7 +29,7 @@
// re-introduce constraints
if(height < $("#signIn .vertical").innerHeight()) {
- selectEmailEl.addClass("center");
+ selectEmailEl.addClass("vcenter");
/* The below width adjustment is part of a fix for a bug in webkit where
* there is a ghost padding-right to accommodate the scroll bar that is
@@ -44,12 +44,12 @@
selectEmailEl.width(width);
}
else {
- selectEmailEl.removeClass("center");
+ selectEmailEl.removeClass("vcenter");
}
}
else {
// First, remove the desktop hacks
- selectEmailEl.removeClass("center");
+ selectEmailEl.removeClass("vcenter");
// Hack to make sure the email addresses stay within their container.
// We have to do this ghettoness because table-cells (which are used to
@@ -57,7 +57,7 @@
// and the ellipsis never show up as expected.
// First, find the maximum width that emails can be.
- selectEmailEl.css("width", "10px").removeClass("center");
+ selectEmailEl.css("width", "10px").removeClass("vcenter");
var constrainedWidth = $("#signIn .contents").innerWidth();
// Find the real maximum width.
diff --git a/resources/static/dialog/views/error.ejs b/resources/static/dialog/views/error.ejs
index 4d5b4a8e810d05a3c6e6e5db4a76e07f615f10ab..0b35cd680dc17fcb47e25adc6284ae7cce111b46 100644
--- a/resources/static/dialog/views/error.ejs
+++ b/resources/static/dialog/views/error.ejs
@@ -7,11 +7,11 @@
<% if (typeof network !== "undefined" && network.status == 503) { %>
<h2 id="error_503">
- <%= gettext("We are very sorry.") %><span class="emphasis"> <%= getttext("The server is under extreme load!") %></span>
+ <%= gettext("We are very sorry.") %><span class="emphasis"> <%= gettext("The server is under extreme load!") %></span>
</h2>
<% } else if (typeof network !== "undefined" && network.status == 403) { %>
<h2 id="error_403">
- <%= gettext("BrowserID requires cookies") %>
+ <%= gettext("Persona requires cookies") %>
</h2>
<%= format(gettext("Please close this window, <a %s>enable cookies</a> and try again"), [" target='_blank' href='http://support.mozilla.org/en-US/kb/Websites%20say%20cookies%20are%20blocked'"]) %>
<% } else { %>
diff --git a/resources/static/dialog/views/set_password.ejs b/resources/static/dialog/views/set_password.ejs
index 750764e20214254c4e191d87f31c7fd0135cf1a6..3cc5e014cee1ea61fed2bad1b7490025d959294c 100644
--- a/resources/static/dialog/views/set_password.ejs
+++ b/resources/static/dialog/views/set_password.ejs
@@ -2,15 +2,15 @@
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
- <strong><%= gettext('Welcome to BrowserID!') %></strong>
+ <strong><%= gettext('Welcome to Persona!') %></strong>
<div class="form_section" id="set_password">
<ul class="inputs">
<li>
<% if(password_reset || !cancelable) { %>
- <%= gettext("Choose a new password you'll use when you sign in with BrowserID.") %>
+ <%= gettext("Choose a new password you'll use when you sign in with Persona.") %>
<% } else { %>
- <%= gettext("Next, choose a new password you'll use when you sign in with BrowserID.") %>
+ <%= gettext("Next, choose a new password you'll use when you sign in with Persona.") %>
<% } %>
</li>
diff --git a/resources/static/i/badge.png b/resources/static/i/badge.png
new file mode 100644
index 0000000000000000000000000000000000000000..1af14efe525f3e2291cd88d37d195b147801d504
Binary files /dev/null and b/resources/static/i/badge.png differ
diff --git a/resources/static/i/card.png b/resources/static/i/card.png
deleted file mode 100644
index eac93fc8481e85d226d934eaa30a2b3b4737837d..0000000000000000000000000000000000000000
Binary files a/resources/static/i/card.png and /dev/null differ
diff --git a/resources/static/pages/index.js b/resources/static/pages/index.js
index 6e4a0b8e9b5701daaa35e3782ad2a46c51bd51a1..cd2250ce117e5c1a6830698157e4f9a9b9e727a6 100644
--- a/resources/static/pages/index.js
+++ b/resources/static/pages/index.js
@@ -7,17 +7,12 @@
"use strict";
BrowserID.index = function () {
- $('.granted').hover(function() {
+ $('.tour a').hover(function() {
$('#card').toggleClass('insert');
- $('#status').delay(400).toggleClass('green');
});
$('.create').hover(function() {
$('#hint').addClass('signUp').removeClass('info');
});
-
- $('.info').hover(function() {
- $('#hint').removeClass('signUp').addClass('info');
- });
};
}());
diff --git a/resources/static/pages/signin.js b/resources/static/pages/signin.js
index 813cce5cdbcebade2f83524a24d140e8e7284193..8a487f82fff0b6a0cbb9914ac7fb311e698a7b87 100644
--- a/resources/static/pages/signin.js
+++ b/resources/static/pages/signin.js
@@ -13,6 +13,7 @@ BrowserID.signIn = (function() {
helpers = bid.Helpers,
errors = bid.Errors,
pageHelpers = bid.PageHelpers,
+ tooltip = bid.Tooltip,
doc = document,
winchan = window.WinChan,
verifyEmail,
@@ -97,7 +98,7 @@ BrowserID.signIn = (function() {
}
else {
// bad authentication
- $(".notifications .notification.badlogin").fadeIn();
+ tooltip.showTooltip("#cannot_authenticate");
}
complete(oncomplete);
}, pageHelpers.getFailure(errors.authenticate, oncomplete));
diff --git a/resources/static/pages/start.js b/resources/static/pages/start.js
index f44bd5d4920cdcdf738e87475371f66ae1dc16f1..421b110527419211c72e4451a1b1afb101fea07f 100644
--- a/resources/static/pages/start.js
+++ b/resources/static/pages/start.js
@@ -37,16 +37,50 @@ $(function() {
}
}
+ // Firefox and IE have rendering bugs where if the box-sizing is set to
+ // border-box and a min-height is set, padding is added on top of the
+ // min-height, making elements render using the normal W3C box model. Use
+ // a bit of bug detection here in case the bugs are fixed.
+ function paddingAddedToMinHeight() {
+ var div = document.createElement("div");
+ $(div).css({
+ "box-sizing": "border-box",
+ "min-height": "100px",
+ "padding-top": "10px",
+ "position": "absolute",
+ "top": "-2000px"
+ });
+
+ $("body").append(div);
+
+ var divHeight = parseInt($(div).outerHeight(), 10);
+ $(div).remove();
+ return divHeight === 110;
+ }
+
xhr.init({ time_until_delay: 10 * 1000 });
network.init();
$(".display_always,.display_auth,.display_nonauth").hide();
- if ($('#vAlign').length) {
- $(window).bind('resize', function() {
- var height = $(window).height() - $("header").outerHeight() - $("footer").outerHeight();
- $('#vAlign').css({'height' : height });
- }).trigger('resize');
- }
+ $(window).bind('resize', function() {
+ var height = $(window).height() - $("header").outerHeight() - $("footer").outerHeight();
+ $("#vAlign").css({ "height": height });
+
+
+ // On the manage page, the content element sometimes does not take up the
+ // full height of the screen, leaving the footer to float somewhere in the
+ // middle. To compensate, force the min-height of the content so that the
+ // footer remains at the bottom of the screen.
+
+ var paddingTop = 0, paddingBottom = 0;
+
+ if(paddingAddedToMinHeight()) {
+ paddingTop = parseInt($("#content").css("padding-top") || 0, 10);
+ paddingBottom = parseInt($("#content").css("padding-bottom") || 0, 10);
+ }
+
+ $("#content").css({ "min-height": height - paddingTop - paddingBottom });
+ }).trigger('resize');
moduleManager.register("xhr_delay", XHRDelay);
moduleManager.start("xhr_delay");
@@ -69,7 +103,6 @@ $(function() {
// instead just show the error message.
if(!status) return;
- dom.addClass("body", "ready");
if (!path || path === "/") {
bid.index();
@@ -112,6 +145,11 @@ $(function() {
else {
displayNonAuthenticated();
}
+
+ // The footer is initially tied to the bottom while the page is loading
+ // so that it does not appear to flicker. Untie the footer and let it
+ // rest in its natural position.
+ $("footer").css({ position: "", bottom: "" });
});
function displayAuthenticated() {
@@ -120,6 +158,7 @@ $(function() {
if (!path || path === "/") {
bid.manageAccount();
+ $(window).trigger("resize");
}
$("a.signOut").click(function(event) {
diff --git a/resources/static/shared/tooltip.js b/resources/static/shared/tooltip.js
index db697e4c686bb3cbef75a5a5b3555f29e91db104..912595e49333cf629f26b5b9f412d28accaf3b47 100644
--- a/resources/static/shared/tooltip.js
+++ b/resources/static/shared/tooltip.js
@@ -44,12 +44,10 @@ BrowserID.Tooltip = (function() {
bid.Tooltip.shown = true;
el.fadeIn(ANIMATION_TIME, function() {
hideTimer = setTimeout(function() {
- /*
el.fadeOut(ANIMATION_TIME, function() {
bid.Tooltip.shown = false;
if(complete) complete();
});
- */
}, displayTimeMS);
});
}
diff --git a/resources/views/about.ejs b/resources/views/about.ejs
index 358f315a0b0235b528a12c0709c49d3a72369f7e..a7eb8dea4e292cea91e2080126587a176305d933 100644
--- a/resources/views/about.ejs
+++ b/resources/views/about.ejs
@@ -5,9 +5,9 @@
<div id="content" class="display_always">
<div id="about">
- <h2>
+ <h1 class="center">
<strong>Persona</strong> is an <strong>easier</strong> way to sign in
- </h2>
+ </h1>
<div class="row one cf">
@@ -17,8 +17,6 @@
</div>
</div>
- <hr />
-
<div class="row two cf">
<img src="/i/tutorial_2.png">
<div>
@@ -27,8 +25,6 @@
</div>
- <hr />
-
<div class="row three cf">
<img src="/i/tutorial_3.png">
<div>
@@ -36,9 +32,7 @@
</div>
</div>
- <hr />
-
- <div class="row cf sumo">
+ <div class="row cf center">
If you need some help with Persona, head over to our <a href="https://support.mozilla.com/en-US/kb/what-browserid-and-how-does-it-work" target="_blank">support center</a>.
</div>
</div>
diff --git a/resources/views/add_email_address.ejs b/resources/views/add_email_address.ejs
index a9de2a30296a769666fdc0fec3932e106b05ac4a..22d36ab73ce9ab150a89ad7827c32805f2c2efa5 100644
--- a/resources/views/add_email_address.ejs
+++ b/resources/views/add_email_address.ejs
@@ -12,16 +12,16 @@
<form id="signUpForm" class="cf">
<p class="hint siteinfo"><%= gettext('Finish signing into:') %> <strong><span class="website"></span></strong></p>
- <h1 class="serif"><%= gettext('Email Verification') %></h1>
+ <h1><%= gettext('Email Verification') %></h1>
<ul class="inputs">
<li>
- <label class="serif" for="email"><%= gettext('Email Address') %></label>
- <input class="youraddress sans" id="email" placeholder="<%= gettext('Your Email') %>" type="email" value="" disabled="disabled" maxlength="254" />
+ <label for="email"><%= gettext('Email Address') %></label>
+ <input class="youraddress" id="email" placeholder="<%= gettext('Your Email') %>" type="email" value="" disabled="disabled" maxlength="254" />
</li>
<li class="password_entry">
- <label class="serif" for="password"><%= gettext('Password') %></label>
- <input class="sans" id="password" placeholder="<%= gettext('Your Password') %>" type="password" autofocus maxlength=80 />
+ <label for="password"><%= gettext('Password') %></label>
+ <input id="password" placeholder="<%= gettext('Your Password') %>" type="password" autofocus maxlength=80 />
<div class="tooltip" id="password_required" for="password">
<%= gettext('Password is required.') %>
@@ -37,8 +37,8 @@
</li>
<li class="password_entry" id="verify_password">
- <label class="serif" for="vpassword"><%= gettext('Verify Password') %></label>
- <input class="sans" id="vpassword" placeholder="<%= gettext('Repeat Password') %>" type="password" maxlength="80">
+ <label for="vpassword"><%= gettext('Verify Password') %></label>
+ <input id="vpassword" placeholder="<%= gettext('Repeat Password') %>" type="password" maxlength="80">
<div id="vpassword_required" class="tooltip" for="vpassword">
<%= gettext('Verification password is required.') %>
@@ -59,7 +59,7 @@
</form>
<div id="congrats">
- <p class="serif">
+ <p>
<%- gettext('<strong class="email">Your address</strong> has been verified!') %>
<p class="siteinfo">
diff --git a/resources/views/cookies_disabled.ejs b/resources/views/cookies_disabled.ejs
index 01fb4baea956430a667abf0d4883a46a9ad6c01c..1116dcf8443dca8c34a42b062275470737ea6eaf 100644
--- a/resources/views/cookies_disabled.ejs
+++ b/resources/views/cookies_disabled.ejs
@@ -6,7 +6,7 @@
<div class="table">
<div class="vertical contents">
<h2 id="reason">
- <%= gettext("BrowserID requires cookies") %>
+ <%= gettext("Persona requires cookies") %>
</h2>
<p>
diff --git a/resources/views/dialog.ejs b/resources/views/dialog.ejs
index 5e9b7ebe6ecd09d896e54de6370bd9a3a4750eb3..1752efdd3c5de51970154617b621af299d07881a 100644
--- a/resources/views/dialog.ejs
+++ b/resources/views/dialog.ejs
@@ -12,15 +12,15 @@
</div>
<div id="signIn">
- <div class="arrowContainer">
- <div class="arrow"></div>
- </div>
- <div class="table container">
+ <div class="table">
<div class="vertical">
<div class="contents">
</div>
</div>
</div>
+ <div class="arrowContainer">
+ <div class="arrow"></div>
+ </div>
</div>
</form>
</section>
diff --git a/resources/views/forgot.ejs b/resources/views/forgot.ejs
index ba5450fa13a27e77b512524b4c7513ba0b346b68..a69d963f8b759243e4137805393f1ecafa26a8cb 100644
--- a/resources/views/forgot.ejs
+++ b/resources/views/forgot.ejs
@@ -6,7 +6,7 @@
<div id="vAlign">
<!-- XXX this form submits to nowhere -->
<form id="signUpForm" class="cf authform" novalidate>
- <h1 class="serif">Forgot Password</h1>
+ <h1>Forgot Password</h1>
<div class="notifications">
<div class="notification emailsent">
<p>
@@ -26,8 +26,8 @@
<ul class="inputs forminputs">
<li>
- <label class="serif" for="email">Email Address</label>
- <input class="sans" id="email" autofocus required placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
+ <label for="email">Email Address</label>
+ <input id="email" autofocus required placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
<div id="email_format" class="tooltip" for="email">
This field must be an email address.
@@ -47,8 +47,8 @@
</li>
<li>
- <label class="serif" for="password">Password</label>
- <input class="sans" id="password" placeholder="Password" type="password" maxlength="80">
+ <label for="password">Password</label>
+ <input id="password" placeholder="Password" type="password" maxlength="80">
<div id="password_required" class="tooltip" for="password">
Password is required.
@@ -64,8 +64,8 @@
</li>
<li>
- <label class="serif" for="vpassword">Verify Password</label>
- <input class="sans" id="vpassword" placeholder="Repeat Password" type="password" maxlength="80">
+ <label for="vpassword">Verify Password</label>
+ <input id="vpassword" placeholder="Repeat Password" type="password" maxlength="80">
<div id="password_required" class="tooltip" for="vpassword">
Verification password is required.
diff --git a/resources/views/index.ejs b/resources/views/index.ejs
index 7396a4500b4194d90d6b19a10072d09f4c20ffe8..654475f4d431ec3f6a24c6befa81e4cd9b5a65bb 100644
--- a/resources/views/index.ejs
+++ b/resources/views/index.ejs
@@ -6,13 +6,12 @@
<div id="vAlign">
<div id="signUp">
<div id="card"><img src="/i/slit.png"></div>
- <div id="hint"></div>
- <h1 class="white headline-main thin">Connect with Mozilla Persona, the safest & easiest way to sign in.</h1>
+ <h1 class="white headline-main">Connect with Mozilla Persona, the safest & easiest way to sign in.</h1>
<p class="tour white">
- <a class="granted action" href="/about">Take the tour</a>
+ <a href="/about">Take the tour</a>
or
- <a href="/signup" class="button granted create">Sign up →</a>
+ <a href="/signup" class="button create">Sign up →</a>
</p>
</div>
</div>
@@ -32,7 +31,7 @@
</div>
<div id="manage">
- <h2>Account Manager</h2>
+ <h1>Account Manager</h1>
<section>
<header class="buttonrow cf">
diff --git a/resources/views/layout.ejs b/resources/views/layout.ejs
index 929277983260c299bc305755e937f818377116bc..16b5eaa3e9b707d9ce6c1d62edf240953aabb46f 100644
--- a/resources/views/layout.ejs
+++ b/resources/views/layout.ejs
@@ -15,7 +15,7 @@
<%- cachify_js(util.format('/production/%s/browserid.js', locale)) %>
<title><%= format(gettext("Mozilla Person: %s"), [title]) %></title>
</head>
-<body>
+<body class="loading">
<div id="errorBackground"></div>
@@ -41,7 +41,7 @@
</div>
-<footer id="footer">
+<footer style="position: absolute; bottom: 0;">
<ul class="cf">
<li><%- format(gettext('By the <a %s>Identity Team</a> @ <a %s>Mozilla Labs</a>'),
[" href='http://identity.mozilla.com' target='_blank'", " href='http://mozillalabs.com' target='_blank'"]) %></li>
diff --git a/resources/views/privacy.ejs b/resources/views/privacy.ejs
index 789f7c344100e83e9283f8b00e0e32743d5c9725..f1046b72adb7a406c77c2ca7257211223d6c18a8 100644
--- a/resources/views/privacy.ejs
+++ b/resources/views/privacy.ejs
@@ -4,29 +4,29 @@
<div id="content" class="display_always">
<div id="legal">
- <h2>Privacy & BrowserID</h2>
+ <h1>Privacy & Persona</h1>
<ul>
- <li>We need your verified email address to register a BrowserID Account, but we don't ask for other personal information.</li>
+ <li>We need your verified email address to register a Persona Account, but we don't ask for other personal information.</li>
<li>Your email address is shared with sites you visit to help you sign in, but is never given to anyone without your express consent.</li>
- <li>As part of the normal operation of the BrowserID service, Mozilla will retain a log of which sites you have disclosed your email to.</li>
+ <li>As part of the normal operation of the Persona service, Mozilla will retain a log of which sites you have disclosed your email to.</li>
- <li>We don't sell your data or use ad networks on the BrowserID webpages or service.</li>
+ <li>We don't sell your data or use ad networks on the Persona webpages or service.</li>
<li>In the future, Mozilla will seek to bring email providers into this system, at which point their privacy policies and terms of service will apply (if you use an email provided by them).</li>
<li>For the full text of our privacy practices and all the "legalese" and details, please read our privacy policy below.</li>
</ul>
- <h3>BrowserID Privacy Policy</h3>
+ <h3>Persona Privacy Policy</h3>
<p><em>Last Updated: 13 July 2011</em></p>
- <p>This privacy policy explains to what extent Mozilla Corporation (*) ("Mozilla") collects and uses information about users of BrowserID ("BrowserID Service"), where such users use the Mozilla-created servers and client.</p>
+ <p>This privacy policy explains to what extent Mozilla Corporation (*) ("Mozilla") collects and uses information about users of Persona ("Persona Service"), where such users use the Mozilla-created servers and client.</p>
<h4>Definitions</h4>
- <p>"<b>Personal Information</b>" is information that you provide to us that personally identifies you, such as your name, phone number, or email address. Except for your email address, Mozilla does not collect or require end-users of the BrowserID Service to furnish Personal Information.</p>
+ <p>"<b>Personal Information</b>" is information that you provide to us that personally identifies you, such as your name, phone number, or email address. Except for your email address, Mozilla does not collect or require end-users of the Persona Service to furnish Personal Information.</p>
<p>"<b>Non-Personal Information</b>" is information that cannot by itself be directly associated with a specific person or entity. Non-Personal Information includes but is not limited to your computer's configuration and the version of Firefox you use.</p>
@@ -39,47 +39,47 @@
<h4>Gathering, Use and Disclosure of Transmission Data</h4>
<h5>Account Information</h5>
- <p>Before you are able to access BrowserID, you will be required to register. To register, the BrowserID Service will require the following Personal Information and Potentially Personal Information from you: your email address, and password. Your username and email address are transferred to Mozilla using encryption called SSL. Your email address is used by us to provide you the services, such as allowing us to help you recover your account if you lose your password. Your password is transferred to Mozilla using SSL encryption but is only retained by Mozilla's servers in a hash format (which means a low level of encryption is applied).</p>
+ <p>Before you are able to access Persona, you will be required to register. To register, the Persona Service will require the following Personal Information and Potentially Personal Information from you: your email address, and password. Your username and email address are transferred to Mozilla using encryption called SSL. Your email address is used by us to provide you the services, such as allowing us to help you recover your account if you lose your password. Your password is transferred to Mozilla using SSL encryption but is only retained by Mozilla's servers in a hash format (which means a low level of encryption is applied).</p>
<p>Once you have registered, your password is used to help prevent unauthorized access to your account. </p>
<h5>Data Used to Provide the Services</h5>
- <p>Mozilla receives and uses the following information for the purpose of providing and improving the BrowserID Service: IP address, email, date and time of accessing the BrowserID Service, and various operational data such as the type of client OS and Firefox version (which are also known as the user agent string).</p>
+ <p>Mozilla receives and uses the following information for the purpose of providing and improving the Persona Service: IP address, email, date and time of accessing the Persona Service, and various operational data such as the type of client OS and Firefox version (which are also known as the user agent string).</p>
<h5>Disclosure to Third Parties</h5>
- <p>The BrowserID Service will disclose your verified email address to a Web site of your choosing, only after you have expressly consented to such disclosure. A Web site is allowed to request a verified email address, which results in you being prompted about the site's request. After you have agreed, the service may remember your choice, so that you may remain signed-in on the site on subsequent visits.</p>
+ <p>The Persona Service will disclose your verified email address to a Web site of your choosing, only after you have expressly consented to such disclosure. A Web site is allowed to request a verified email address, which results in you being prompted about the site's request. After you have agreed, the service may remember your choice, so that you may remain signed-in on the site on subsequent visits.</p>
<p>Mozilla will not otherwise knowingly disclose Personal Information or Potentially Personal Information to other third parties, except when required to do so, such as in order to comply with any law, regulation, or valid legal process, such as a search warrant, subpoena, statute, court order, or if necessary or appropriate to address an unlawful or harmful activity.</p>
<h5>What Data is Analyzed by Mozilla?</h5>
- <p>Without your explicit approval and opt-in, Mozilla will only use the Usage Statistics to understand your use of the BrowserID Service.</p>
+ <p>Without your explicit approval and opt-in, Mozilla will only use the Usage Statistics to understand your use of the Persona Service.</p>
<h5>How Are the Usage Statistics Used?</h5>
- <p>Mozilla will use the Usage Statistics gathered through the operation of the BrowserID Service to improve the service and other related Mozilla products and services. By identifying patterns and trends in usage, Mozilla and its community is able to better design products and services to improve users' experiences, both in terms of content and ease of use.</p>
+ <p>Mozilla will use the Usage Statistics gathered through the operation of the Persona Service to improve the service and other related Mozilla products and services. By identifying patterns and trends in usage, Mozilla and its community is able to better design products and services to improve users' experiences, both in terms of content and ease of use.</p>
<h5>Where is the Operational Data Available?</h5>
- <p>Mozilla is an open organization that believes in sharing as much information as possible about its products, its operations, and its associations with its wider community. As such, BrowserID Service users should expect that Mozilla will make all Usage Statistics publicly available at some point. However, any publicly available Usage Statistics will only be reported on an aggregate, anonymous basis. No Personal Information or Potentially Personal Information will be available in any of these public reports.</p>
+ <p>Mozilla is an open organization that believes in sharing as much information as possible about its products, its operations, and its associations with its wider community. As such, Persona Service users should expect that Mozilla will make all Usage Statistics publicly available at some point. However, any publicly available Usage Statistics will only be reported on an aggregate, anonymous basis. No Personal Information or Potentially Personal Information will be available in any of these public reports.</p>
- <h5>How to Disable or Opt-Out of BrowserID</h5>
- <p>If at any time, you decide you no longer want to use the BrowserID Service, you may cancel your BrowserID Account by visiting <kbd>https://browserid.org/</kbd>, signing in using any of your email addresses and your password, clicking the "edit" button, and clicking "remove" next to each of your email addresses.</p>
+ <h5>How to Disable or Opt-Out of Persona</h5>
+ <p>If at any time, you decide you no longer want to use the Persona Service, you may cancel your Persona Account by visiting <kbd>https://browserid.org/</kbd>, signing in using any of your email addresses and your password, clicking the "edit" button, and clicking "remove" next to each of your email addresses.</p>
<h5>Other Disclosures</h5>
<p>In certain other limited situations, Mozilla may disclose your Personal Information, such as when necessary to protect our websites and operations (e.g., against attacks); to protect the rights, privacy, safety, or property of Mozilla or its users; to enforce our terms of service; and to pursue available legal remedies. Additionally, Mozilla may need to transfer Personal Information to an affiliate or successor in the event of a change of our corporate structure or status, such as in the event of a restructuring, sale, or bankruptcy.</p>
<h5>Service Providers</h5>
- <p>We work with third parties who provide services (such as companies that help us determine the number of users of BrowserID) and content delivery networks and other services of an administrative nature. We may share Personal Information and Potentially Personal Information about you with such third parties for the purpose of enabling these third parties to provide such services.</p>
+ <p>We work with third parties who provide services (such as companies that help us determine the number of users of Persona) and content delivery networks and other services of an administrative nature. We may share Personal Information and Potentially Personal Information about you with such third parties for the purpose of enabling these third parties to provide such services.</p>
<h5>Transfer of Data to the U.S.</h5>
- <p>Mozilla is a global organization and operates in different countries. Privacy laws and common practices vary from country to country. Some countries may provide for less legal protection of your personal data; others may provide more legal protection. By using the BrowserID Service, you consent to the transfer of the information collected, as outlined by this Policy, to Mozilla in the United States, which may provide a lesser level of data security than in your country of residence.</p>
+ <p>Mozilla is a global organization and operates in different countries. Privacy laws and common practices vary from country to country. Some countries may provide for less legal protection of your personal data; others may provide more legal protection. By using the Persona Service, you consent to the transfer of the information collected, as outlined by this Policy, to Mozilla in the United States, which may provide a lesser level of data security than in your country of residence.</p>
<h5>Data Retention</h5>
<p>We will retain any information collected for the period necessary to fulfill the purposes outlined in this Policy unless a longer retention period is required by law and/or regulations.</p>
<h5>Privacy Policy Changes</h5>
- <p>Mozilla may change this Privacy Policy from time to time. Each time you use the BrowserID Service the current version of this Privacy Policy will apply. Any and all changes will be reflected on this page. You should periodically check this page for any changes to the current policy. To make your review more convenient, we will post an effective date at the top of this page. Material changes will also be announced through the standard mechanisms through which Mozilla communicates with the Mozilla community. It is your responsibility to ensure that you understand the terms of this Privacy Policy.</p>
+ <p>Mozilla may change this Privacy Policy from time to time. Each time you use the Persona Service the current version of this Privacy Policy will apply. Any and all changes will be reflected on this page. You should periodically check this page for any changes to the current policy. To make your review more convenient, we will post an effective date at the top of this page. Material changes will also be announced through the standard mechanisms through which Mozilla communicates with the Mozilla community. It is your responsibility to ensure that you understand the terms of this Privacy Policy.</p>
<h5>What This Privacy Policy Doesn't Cover</h5>
- <p>This policy does not apply to other Mozilla websites, products, or services. It also does not apply to your use of third-party clients or use of non-Mozilla servers. If you choose to use a third-party BrowserID client or servers provided by an entity other than Mozilla, this policy does not apply and Mozilla assumes no liability whatsoever for such products or services.</p>
+ <p>This policy does not apply to other Mozilla websites, products, or services. It also does not apply to your use of third-party clients or use of non-Mozilla servers. If you choose to use a third-party Persona client or servers provided by an entity other than Mozilla, this policy does not apply and Mozilla assumes no liability whatsoever for such products or services.</p>
<h5>For More Information</h5>
<p>You may request access, correction, or deletion of Personal Information or Potentially Personal Information, as permitted by law. We will seek to comply with such requests, provided that we have sufficient information to identify the Personal Information or Potentially Personal Information related to you. Any such requests or other questions or concerns regarding this Policy and Mozilla's data protection practices should be addressed to:</p>
diff --git a/resources/views/signin.ejs b/resources/views/signin.ejs
index 4fdc9f3262d47a3b37cd73812d4bc06d012db14a..70b16f426f772d3a699d2f738e3c9dbca86f89ac 100644
--- a/resources/views/signin.ejs
+++ b/resources/views/signin.ejs
@@ -6,11 +6,9 @@
<div id="vAlign">
<!-- XXX this form submits to nowhere -->
<form id="signUpForm" class="cf authform" novalidate>
- <h1 class="serif">Sign In</h1>
+ <h1>Sign In</h1>
<ul class="notifications">
- <li class="notification error badlogin">Bad Login. Check your email and password.</li>
-
<li class="notification" id="unknown_secondary">
<strong id="unknown_email">Email</strong> is not registered.
Would you like to <a class="action" href="/signup">sign up</a> instead?
@@ -20,8 +18,8 @@
<ul class="inputs">
<li>
- <label class="serif" for="email">Email Address</label>
- <input class="sans" id="email" autofocus placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" tabindex="1" maxlength="254" />
+ <label for="email">Email Address</label>
+ <input id="email" autofocus placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" tabindex="1" maxlength="254" />
<div id="email_format" class="tooltip" for="email">
This field must be an email address.
@@ -36,18 +34,22 @@
<ul class="inputs password_entry">
<li class="password_section">
<a class="forgot right" href="/forgot" tabindex="4">forgot your password?</a>
- <label class="serif" for="password">Password</label>
- <input class="sans" id="password" placeholder="Your Password" type="password" tabindex="2" maxlength="80">
+ <label for="password">Password</label>
+ <input id="password" placeholder="Your Password" type="password" tabindex="2" maxlength="80">
<div id="password_required" class="tooltip" for="password">
The password field is required.
</div>
+
+ <div id="cannot_authenticate" class="tooltip" for="password">
+ The account cannot be logged in with this username and password.')
+
</li>
</ul>
<div class="submit cf forminputs">
<div class="remember cf">
- <a class="action" href="/signup">New to BrowserID? Sign up today.</a>
+ <a class="action" href="/signup">New to Persona? Sign up today.</a>
</div>
<button tabindex="5">Sign In</button>
</div>
@@ -69,6 +71,6 @@
</div>
<noscript>
- We're sorry, but to sign in to BrowserID, you must have Javascript enabled.
+ We're sorry, Persona requires Javascript to be enabled.
</noscript>
diff --git a/resources/views/signup.ejs b/resources/views/signup.ejs
index 4b134686a98a56c913d58bcd43b5d0e21f3bfc01..111991fafd642b755d6ac562c7ab36ada38d83fd 100644
--- a/resources/views/signup.ejs
+++ b/resources/views/signup.ejs
@@ -6,11 +6,9 @@
<div id="vAlign">
<!-- XXX this form submits to nowhere -->
<form id="signUpForm" class="cf authform" novalidate>
- <h1 class="serif">Create Account</h1>
+ <h1>Create Account</h1>
<ul class="notifications">
- <li class="notification error doh">Doh! Something went wrong :-( </li>
-
<li class="notification alreadyRegistered">
<strong id="registeredEmail"></strong> is already registered.
Would you like to <a class="action" href="/signin">sign in</a> instead?
@@ -35,8 +33,8 @@
<ul class="inputs forminputs">
<li>
- <label class="serif" for="email">Email Address</label>
- <input class="sans" id="email" autofocus placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
+ <label for="email">Email Address</label>
+ <input id="email" autofocus placeholder="Your Email" type="email" autocapitalize="off" autocorrect="off" maxlength="254" />
<div id="email_format" class="tooltip" for="email">
This field must be an email address.
@@ -52,8 +50,8 @@
</li>
<li class="password_entry">
- <label class="serif" for="password">Password</label>
- <input class="sans" id="password" placeholder="Password" type="password" maxlength="80">
+ <label for="password">Password</label>
+ <input id="password" placeholder="Password" type="password" maxlength="80">
<div id="password_required" class="tooltip" for="password">
Password is required.
@@ -69,8 +67,8 @@
</li>
<li class="password_entry">
- <label class="serif" for="vpassword">Verify Password</label>
- <input class="sans" id="vpassword" placeholder="Repeat Password" type="password" maxlength="80">
+ <label for="vpassword">Verify Password</label>
+ <input id="vpassword" placeholder="Repeat Password" type="password" maxlength="80">
<div id="password_required" class="tooltip" for="vpassword">
Verification password is required.
@@ -108,7 +106,7 @@
</form>
<div class="notification" id="congrats">
- <p class="serif">Thank you for signing up with <strong>BrowserID</strong>. You can now use your <strong>BrowserID</strong> account to <em>Sign In</em> or <em>Sign Up</em> to websites all across the web!
+ <p>Thank you for signing up with <strong>Persona</strong>. You can now use your Persona account to <em>Sign In</em> or <em>Sign Up</em> to websites all across the web!
</p>
</div>
@@ -116,7 +114,7 @@
</div>
<noscript>
- We're sorry, but to sign up for BrowserID, you must have Javascript enabled.
+ We're sorry, but to sign up for Persona, you must have Javascript enabled.
</noscript>
diff --git a/resources/views/test.ejs b/resources/views/test.ejs
index aed2e8431164468ec478572ecf4705d415b3e9d3..dd25eca2f3ca107c19d0fe0776a669ed16ec0e06 100644
--- a/resources/views/test.ejs
+++ b/resources/views/test.ejs
@@ -7,14 +7,14 @@
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="qunit/qunit.css" />
- <title>BrowserID QUnit Test</title>
+ <title>Persona QUnit Test</title>
<!--[if lt IE 9]>
<script src="/lib/html5shim.js"></script>
<![endif]-->
</head>
<body>
- <h1 id="qunit-header">BrowserID Test Suite</h1>
+ <h1 id="qunit-header">Persona Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
diff --git a/resources/views/tos.ejs b/resources/views/tos.ejs
index 9a5b35e419a3b0739b894d64a57d513a3f313e20..6a5e888b621186e9ee4c7dea26f5fb1d40427bc1 100644
--- a/resources/views/tos.ejs
+++ b/resources/views/tos.ejs
@@ -1,18 +1,18 @@
<div id="content" class="display_always">
<div id="legal">
- <h2>Terms of Service — Overview</h2>
+ <h1>Terms of Service — Overview</h1>
<ul>
<li>
- The BrowserID service allows a logged-in user to verify that he is the owner of a certain email address. Once the user has made this verification and uses that email address at websites utilizing the BrowserID service, the website can request that Mozilla confirm that the user has verified the email address exists and is owned by him.
+ The Persona service allows a logged-in user to verify that he is the owner of a certain email address. Once the user has made this verification and uses that email address at websites utilizing the Persona service, the website can request that Mozilla confirm that the user has verified the email address exists and is owned by him.
</li>
<li>
- The BrowserID service works with websites to confirm that a user has verified a certain email address and with email providers to make the initial user verification. These Terms of Service apply to both the websites and the email providers who use BrowserID.
+ The Persona service works with websites to confirm that a user has verified a certain email address and with email providers to make the initial user verification. These Terms of Service apply to both the websites and the email providers who use Persona.
</li>
<li>
- You are responsible for the third party software or APIs that you use or have developed to access the BrowserID Service. the BrowserID service are provided “as is†and there are no warranties of any kind.</li>
+ You are responsible for the third party software or APIs that you use or have developed to access the Persona Service. the Persona service are provided “as is†and there are no warranties of any kind.</li>
<li>
- There are significant limits on Mozilla’s liability for any damages arising from your use of the BrowserID service.
+ There are significant limits on Mozilla’s liability for any damages arising from your use of the Persona service.
</li>
</ul>
@@ -21,7 +21,7 @@
<h4>Acceptance</h4>
<p>
- These Terms of Service (“TOSâ€) govern your use of the BrowserID service (the “Servicesâ€). By accessing the materials and APIs necessary to use the Services, and by using the Services you are agreeing to abide by the terms and conditions described below.
+ These Terms of Service (“TOSâ€) govern your use of the Persona service (the “Servicesâ€). By accessing the materials and APIs necessary to use the Services, and by using the Services you are agreeing to abide by the terms and conditions described below.
</p>
<h4>Use of the Services as a Requesting Website or Email Provider</h4>
@@ -43,7 +43,7 @@
trade or resell the Services for any purpose, unless you have been specifically permitted to do so in writing by Mozilla, or
</li>
<li>
- access (or attempt to access) the Services by any means other than the BrowserID site itself (at browserid.org), official Mozilla-branded software (Firefox, Firefox for Mobile, and Firefox Home, referred to in this document as “Firefox Clientsâ€), or third party software that utilizes APIs authorized and provided by Mozilla (“Third Party Clientsâ€), unless you have been specifically allowed to do so in writing by Mozilla.
+ access (or attempt to access) the Services by any means other than the Persona site itself (at browserid.org), official Mozilla-branded software (Firefox, Firefox for Mobile, and Firefox Home, referred to in this document as “Firefox Clientsâ€), or third party software that utilizes APIs authorized and provided by Mozilla (“Third Party Clientsâ€), unless you have been specifically allowed to do so in writing by Mozilla.
</li>
</ul>
@@ -78,7 +78,7 @@
<h4>Updates to the Terms</h4>
- <p>Mozilla may update this TOS from time to time, for example to address a new feature of the Services or to clarify a provision. The updated TOS will be posted on the BrowserID site. If the changes are substantive, we will announce the update through Mozilla’s usual channels for such announcements such as blog posts and forums. Your continued use of the Services after the effective date of such changes constitutes your acceptance of such changes. To make your review more convenient, we will post an effective date at the top of this page. These terms may not be modified or cancelled without Mozilla’s written agreement.</p>
+ <p>Mozilla may update this TOS from time to time, for example to address a new feature of the Services or to clarify a provision. The updated TOS will be posted on the Persona site. If the changes are substantive, we will announce the update through Mozilla’s usual channels for such announcements such as blog posts and forums. Your continued use of the Services after the effective date of such changes constitutes your acceptance of such changes. To make your review more convenient, we will post an effective date at the top of this page. These terms may not be modified or cancelled without Mozilla’s written agreement.</p>
<h4>Disclaimer of Warranty</h4>
<p><b>The Services are provided “as is†with all faults. To the extent permitted by law, Mozilla, its distributors, contributors, and licensors hereby disclaim all warranties, whether express or implied, including without limitation warranties that the Services are free of defects, merchantable, fit for a particular purpose, and non-infringing. You bear the entire risk as to selecting the Services for your purposes and as to the quality and performance of the Services, including without limitation the risk that your User Data is deleted or corrupted or that someone else uses your username and password to access confirmations of your identity. This limitation will apply notwithstanding the failure of essential purpose of any remedy. Some jurisdictions do not allow the exclusion or limitation of implied warranties, so this disclaimer may not apply to you.</b></p>
diff --git a/resources/views/unsupported_dialog.ejs b/resources/views/unsupported_dialog.ejs
index fc39f468a3d4ce646b45065f0a7276fcfccfcd4a..549ba2ae2850d10845d4875f33ef78dd80725b11 100644
--- a/resources/views/unsupported_dialog.ejs
+++ b/resources/views/unsupported_dialog.ejs
@@ -13,7 +13,7 @@
</a>
<p>
- BrowserID works with <a href="http://getfirefox.com" target="_blank" title="Get Firefox">Firefox</a>
+ Persona works with <a href="http://getfirefox.com" target="_blank" title="Get Firefox">Firefox</a>
</p>
<p class="lighter">
diff --git a/resources/views/verify_email_address.ejs b/resources/views/verify_email_address.ejs
index 8ec58b83a645e6f398e9794d8e2485f33aa96a0a..cf38f704a28620bedf40bebb932813e7b812d07e 100644
--- a/resources/views/verify_email_address.ejs
+++ b/resources/views/verify_email_address.ejs
@@ -11,17 +11,17 @@
<form id="signUpForm" class="cf">
<p class="hint siteinfo"><%= gettext('Finish signing into:') %> <strong><span class="website"></span></strong></p>
- <h1 class="serif"><%= gettext('Last step!') %></h1>
+ <h1><%= gettext('Last step!') %></h1>
<ul class="inputs">
<li>
- <label class="serif" for="email"><%= gettext('Email Address') %></label>
- <input class="youraddress sans" id="email" placeholder="<%= gettext('Your Email') %>" type="email" value="" disabled="disabled" maxlength="254" />
+ <label for="email"><%= gettext('Email Address') %></label>
+ <input class="youraddress" id="email" placeholder="<%= gettext('Your Email') %>" type="email" value="" disabled="disabled" maxlength="254" />
</li>
<li class="password_entry">
- <label class="serif" for="password"><%= gettext('Password') %></label>
- <input class="sans" id="password" placeholder="<%= gettext('Your Password') %>" type="password" autofocus maxlength=80 />
+ <label for="password"><%= gettext('Password') %></label>
+ <input id="password" placeholder="<%= gettext('Your Password') %>" type="password" autofocus maxlength=80 />
<div class="tooltip" id="password_required" for="password">
<%= gettext('Password is required.') %>
@@ -37,8 +37,8 @@
</li>
<li class="password_entry" id="verify_password">
- <label class="serif" for="vpassword"><%= gettext('Verify Password') %></label>
- <input class="sans" id="vpassword" placeholder="<%= gettext('Repeat Password') %>" type="password" maxlength="80">
+ <label for="vpassword"><%= gettext('Verify Password') %></label>
+ <input id="vpassword" placeholder="<%= gettext('Repeat Password') %>" type="password" maxlength="80">
<div id="vpassword_required" class="tooltip" for="vpassword">
<%= gettext('Verification password is required.') %>
@@ -58,10 +58,10 @@
</form>
<div id="congrats">
- <p class="serif"><%- gettext('Thank you for signing up with <strong>BrowserID</strong>. You can now use your <strong>BrowserID</strong> account to <em>Sign In</em> or <em>Sign Up</em> to websites all across the web!') %>
+ <p><%- gettext('Thank you for signing up with <strong>Persona</strong>. You can now use your Persona account to <em>Sign In</em> or <em>Sign Up</em> to websites all across the web!') %>
</p>
- <p class="serif siteinfo">
+ <p class="siteinfo">
<%= gettext('Your new address is set up and you should now be signed in. You may now close this window and go back to') %> <strong class="website"></strong>
</p>
</div>