diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 9f1fa704f35d11f00cc9f54d047cc3a36457756a..e096f086655de9b1508c8f056f39ae858c8d3c57 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -6,6 +6,17 @@
 
   $(function(){
 
+    // fancy fade jumbotron
+
+    var $jumbotron  = $('.jumbotron')
+      , $jcontainer = $('.jumbotron .container')
+      , opacRatio   = ($jumbotron.height() / 200 ) * 2
+
+    $(window).on('scroll', function () {
+      var diff = 100 - ($(window).scrollTop() / opacRatio)
+      $jcontainer.css({ opacity: (diff > 0 ? Math.min(diff, 100) : 0) / 100 })
+    })
+
     // Disable certain links in docs
     $('section [href^=#]').click(function (e) {
       e.preventDefault()