From cf8ecb29521ccc070f64d1d8b1ca8d51884bf7d6 Mon Sep 17 00:00:00 2001
From: Maarten Billemont <lhunath@lyndir.com>
Date: Thu, 28 Aug 2014 20:10:22 -0400
Subject: [PATCH] Site style tweaks and Android beta link.

---
 Site/2013-05/css/main.css | 14 +++++++++++++-
 Site/2013-05/index.html   | 19 ++++++++++++-------
 Site/2013-05/js/main.js   |  4 ++++
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/Site/2013-05/css/main.css b/Site/2013-05/css/main.css
index 8cdb5b52..52fdbec2 100644
--- a/Site/2013-05/css/main.css
+++ b/Site/2013-05/css/main.css
@@ -42,7 +42,7 @@ a:hover .popup {
     display: block;
 }
 
-nav {
+nav, h4 {
     font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
 }
 
@@ -251,6 +251,18 @@ header .box.active .minimized,
 header .box .maximized {
     display: none;
 }
+#scrollDown {
+    position: fixed;
+    z-index: -1;
+    left: 0;
+    width: 100%;
+    bottom: 0;
+    height: 1ex;
+    text-align: center;
+
+    color: #DDD;
+    font-size: 7em;
+}
 #app header {
     height: 80%;
 }
diff --git a/Site/2013-05/index.html b/Site/2013-05/index.html
index 9a803264..6fae05c3 100644
--- a/Site/2013-05/index.html
+++ b/Site/2013-05/index.html
@@ -14,7 +14,7 @@
         <link rel="shortcut icon" href="img/favicon.png" type="image/x-png" />
         <link rel="stylesheet" href="css/bootstrap.min.css">
         <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
-        <link rel="stylesheet" href="css/main.css?3">
+        <link rel="stylesheet" href="css/main.css?4">
 
         <script src="js/vendor/modernizr-2.6.2.min.js"></script>
         <script src="js/vendor/prefixfree.min.js"></script>
@@ -24,6 +24,8 @@
             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
         <![endif]-->
 
+        <div id="scrollDown">⇣</div>
+
         <nav class="navbar navbar-fixed-top">
             <div class="navbar-inner">
                 <div class="container">
@@ -81,12 +83,15 @@
         </header>
 
         <section>
-            Get it for:
-            <a title="iPhone, iPad, iPod touch" href="http://itunes.apple.com/app/id510296984" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/ios']);">iPhone / iPad<img class="popup" src="img/ios.png" /></a> |
-            <a title="Mac (graphical interface)" href="masterpassword-mac.zip" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/gui/mac']);">Mac<img class="popup" src="img/mac-gui.png" /></a> |
-            <a title="Mac, Linux, UNIX, Windows (graphical interface)" href="masterpassword-gui.jar" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/gui/java']);">Desktop (Java)<img class="popup" src="img/java-gui.png" /></a> |
-            <a title="Mac, Linux, UNIX, Windows (command line interface)" href="masterpassword-cli.zip" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/cli/java']);">Terminal (Java)<img class="popup" src="img/java-cli.png" /></a> |
-            <a title="command line interface" href="https://github.com/Lyndir/MasterPassword/tree/master/MasterPassword/C" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/cli/c']);">Terminal (C)<img class="popup" src="img/c-cli.png" /></a>
+            <h4>
+                Get it for:
+                <a title="iPhone, iPad, iPod touch" href="http://itunes.apple.com/app/id510296984" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/ios']);">iPhone / iPad<img class="popup" src="img/ios.png" /></a> |
+                <a title="Mac (graphical interface)" href="masterpassword-mac.zip" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/gui/mac']);">Mac<img class="popup" src="img/mac-gui.png" /></a> |
+                <a title="Mac, Linux, UNIX, Windows (graphical interface)" href="masterpassword-gui.jar" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/gui/java']);">Desktop (Java)<img class="popup" src="img/java-gui.png" /></a> |
+                Terminal (<a title="Mac, Linux, UNIX, Windows (command line interface)" href="masterpassword-cli.zip" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/cli/java']);">Java<img class="popup" src="img/java-cli.png" /></a> /
+                <a title="Mac, Linux, UNIX, Windows (command line interface)" href="https://github.com/Lyndir/MasterPassword/tree/master/MasterPassword/C" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/cli/c']);">Native C<img class="popup" src="img/c-cli.png" /></a>) |
+                <a title="Android" href="masterpassword-android.apk" onclick="goog_report_conversion('index-fixed-header');_gaq.push(['_trackPageview', '/outbound/android']);">Android (Beta)<img class="popup" src="img/android.png" /></a>
+            </h4>
         </section>
 
         <section><div class="content">
diff --git a/Site/2013-05/js/main.js b/Site/2013-05/js/main.js
index f0e7c7c6..098c89e3 100755
--- a/Site/2013-05/js/main.js
+++ b/Site/2013-05/js/main.js
@@ -1,4 +1,8 @@
 $(function(){
     $.stellar();
+
+    window.onscroll = function() {
+        document.getElementById("scrollDown").style.opacity = Math.max(0, 200 - window.scrollY) / 200;
+    };
 });