From 49edaef79d2cede3a946bf0fca893bfad2ec7152 Mon Sep 17 00:00:00 2001
From: Maarten Billemont <lhunath@lyndir.com>
Date: Thu, 19 Apr 2018 23:34:42 -0400
Subject: [PATCH] Some clean-up.

---
 public/site/2015-05/_includes/header.html | 14 +---
 public/site/2015-05/_sass/_layout.scss    | 89 +++--------------------
 2 files changed, 13 insertions(+), 90 deletions(-)

diff --git a/public/site/2015-05/_includes/header.html b/public/site/2015-05/_includes/header.html
index 65571405..a9a94a11 100644
--- a/public/site/2015-05/_includes/header.html
+++ b/public/site/2015-05/_includes/header.html
@@ -1,6 +1,6 @@
 <header class="{{ page.header }}">
     <nav>
-        <a href="/">Master Password</a>
+        <a href="/" data-hero="main">Master Password</a>
         <div class="flex-auto">
             <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>
@@ -13,18 +13,6 @@
     </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">
-        <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>
 
diff --git a/public/site/2015-05/_sass/_layout.scss b/public/site/2015-05/_sass/_layout.scss
index 3fc7a6e0..b73c0ad0 100644
--- a/public/site/2015-05/_sass/_layout.scss
+++ b/public/site/2015-05/_sass/_layout.scss
@@ -90,99 +90,34 @@ header {
     justify-content:        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 {
-        position: absolute;
-        z-index: -2;
-        left: 0;
-        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. */
+        position:           absolute;
+        z-index:            -2;
+        left:               0;
+        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=ios] .hero {
-        background-image:         url('../img/hero_ios.jpg');
+        background-image:   url('../img/hero_ios.jpg');
     }
     &[data-hero=android] .hero {
-        background-image:         url('../img/hero_android.jpg');
+        background-image:   url('../img/hero_android.jpg');
     }
     &[data-hero=mac] .hero {
-        background-image:         url('../img/hero_mac.jpg');
+        background-image:   url('../img/hero_mac.jpg');
     }
     &[data-hero=desktop] .hero {
-        background-image:         url('../img/hero_desktop.jpg');
+        background-image:   url('../img/hero_desktop.jpg');
     }
     &[data-hero=cli] .hero {
-        background-image:         url('../img/hero_cli.jpg');
+        background-image:   url('../img/hero_cli.jpg');
     }
     &[data-hero=web] .hero {
-        background-image:         url('../img/hero_web.jpg');
+        background-image:   url('../img/hero_web.jpg');
     }
     h1 {
         height:             1em;