Redesign front-page

* Add splash background image
* Parallax scrolling
* Moved logo to navbar

1 files changed, 10 insertions, 0 deletions

diff --git a/assets/js/bootswatch.js b/assets/js/bootswatch.js
index 93f1d4ef..9a32eee5 100644
--- a/assets/js/bootswatch.js
+++ b/assets/js/bootswatch.js
@@ -1,4 +1,14 @@
 (function(){
+  $(window).scroll(function () {
+      var top = $(document).scrollTop();
+      $('.splash').css({
+        'background-position': '0px -'+(top/3).toFixed(2)+'px'
+      });
+      if(top > 50)
+        $('#home > .navbar').removeClass('navbar-transparent');
+      else
+        $('#home > .navbar').addClass('navbar-transparent');
+  });
 
   var $button = $("<div id='source-button' class='btn btn-primary btn-xs'>&lt; &gt;</div>").click(function(){
     var html = $(this).parent().html();