2
0

Fix paroller issues.

This commit is contained in:
Maarten Billemont 2018-04-19 23:17:08 -04:00
parent d779c21cc1
commit 3edb414d23
2 changed files with 25 additions and 16 deletions

View File

@ -1,4 +1,4 @@
<header class="{{ page.header }}" data-paroller-factor="0.2"> <header class="{{ page.header }}">
<nav> <nav>
<a href="/">Master Password</a> <a href="/">Master Password</a>
<div class="flex-auto"> <div class="flex-auto">
@ -12,6 +12,7 @@
<a href="http://help.masterpasswordapp.com">Support</a> <a href="http://help.masterpasswordapp.com">Support</a>
</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 class="hero" data-paroller-factor="0.2" data-paroller-type="foreground">
<img class="main" src="/img/hero_main.jpg" /> <img class="main" src="/img/hero_main.jpg" />

View File

@ -155,26 +155,34 @@ header {
// } // }
background-color: black; .hero {
background-size: cover !important; position: absolute;
background: url('../img/hero_main.jpg') center top; z-index: -2;
&[data-hero=ios] { left: 0;
background: url('../img/hero_ios.jpg') center center; right: 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. */
background: black url('../img/hero_main.jpg') center center no-repeat;
background-size: cover;
} }
&[data-hero=android] { &[data-hero=ios] .hero {
background: url('../img/hero_android.jpg') center center; background-image: url('../img/hero_ios.jpg');
} }
&[data-hero=mac] { &[data-hero=android] .hero {
background: url('../img/hero_mac.jpg') center top; background-image: url('../img/hero_android.jpg');
} }
&[data-hero=desktop] { &[data-hero=mac] .hero {
background: url('../img/hero_desktop.jpg') center bottom; background-image: url('../img/hero_mac.jpg');
} }
&[data-hero=cli] { &[data-hero=desktop] .hero {
background: url('../img/hero_cli.jpg') center bottom; background-image: url('../img/hero_desktop.jpg');
} }
&[data-hero=web] { &[data-hero=cli] .hero {
background: url('../img/hero_web.jpg') center center; background-image: url('../img/hero_cli.jpg');
}
&[data-hero=web] .hero {
background-image: url('../img/hero_web.jpg');
} }
h1 { h1 {
height: 1em; height: 1em;