diff --git a/public/site/2015-05/_includes/header.html b/public/site/2015-05/_includes/header.html index 59c7520e..fc1e964a 100644 --- a/public/site/2015-05/_includes/header.html +++ b/public/site/2015-05/_includes/header.html @@ -11,12 +11,12 @@ diff --git a/public/site/2015-05/_sass/_layout.scss b/public/site/2015-05/_sass/_layout.scss index 9b5d95a2..643f2e14 100644 --- a/public/site/2015-05/_sass/_layout.scss +++ b/public/site/2015-05/_sass/_layout.scss @@ -21,7 +21,7 @@ h1 { margin: 0; font-family: 'Rubik Mono One', sans-serif; - font-size: 2.5em; + font-size: 2em; text-align: center; } h2 { @@ -92,42 +92,43 @@ header { &::before, &::after { position: absolute; - background-size: cover !important; - opacity: 0; - transition: 0.3s opacity; - z-index: -1; - width: 100%; - height: 100%; - content: " "; + background-color: black; + background-size: cover !important; + opacity: 0; + transition: 0.3s opacity; + z-index: -1; + width: 100%; + height: 100%; + content: ''; } &::after { - z-index: -2; - background: url('../img/hero_main.jpg') center top; - opacity: 1; + z-index: -2; + background: url('../img/hero_main.jpg') center top; + opacity: 1; } &.hero_ios::before { - background: url('../img/hero_ios.jpg') center top; - opacity: 1; + background: url('../img/hero_ios.jpg') center center; + opacity: 1; } &.hero_android::before { - background: url('../img/hero_android.jpg') center center; - opacity: 1; + background: url('../img/hero_android.jpg') center center; + opacity: 1; } &.hero_mac::before { - background: url('../img/hero_mac.jpg') center center; - opacity: 1; + background: url('../img/hero_mac.jpg') center top; + opacity: 1; } &.hero_desktop::before { - background: url('../img/hero_desktop.jpg') center bottom; - opacity: 1; + background: url('../img/hero_desktop.jpg') center bottom; + opacity: 1; } &.hero_cli::before { - background: url('../img/hero_cli.jpg') center center; - opacity: 1; + background: url('../img/hero_cli.jpg') center bottom; + opacity: 1; } &.hero_web::before { - background: url('../img/hero_web.jpg') center center; - opacity: 1; + background: url('../img/hero_web.jpg') center center; + opacity: 1; } h1 { height: 1em; @@ -183,7 +184,7 @@ header.large, section { } section { box-sizing: border-box; - padding: 3em 100px; + padding: 2em 100px; font-size: 1.2em; } @@ -200,6 +201,9 @@ input { input:hover { background: rgba(200, 200, 200, 1); } +input[type=button] { + cursor: pointer; +} input[type=checkbox] { display: none; @@ -218,7 +222,7 @@ input[type=checkbox] { background: black; } } -#calculator table { +.widget_calculator table { height: 200px; padding: 4px; margin: 1em auto; @@ -243,26 +247,85 @@ input[type=checkbox] { } } } +.widget_gallery { + box-shadow: 0 0 1px black; + border-radius: 4px; + + & > ul { + display: flex; + list-style: none; + justify-content: space-around; + + li { + height: 100px; + + label { + display: block; + box-sizing: border-box; + width: 100%; + height: 100%; + padding: 1em; + + background: rgba(240, 240, 240, 1); + box-shadow: 0 0 2px black; + border-radius: 4px; + + cursor: pointer; + + &:hover { + background: rgba(200, 200, 200, 1); + } + + img { + display: block; + width: 100%; + height: 100%; + margin: 0; + box-shadow: none; + } + } + } + } + input[type=radio] { + display: none; + + & + div { + display:none; + margin: 1px; + padding: 2em; + background: rgba(240, 240, 240, 1); + } + &:checked + div { + display:block; + } + } +} +.widget_test ul { + list-style: none; + + li { + border-left: 4px solid rgba(200, 200, 200, 1); + } + + label { + font-size: 1.2em; + font-weight: 400; + } + + input[type=checkbox] { + & + label + div { + display:none; + margin: 1ex 0; + padding: 1ex 2em; + background: rgba(240, 240, 240, 1); + + font-weight: 100; + } + &:checked + label + div { + display:block; + } + } +} .flex-auto { flex: auto; } -.item_toggler { - font-size: 1.2em; - font-weight: 400; - list-style: none; - - border-left: 4px solid rgba(200, 200, 200, 1); - - .toggle_item { - display: none; - margin: 1ex 0; - padding: 1ex 2em; - background: rgba(240, 240, 240, 1); - - font-size: 0.83em; - font-weight: 100; - } - input:checked ~ .toggle_item { - display: block; - } -} diff --git a/public/site/2015-05/img/hero_desktop.jpg b/public/site/2015-05/img/hero_desktop.jpg index 72ed0d22..d4b1c973 100644 Binary files a/public/site/2015-05/img/hero_desktop.jpg and b/public/site/2015-05/img/hero_desktop.jpg differ diff --git a/public/site/2015-05/img/hero_mac.jpg b/public/site/2015-05/img/hero_mac.jpg index fb047597..c54773f5 100644 Binary files a/public/site/2015-05/img/hero_mac.jpg and b/public/site/2015-05/img/hero_mac.jpg differ diff --git a/public/site/2015-05/img/hero_main.jpg b/public/site/2015-05/img/hero_main.jpg index c54773f5..fb047597 100644 Binary files a/public/site/2015-05/img/hero_main.jpg and b/public/site/2015-05/img/hero_main.jpg differ diff --git a/public/site/2015-05/index.html b/public/site/2015-05/index.html index de8e6472..3ce49b7f 100644 --- a/public/site/2015-05/index.html +++ b/public/site/2015-05/index.html @@ -21,48 +21,63 @@ header: large Master Password's unique approach makes you safer from loss, theft, problems with backups, sync, confiscation, snooping, and more.
-Let's see how Master Password could help you: -
- Master Password was designed to generate high-entropy cryptographically strong and unique passwords for each of your sites.
- Humans are not good at thinking of strong passwords, use the password created for your site by Master Password. Your accounts will become as safe as they can be against hacks, hoaxes and leaks.
-
- Password vaults come with many caveats and render you dependant upon your app and your phone. You could lose either, your device could be stolen or your data copied. And how much should we really be trusting the Cloud?
- Master Password operates completely off-line. It saves no secrets on your device, meaning there's nothing to lose or copy. Just like a store-bought calculator, you can lose it and replace it with a new one, and still get the exact same results, making you immune to loss.
-
- It seems like every month we hear about a new high-profile data leak or foreign hack. How much can we really trust that our passwords are safe in the cloud?
- Master Password was designed to operate entirely off-line, keeping all of your secrets close to heart. They don't even get saved on your phone after you look them up, meaning there's nothing left to steal or confiscate. Take back control over your own identity.
-
- Sharing passwords is a great way to give trusted people access to your accounts. But what happens when a relationship degrades? Especially if these passwords you shared were used for many of your accounts?
- Master Password is based on the principle that each account should have its own dedicated password. Sharing passwords is fine; if you need to rescind a password, all you need to do is increment the site's counter in Master Password and update the account with the new password we've generated for you, locking out the people you need no longer trust.
-
- This is the core problem with passwords: we need to be able to remember them.
- Master Password solves this by embracing the fact that it is impossible to remember passwords for sites. Instead, remember only one password: your master password. Use it only with your Master Password app to look up the key to use for logging into any site you like.
-
Master Password is the answer to the problem that websites have forced on us.
Master Password is not a password manager. It is not a secure vault or a digital notebook. It is something else entirely, and yet something so simple.
-Think of it as, a store-bought calculator. If your name was 1337
, your master password was 5317
and your site was named 707
, take any calculator in the world and type in 1337 + 5317 + 707
to get your site's account password, = 7361
.
Think of it as, a store-bought calculator. If your name was 1337
, your master password was 5317
and you'd like to log into the site 707
, take any calculator in the world and type in 1337 + 5317 + 707
to get the password to use for this site, = 7361
.