2
0

Some clean-up.

This commit is contained in:
Maarten Billemont 2018-04-19 23:34:42 -04:00
parent fcbed9ef01
commit 49edaef79d
2 changed files with 13 additions and 90 deletions

View File

@ -1,6 +1,6 @@
<header class="{{ page.header }}"> <header class="{{ page.header }}">
<nav> <nav>
<a href="/">Master Password</a> <a href="/" data-hero="main">Master Password</a>
<div class="flex-auto"> <div class="flex-auto">
<a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.</a> <a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.</a>
<a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.</a> <a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.</a>
@ -13,18 +13,6 @@
</nav> </nav>
<div class="hero" data-paroller-factor="-0.2" data-paroller-type="foreground"></div> <div class="hero" data-paroller-factor="-0.2" data-paroller-type="foreground"></div>
<!--
<div class="hero" data-paroller-factor="0.2" data-paroller-type="foreground">
<img class="main" src="/img/hero_main.jpg" />
<img class="ios" src="/img/hero_ios.jpg" />
<img class="android" src="/img/hero_android.jpg" />
<img class="mac" src="/img/hero_mac.jpg" />
<img class="desktop" src="/img/hero_desktop.jpg" />
<img class="cli" src="/img/hero_cli.jpg" />
<img class="web" src="/img/hero_web.jpg" />
<div class="img"></div>
</div>
-->
<div class="flex-auto"></div> <div class="flex-auto"></div>

View File

@ -90,99 +90,34 @@ header {
justify-content: stretch; justify-content: stretch;
align-items: stretch; align-items: stretch;
// .hero {
// position: absolute;
// z-index: -2;
// left: 0;
// right: 0;
// top: 0;
// bottom: 0;
//
// .img {
// position: absolute;
// top: 0;
// left: 0;
// bottom: 0;
// right: 0;
// margin: 0;
//
// background-color: black;
// background-size: cover !important;
// background: url('../img/hero_main.jpg') center top;
// }
// }
// &[data-hero=ios] .img {
// background: url('../img/hero_ios.jpg') center center;
// }
// &[data-hero=android] .img {
// background: url('../img/hero_android.jpg') center center;
// }
// &[data-hero=mac] .img {
// background: url('../img/hero_mac.jpg') center top;
// }
// &[data-hero=desktop] .img {
// background: url('../img/hero_desktop.jpg') center bottom;
// }
// &[data-hero=cli] .img {
// background: url('../img/hero_cli.jpg') center bottom;
// }
// &[data-hero=web] .img {
// background: url('../img/hero_web.jpg') center center;
// }
// .hero img.main {
// display: block;
// z-index: -1;
// }
// &[data-hero=ios] .hero img.ios {
// display: block;
// }
// &[data-hero=android] .hero img.android {
// display: block;
// }
// &[data-hero=mac] .hero img.mac {
// display: block;
// }
// &[data-hero=desktop] .hero img.desktop {
// top: auto;
// bottom: -90px;
// display: block;
// }
// &[data-hero=cli] .hero img.cli {
// display: block;
// }
// &[data-hero=web] .hero img.web {
// display: block;
// }
.hero { .hero {
position: absolute; position: absolute;
z-index: -2; z-index: -2;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
bottom: -70px; /* This is to deal with some kind of weird paroller bug that gives us blank space at the bottom otherwise. */ bottom: -70px; /* This is to deal with some kind of weird paroller bug that gives us blank space at the bottom otherwise. */
background: black url('../img/hero_main.jpg') center center no-repeat; background: black url('../img/hero_main.jpg') center center no-repeat;
background-size: cover; background-size: cover;
} }
&[data-hero=ios] .hero { &[data-hero=ios] .hero {
background-image: url('../img/hero_ios.jpg'); background-image: url('../img/hero_ios.jpg');
} }
&[data-hero=android] .hero { &[data-hero=android] .hero {
background-image: url('../img/hero_android.jpg'); background-image: url('../img/hero_android.jpg');
} }
&[data-hero=mac] .hero { &[data-hero=mac] .hero {
background-image: url('../img/hero_mac.jpg'); background-image: url('../img/hero_mac.jpg');
} }
&[data-hero=desktop] .hero { &[data-hero=desktop] .hero {
background-image: url('../img/hero_desktop.jpg'); background-image: url('../img/hero_desktop.jpg');
} }
&[data-hero=cli] .hero { &[data-hero=cli] .hero {
background-image: url('../img/hero_cli.jpg'); background-image: url('../img/hero_cli.jpg');
} }
&[data-hero=web] .hero { &[data-hero=web] .hero {
background-image: url('../img/hero_web.jpg'); background-image: url('../img/hero_web.jpg');
} }
h1 { h1 {
height: 1em; height: 1em;