2
0
MasterPassword/Site/index.html
Maarten Billemont 217cf56d94 Versioning + automatic user selection + misc UI tweaks.
[ADDED]     Versioning and explicit migration to MPElementEntity.
[ADDED]     Upgrade button in case the element needs explicit migration.
[ADDED]     Messages in Crashlytics and TestFlight logs upon
            initialization so we can easily see it worked and what the
            client's versioning looks like.
[IMPROVED]  Only show firstRun UI tooltips once.
[IMPROVED]  Automatically select the latest user upon load of unlock.
[IMPROVED]  Automatically select the user when his password is reset.
[IMPROVED]  Hide active element when logging a user out.
2012-07-12 08:50:34 +02:00

328 lines
18 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Master Password &mdash; Secure your online identity and privacy.</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<link rel="icon" href="img/favicon.png" type="image/x-png" />
<link rel="shortcut icon" href="img/favicon.png" type="image/x-png" />
<link rel="publisher" href="https://plus.google.com/116256327773442623984/about" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Exo:100,400,600,900,100italic,400italic,600italic" />
<link rel="stylesheet" type="text/css" href="css/ml-shadows.css" />
<link rel="stylesheet" type="text/css" href="css/buttons/buttons.css" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<!-- Google Analytics -->
<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>
<!-- Get Satisfaction -->
<!--script type="text/javascript" charset="utf-8">
var is_ssl = ("https:" == document.location.protocol);
var asset_host = is_ssl ? "https://d3rdqalhjaisuu.cloudfront.net/" : "http://d3rdqalhjaisuu.cloudfront.net/";
document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" charset="utf-8">
var feedback_widget_options = {};
feedback_widget_options.display = "overlay";
feedback_widget_options.company = "lyndir";
feedback_widget_options.placement = "right";
feedback_widget_options.color = "#222";
feedback_widget_options.style = "question";
var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
</script-->
<!-- UserEcho -->
<script type='text/javascript'>
var _ues = {
host:'support.lyndir.com',
forum:'13031',
lang:'en',
tab_icon_show:false,
tab_corner_radius:5,
tab_font_size:20,
tab_image_hash:'RmVlZGJhY2s%3D',
tab_alignment:'right',
tab_text_color:'#FFFFFF',
tab_bg_color:'#DDDDDD',
tab_hover_color:'#CCCCCC'
};
(function() {
var _ue = document.createElement('script'); _ue.type = 'text/javascript'; _ue.async = true;
_ue.src = ('https:' == document.location.protocol ? 'https://s3.amazonaws.com/' : 'http://') + 'cdn.userecho.com/js/widget-1.4.gz.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(_ue, s);
})();
</script>
<!-- jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<!-- Nivo Slider -->
<link rel="stylesheet" href="js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<script src="js/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<!-- Page JS -->
<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();
}
});
$("header .appstore .tip").hide().delay(1000).fadeIn();
});
</script>
<!-- AdWords -->
<script type="text/javascript">
/* <![CDATA[ */
goog_snippet_vars = function() {
var w = window;
w.google_conversion_id = 1015576061;
w.google_conversion_label = "PcXqCPPz5AIQ_euh5AM";
w.google_conversion_value = 4;
}
goog_report_conversion = function(url) {
goog_snippet_vars();
window.google_conversion_format = "3";
window.google_is_call = true;
var opt = new Object();
opt.onload_callback = function() {
if (typeof(url) != 'undefined') {
window.location = url;
}
}
var conv_handler = window['google_trackConversion'];
if (typeof(conv_handler) == 'function') {
conv_handler(opt);
}
}
/* ]]> */
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion_async.js"></script>
</head>
<body id="frontpage">
<a class="appstore" href="http://itunes.apple.com/app/id510296984" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/itunes']);"><img src="img/appstore.png" /></a>
<header>
<a class="appstore" href="http://itunes.apple.com/app/id510296984" onclick="goog_report_conversion('index-top-header');_gaq.push(['_trackPageview', '/outbound/itunes']);">
<span class="tip">Great feedback may earn you a free copy for a friend!</span>
<img src="img/appstore.png" />
</a>
<h1><a href="index.html"><img class="logo" src="img/iTunesArtwork-Bare.png" /> Master Password</a></h1>
<div class="footnote"><a href="mailto:masterpassword+remove_this@lyndir.com" onclick="_gaq.push(['_trackPageview', '/outbound/mail']);">Contact</a> | <a href="http://www.lyndir.com" onclick="_gaq.push(['_trackPageview', '/outbound/lyndir.com']);">Lyndir</a> | <a href="https://plus.google.com/116256327773442623984/about" rel="publisher" onclick="_gaq.push(['_trackPageview', '/outbound/google+']);">Google+</a></div>
<div class="divider"></div>
</header>
<div id="fixedheader">
<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-->
<!--section class="heading">
<div>
<div class="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="images/slide1.jpg" alt="" />
<a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>
<img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
<img src="images/slide4.jpg" alt="" />
</div>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>
</div>
</section-->
<section class="heading">
<div>
<div class="sidebox">
<div class="clip">
<img class="badge" src="img/price.png" />
<img src="img/frontpage_phone.png" />
</div>
<a href="MasterPassword_PressKit.zip" class="btn_largeblack ico_down" onclick="_gaq.push(['_trackPageview', '/outbound/presskit']);">Press Kit</a>
</div>
<h1>Stop worrying<br />
about passwords</h1>
<h2>Admit it, you're terrible at memorizing passwords.</h2>
<p>Just like the rest of the world, your passwords are too simple or reused between many sites. To hackers, <em>your accounts are like an empty house with the door left open</em>.</p>
<p>I'm sure you've <em>tried</em> to do better. Maybe you keep a notebook or post-it with passwords. Maybe you even store your passwords in a program or just in your browser. The problem with putting your passwords somewhere "safe" is two-fold: Somebody can <em>steal them</em>, and you can <em>loose them</em>.</p>
<p>&nbsp;</p>
<p><strong>Master Password is a <em>stateless solution</em></strong>, which means <strong>your passwords aren't saved <em>anywhere</em></strong>. Not in your head, not in a notebook, not on your computer and not in the cloud.<br />
Nothing to store means nothing to keep safe and nothing to lose.</p>
<p>Master Password just recreates the passwords for your sites whenever you need them: instantly and on-demand. At the same time it makes sure that your accounts are adequately protected with <em>secure and unique</em> passwords.</p>
</div>
</section>
<section>
<p>Master Password is <strong>different</strong> from other vault-like password solutions. It helps you set <strong>secure passwords</strong> for your sites, and at the same time makes <strong>losing your passwords almost impossible</strong>.</p>
<p>Built on algorithms such as <a href="http://www.bsdcan.org/2009/schedule/events/147.en.html" onclick="_gaq.push(['_trackPageview', '/outbound/scrypt']);">scrypt</a> and <a href="http://en.wikipedia.org/wiki/HMAC" onclick="_gaq.push(['_trackPageview', '/outbound/HMAC']);">HMAC-SHA256</a>, your master password is kept safe even if websites you use get hacked.</p>
<p>As to prove a point, <a href="http://www.washingtonpost.com/business/technology/linkedin-eharmony-deal-with-breach-aftermath/2012/06/07/gJQAwqs5KV_story.html" onclick="_gaq.push(['_trackPageview', '/outbound/linkedin-breach']);"><strong>LinkedIn</strong>, <strong>eHarmony</strong></a>, and <a href="http://securitywatch.pcmag.com/none/298865-last-fm-joins-eharmony-linkedin-to-celebrate-breach-week" onclick="_gaq.push(['_trackPageview', '/outbound/lastfm-breach']);"><strong>Last.FM</strong></a> have announced breaches that compromise millions of passwords in the past month alone. These breaches have leaked "<em>hashes</em>" of people's passwords, which make it trivial for attackers to find out the actual passwords <em>if they're not secure enough</em>.</p>
<hr class="clear" />
<!--p>
Using Master Password, you will <strong>remember <em>only one</em> secure password</strong> and use that with the application to <strong>generate <em>any</em> password you might need</strong>: sites, email addresses, gaming accounts, or even your bike lock.<br />
Today, it's time to <em>stop worrying</em> about our passwords and get on with what we need to get done.
</p-->
<a name="how"></a>
<div class="columns">
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-unlock.png" />
</div>
<br />
</div>
<h2>Locked from prying eyes</h2>
Your master password <strong>unlocks the application</strong> and grants access all the passwords inside.<br />
It is the only thing you will need to remember from now on.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-password.png" />
</div>
<br />
</div>
<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>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-types.png" />
</div>
<br />
</div>
<h2>Different password types</h2>
Master Password's <strong>presets allow you to comply with</strong> almost any site's restrictive <strong>password policies</strong>, while still producing as secure a password for them as they permit.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-copy.png" />
</div>
<br />
</div>
<h2>Copy with a tap</h2>
It's really easy to use the password on your iPhone: Just <strong>tap the password to copy it</strong> and paste it in a different application's password field.<br />
Goodbye, annoying App Store password pop-up.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-custom.png" />
</div>
<br />
</div>
<h2>Saves custom passwords</h2>
You can also <strong>store custom passwords</strong> in the application. They will be safely encrypted with your master password.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-bike.png" />
</div>
<br />
</div>
<h2>Not just for online</h2>
These passwords <strong>can also be used for the things around you</strong>: Your bike lock, your home alarm system, PIN codes, ...
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-icloud.png" />
</div>
<br />
</div>
<h2>Syncs with iCloud</h2>
Enable iCloud support to store all your password names in your iCloud account. Great for <strong>keeping multiple Apple devices in sync</strong> or backing up your site list.<br />
Apple will never see any of your passwords.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-export.png" />
</div>
<br />
</div>
<h2>Data liberation</h2>
And of course, <strong>you retain full control over all your passwords</strong>: You can export them at any time, and import new site lists.
</div>
<div>
<div class="columnhead">
<div class="box effect-7">
<img src="img/shots/feature-mac.png" />
</div>
<br />
</div>
<h2>What about your Mac?</h2>
A Mac version of Master Password exists too! It gives you access to all of your passwords without needing to bring up your phone.<br />
Just enable iCloud for a seamless experience.
</div>
</div>
<hr />
<a class="next" href="what.html">What is this thing and why do I need it?</a>
</section>
<span itemscope itemtype="http://schema.org/MobileSoftwareApplication">
<meta itemprop="image" content="http://masterpassword.lyndir.com/img/iTunesArtwork-Rounded.png" />
<meta itemprop="name" content="Master Password" />
<meta itemprop="operatingsystems" content="iOS" />
<meta itemprop="softwareversion" content="5.0" />
<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="name" content="iOS" />
<meta itemprop="price" content="5.99" />
<meta itemprop="priceCurrency" content="USD" />
<span itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Apple" />
<meta itemprop="url" content="http://itunes.apple.com/app/id510296984" />
</span>
</span>
<span itemprop="author" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Lyndir" />
<meta itemprop="url" content="http://www.lyndir.com" />
</span>
</span>
<footer>
Master Password is a security and productivity product by <a href="http://www.lyndir.com" rel="author" onclick="_gaq.push(['_trackPageview', '/outbound/lyndir.com']);">Lyndir</a>, &copy; 2011.
</footer>
</body>
</html>