skylab/MasterPassword
2
0
Fork 0
Code Releases Activity

Improved signin/signout state logic.

Browse Source
This commit is contained in:
Maarten Billemont
2012-06-08 00:40:30 +02:00
parent f796888901
commit 09d5e64c55
16 changed files with 259 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
Site/css/screen.css
View File

@@ -7,7 +7,7 @@ body {
color: black;
font: 105% Exo, sans-serif;
font: 105% "Hoefler Text", Garamond, Baskerville, "Baskerville Old Face", "Times New Roman", serif;
font-weight: 100;
}
h1, h2, h3, h4 {
@@ -15,6 +15,11 @@ h1, h2, h3, h4 {
font-weight: 600;
}
h1 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Liberation Sans", sans-serif;
font-weight: 100;
}
strong {
font-weight: 400;
}
@@ -62,12 +67,28 @@ img {
/* Classes */
.stripe {
background: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.5);
border-width: 1px 0;
-webkit-box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(200, 200, 200, 0.5);
-moz-box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(200, 200, 200, 0.5);
box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5), 2px 2px 6px rgba(200, 200, 200, 0.5);
}
.button {
display: inline-block;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 5px;
-webkit-box-shadow: 1px 1px 6px rgba(200, 200, 200, 0.5);
-moz-box-shadow: 1px 1px 6px rgba(200, 200, 200, 0.5);
box-shadow: 1px 1px 6px rgba(200, 200, 200, 0.5);
padding: 1em;
text-decoration: none;
}
.button:hover {
background: rgba(240, 240, 240, 0.5);
border-color: white;
}
/* Page */
header {
@@ -79,11 +100,15 @@ header {
-moz-box-shadow: 0 0 50px #666;
box-shadow: 0 0 50px #666;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 150px;
margin: 0 0 5em;
padding: 1em 0;
padding: 1em 0 0;
text-align: center;
}
@@ -111,11 +136,15 @@ header .divider {
-moz-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
height: 50px;
margin: 0 0 5em;
padding: 0.5em 0;
padding: 10px 0 0;
text-align: center;
}
@@ -127,6 +156,8 @@ header .divider {
}
header a, header .link, header :link,
#fixedheader a, #fixedheader .link, #fixedheader :link {
font-family: Exo;
font-weight: 700;
text-decoration: none;
}
header a:hover, header .link:hover,
@@ -187,9 +218,40 @@ blockquote:before {
z-index: -1;
}
.appstore {
position: absolute;
right: 10px;
position: fixed;
display: none;
z-index: 100;
font-size: 0;
/* appstore-bubble.png *
top: 8px;
right: 5px;
*/
/* appstore.png */
top: 25px;
right: 25px;
}
.appstore img {
border-radius: 5px;
-webkit-box-shadow: 0 0 30px #AAA;
-moz-box-shadow: 0 0 30px #AAA;
box-shadow: 0 0 30px #AAA;
}
.appstore:hover img {
-webkit-box-shadow: 0 0 30px #FFF;
-moz-box-shadow: 0 0 30px #FFF;
box-shadow: 0 0 30px #FFF;
}
header .appstore {
position: absolute;
display: block;
top: auto;
/* appstore-bubble.png *
bottom: -73px;
*/
/* appstore.png */
bottom: -25px;
}
.columns {
position: relative;

BIN
Site/img/appstore-bubble.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
Site/img/bubble.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
Site/img/frontpage_phone.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 189 KiB

After

Width:  |  Height:  |  Size: 139 KiB

43
Site/index.html
View File

@@ -14,6 +14,19 @@
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
$(".appstore").show();
$("header .appstore").hide();
} else {
$(".appstore").hide();
$("header .appstore").show();
}
})
});
</script>
<script src="js/functions.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
@@ -67,6 +80,7 @@
</script>
</head>
<body id="frontpage">
<a class="appstore" href="http://itunes.com/apps/MasterPassword"><img src="img/appstore.png" /></a>
<header>
<a class="appstore" href="http://itunes.com/apps/MasterPassword"><img src="img/appstore.png" /></a>
@@ -75,7 +89,6 @@
</header>
<div id="fixedheader">
<a class="appstore" href="http://itunes.com/apps/MasterPassword"><img src="img/appstore-small.png" /></a>
<h2><a href="index.html">Master Password</a></h2>
</div>
<!--a href="http://bit.ly/vNN5Zi" onclick="_gaq.push(['_trackPageview', '/outbound/testflight']);" id="ribbon"></a-->
@@ -87,19 +100,23 @@
</div>
</div>
<h1>Stop worrying about <em>passwords</em></h1>
<h1>Stop worrying<br />
about passwords</h1>
<h2>Memorizing passwords or even saving them in our browser, an application or the cloud just isn't good enough.</h2>
<h2>Admit it, you're terrible at memorizing passwords.</h2>
<p>
Master Password is a solution that <strong>voids the need to <em>keep</em> your passwords anywhere</strong>. Not in your head, not on your computer and not in the cloud.
</p>
<p>
Nothing to store means nothing to lose. At the same time it makes sure that your accounts are adequately protected with <em>exclusive</em> passwords.
</p>
<p>
Learn how <a href="#how">below</a>.
</p>
<p>Just like the rest of the world, your passwords are too simple or reused between many sites. To security specialists or hackers, <em>your accounts are like empty houses with the door wide open</em>.</p>
<p>Even the sites you use that hold nothing of value can easily be used by attackers to impersonate you.</p>
<p><b>Master Password</b> is a <em>stateless solution</em>, which means <strong>your passwords don't need to be saved <em>anywhere</em></strong>. Not in your head, not on your computer and not in the cloud.<br />
Nothing to store means nothing to lose. At the same time it makes sure that your accounts are adequately protected with secure and <em>unique</em> passwords.</p>
<p>Master Password is <b>different</b> from other vault-like password solutions. It helps you set <b>secure passwords</b> for your sites, and at the same time makes <b>losing your passwords almost impossible</b>.</p>
<p>Built on algorithms such as <a href="http://www.bsdcan.org/2009/schedule/events/147.en.html">scrypt</a> and <a href="http://en.wikipedia.org/wiki/HMAC">HMAC-SHA256</a>, your master password is kept safe even if websites you use get hacked.</p>
<p>On that topic, if you're not using Master Password yet and <a href="http://www.washingtonpost.com/business/technology/linkedin-eharmony-deal-with-breach-aftermath/2012/06/07/gJQAwqs5KV_story.html">you have a <b>LinkedIn</b> account, you should <em>worry</em> (click for details)</a>.<br />
Change your password <em>now</em>, and change it into something secure and unique.</p>
<hr class="clear" />
<!--p>
@@ -127,7 +144,7 @@
</div>
<br />
</div>
<h2>Generates secure passwords</h2>
<h2>Creates secure passwords</h2>
The application <strong>generates secure, random and unique passwords</strong> in a format that's easy for you to copy.
</div>
<div>