skylab/MasterPassword
2
0
Fork 0
Code Releases Activity

Make two site look better on lower resolutions.

Browse Source
This commit is contained in:
Maarten Billemont 2012-03-02 20:50:57 +01:00
parent ac735f3ccb
commit d34ec96b94
3 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Site/1/css/screen.css
View File

@ -10,7 +10,7 @@ body {
color: black; color: black;
font: 120% Exo, sans-serif; font: 105% Exo, sans-serif;
font-weight: 100; font-weight: 100;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
@ -79,7 +79,7 @@ header {
box-shadow: 0 0 50px #666; box-shadow: 0 0 50px #666;
margin: 0 0 5em; margin: 0 0 5em;
padding: 0 0 1em; padding: 1em 0;
text-align: center; text-align: center;
} }
@ -90,7 +90,8 @@ header h1 {
font-size: 350%; font-size: 350%;
} }
header .logo { header .logo {
width: 200px; height: 128px;
vertical-align:middle;
} }
header .divider { header .divider {
position: absolute; position: absolute;
@ -200,6 +201,17 @@ a.next:after {
content: " >"; content: " >";
} }
#ribbon {
background: url("../img/ribbon-join-beta.png");
display: block;
position: absolute;
left: 0;
margin-top: -5em;
width: 184px;
height: 184px;
}
#frontpage .sidebox { #frontpage .sidebox {
margin-top: -50px; margin-top: -50px;
} }

BIN
Site/1/img/ribbon-join-beta.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

22
Site/1/index.html
View File

@ -26,15 +26,27 @@
navigateTo(document.location.hash.substring(1)); navigateTo(document.location.hash.substring(1));
}); });
</script> </script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-90535-15']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head> </head>
<body> <body>
<header> <header>
<img class="logo" src="img/iTunesArtwork-Bare.png" />
<h1>Master Password</h1> <h1><img class="logo" src="img/iTunesArtwork-Bare.png" /> Master Password</h1>
<div class="divider"> <div class="divider">
</div> </div>
</header> </header>
<a href="http://bit.ly/vNN5Zi" onclick="_gaq.push(['_trackPageview', '/outbound/testflight']);" id="ribbon"></a>
<section class="frontpage"> <section class="frontpage">
<a class="next" href="#about" onClick="navigateTo($(this).attr('href').substring(1));">What is this thing?</a> <a class="next" href="#about" onClick="navigateTo($(this).attr('href').substring(1));">What is this thing?</a>
@ -126,7 +138,7 @@
<p> <p>
Master Password is currently in beta.<br /> Master Password is currently in beta.<br />
Anyone interested in joining the beta is invited to <a href="http://bit.ly/vNN5Zi">join the Lyndir TestFlight team</a>. Every so often new pending testers are admitted to the Master Password beta testers team. Anyone interested in joining the beta is invited to <a href="http://bit.ly/vNN5Zi" onclick="_gaq.push(['_trackPageview', '/outbound/testflight']);">join the Lyndir TestFlight team</a>. Every so often new pending testers are admitted to the Master Password beta testers team.
</p> </p>
<p> <p>
Participation in the beta is free of charge, but does come with the expectation that you will contribute. Comment constructively, report issues and propose improvements. Participation in the beta is free of charge, but does come with the expectation that you will contribute. Comment constructively, report issues and propose improvements.
@ -156,7 +168,7 @@
Alright, let's describe the process in detail. This part will likely make sense to you only if you're well versed in computer security jargon. If you're the kind of person who likes to know how the clock ticks before deciding that it can be trusted to keep ticking, read on. Alright, let's describe the process in detail. This part will likely make sense to you only if you're well versed in computer security jargon. If you're the kind of person who likes to know how the clock ticks before deciding that it can be trusted to keep ticking, read on.
</p> </p>
<p> <p>
The user chooses a single master password, preferably sufficiently long to harden against brute-force attacks. Before usage, a <code>masterKey</code> is derived from this master password using the <a href="http://www.tarsnap.com/scrypt.html">scrypt key derivation function</a>. This makes it impossibly expensive and time-consuming to attempt brute-forcing a properly sized master password. The user chooses a single master password, preferably sufficiently long to harden against brute-force attacks. Before usage, a <code>masterKey</code> is derived from this master password using the <a href="http://www.tarsnap.com/scrypt.html" onclick="_gaq.push(['_trackPageview', '/outbound/tarsnap.com/scrypt.html">scrypt key derivation function</a>. This makes it impossibly expensive and time-consuming to attempt brute-forcing a properly sized master password.
</p> </p>
<code><pre> <code><pre>
masterKey = scrypt( P, S, N, r, p, dkLen ) masterKey = scrypt( P, S, N, r, p, dkLen )
@ -200,7 +212,7 @@
</section> </section>
<footer> <footer>
Master Password is a security and productivity product by <a href="http://www.lyndir.com">Lyndir</a>, &copy; 2011. Master Password is a security and productivity product by <a href="http://www.lyndir.com" onclick="_gaq.push(['_trackPageview', '/outbound/lyndir.com']);">Lyndir</a>, &copy; 2011.
</footer> </footer>
</body> </body>