diff --git a/Site/css/screen.css b/Site/css/screen.css index 8fda2a20..adaf33c6 100644 --- a/Site/css/screen.css +++ b/Site/css/screen.css @@ -1,5 +1,5 @@ html { - background: url("../img/back-light.png") center 0; + background: url("../img/back2-light.png") center 0; } body { padding: 0; @@ -65,14 +65,6 @@ img { /* Classes */ -.stripe { - background: rgba(255, 255, 255, 0.3); - 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); @@ -94,7 +86,7 @@ img { header { position: relative; z-index: 99; - background: url("../img/back-dark.png") center 0; + background: url("../img/back2-dark.png") center 0; border-bottom: 1px solid #FFF; -webkit-box-shadow: 0 0 50px #666; -moz-box-shadow: 0 0 50px #666; @@ -107,7 +99,7 @@ header { left: 0; width: 100%; height: 150px; - margin: 0 0 5em; + margin: 0; padding: 1em 0 0; text-align: center; @@ -130,7 +122,7 @@ header .divider { #fixedheader { position: fixed; z-index: 98; - background: url("../img/back-dark.png") center 0; + background: url("../img/back2-dark.png") center 0; border-bottom: 1px solid #FFF; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; @@ -143,7 +135,6 @@ header .divider { left: 0; width: 100%; height: 50px; - margin: 0 0 5em; padding: 10px 0 0; text-align: center; @@ -175,12 +166,25 @@ footer { font-size: 80%; } section { - width: 900px; - margin: 0 auto; + width: 950px; + margin: 0 auto 2em; + padding: 1em 0 0; } -#content section.current { - opacity: 1; - z-index: 1; +section.heading { + background: rgba(200, 200, 200, 0.3); + border: 1px solid rgba(200, 200, 200, 0.5); + border-width: 0 0 1px; + -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); + + width: 100%; + padding: 0; +} +section.heading>div { + width: 950px; + margin: 0 auto; + padding: 1em 0; } hr { background: url("../img/Dividers/Simple.png") center center no-repeat; @@ -207,6 +211,7 @@ blockquote:before { .sidebox { background: url("../img/Dividers/Divider_H.png") center bottom no-repeat; position: relative; + z-index: 2; float: right; margin: 1em; width: 546px; @@ -215,7 +220,7 @@ blockquote:before { .sidebox .clip { overflow: hidden; position: relative; - z-index: -1; + z-index: 1; } .appstore { position: fixed; @@ -319,7 +324,7 @@ a.next:after { display: block; position: absolute; left: 0; - margin-top: -5em; + margin-top: -1em; width: 184px; height: 184px; } diff --git a/Site/img/back2-dark.png b/Site/img/back2-dark.png new file mode 100644 index 00000000..82e2dd4e Binary files /dev/null and b/Site/img/back2-dark.png differ diff --git a/Site/img/back2-light.png b/Site/img/back2-light.png new file mode 100644 index 00000000..4a3d29be Binary files /dev/null and b/Site/img/back2-light.png differ diff --git a/Site/index.html b/Site/index.html index 432fd03e..e3cbe4fc 100644 --- a/Site/index.html +++ b/Site/index.html @@ -92,31 +92,39 @@

Master Password

-
- -
-
- + +
+
+
+
+ +
+ +

Stop worrying
+ about passwords

+ +

Admit it, you're terrible at memorizing passwords.

+ +

Just like the rest of the world, your passwords are too simple or reused between many sites. To hackers, your accounts are like an empty house with the door left open.

+ +

I'm sure you've tried 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 steal them, and you can loose them.

+ +

 

+ +

Master Password is a stateless solution, which means your passwords aren't saved anywhere. Not in your head, not in a notebook, not on your computer and not in the cloud.
+ Nothing to store means nothing to keep safe and nothing to lose.

+ +

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 secure and unique passwords.

+
-

Stop worrying
- about passwords

- -

Admit it, you're terrible at memorizing passwords.

- -

Just like the rest of the world, your passwords are too simple or reused between many sites. To security specialists or hackers, your accounts are like empty houses with the door wide open.

-

Even the sites you use that hold nothing of value can easily be used by attackers to impersonate you.

- -

Master Password is a stateless solution, which means your passwords don't need to be saved anywhere. Not in your head, not on your computer and not in the cloud.
- Nothing to store means nothing to lose. At the same time it makes sure that your accounts are adequately protected with secure and unique passwords.

- +

Master Password is different from other vault-like password solutions. It helps you set secure passwords for your sites, and at the same time makes losing your passwords almost impossible.

Built on algorithms such as scrypt and HMAC-SHA256, your master password is kept safe even if websites you use get hacked.

-

On that topic, if you're not using Master Password yet and you have a LinkedIn account, you should worry (click for details).
- Change your password now, and change it into something secure and unique.

+

As to prove a point, LinkedIn, eHarmony, and Last.FM have announced breaches that compromise millions of passwords in the past month alone. These breaches have leaked "hashes" of people's passwords, which make it trivial for attackers to find out the actual passwords if they're not secure enough.