From c98b75c97949c34be62b63e79fa517347df35018 Mon Sep 17 00:00:00 2001
From: Jacob Thornton <jacobthornton@gmail.com>
Date: Tue, 24 Jul 2012 00:48:45 -0700
Subject: [PATCH] added fade out on scroll - we can pull this if you prefer it

---
 docs/assets/js/application.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 9f1fa704f3..e096f08665 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()