overhaul docs CSS since it was scalable, converted docs mastheads and footers to classes and HTML5 elements, add masthead to js docs page but make it slate so it looks cool and stands out

1 files changed, 16 insertions, 1 deletions

diff --git a/docs/javascript.html b/docs/javascript.html
index 47cd34414..dbb4d1458 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -44,6 +44,7 @@
         <div class="container">
           <h3><a href="#">Bootstrap JS</a></h3>
           <ul>
+            <li><a href="#overview">Overview</a></li>
             <li><a href="#modal">Modals</a></li>
             <li><a href="#dropdown">Dropdown</a></li>
             <li><a href="#tabs">Tabs</a></li>
@@ -55,6 +56,20 @@
       </div>
     </div>
 
+    <!-- Masthead (blueprinty thing)
+    ================================================== -->
+    <header class="jumbotron subhead" id="overview">
+      <div class="inner">
+        <div class="container">
+          <h1>Javascript for Bootstrap</h1>
+          <p class="lead">
+            Bring Bootstrap's components to life with new, custom plugins that work with <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://ender.no.de" target="_blank">Ender</a>.
+          </p>
+          <p><a href="./index.html">&larr; Back to Bootstrap home</a></p>
+        </div><!-- /container -->
+      </div>
+    </header>
+
     <div class="container">
 
     <!-- Modal
@@ -175,7 +190,7 @@ $('#modal-content')
           </script>
           <div class="topbar-wrapper">
             <div id="topbar-example" class="topbar">
-              <div class="fill">
+              <div class="topbar-inner">
                 <div class="container">
                   <h3><a href="#">Project Name</a></h3>
                   <ul>