Some clean-up.
This commit is contained in:
parent
fcbed9ef01
commit
49edaef79d
@ -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>
|
||||||
|
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user