Restore gallery page, add active nav class jankitude, auto regenerate docs on file save

4 files changed, 135 insertions, 9 deletions

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index e92fda24c..90e8af440 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -7,8 +7,11 @@
     <meta name="author" content="">
 
     <title>
-      {% if page.title %}{{ page.title }} &middot; {% endif %}
-      Bootstrap
+      {% if page.title == "Bootstrap" %}
+        {{ page.title }}
+      {% else if %}
+        {{ page.title }} &middot; Bootstrap
+      {% endif %}
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +60,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="{{index}}">
+            <li {% if page.title == "Bootstrap" %}class="active"{% endif %}>
               <a href="/">Home</a>
             </li>
-            <li class="{{getting-started}}">
+            <li {% if page.title == "Getting started" %}class="active"{% endif %}>
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="{{css}}">
+            <li {% if page.title == "CSS" %}class="active"{% endif %}>
               <a href="/css">CSS</a>
             </li>
-            <li class="{{components}}">
+            <li {% if page.title == "Components" %}class="active"{% endif %}>
               <a href="/components">Components</a>
             </li>
-            <li class="{{javascript}}">
+            <li {% if page.title == "JavaScript plugins" %}class="active"{% endif %}>
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="{{customize}}">
+            <li {% if page.title == "Customize and download" %}class="active"{% endif %}>
               <a href="/customize">Customize</a>
             </li>
+            <li {% if page.title == "Gallery" %}class="active"{% endif %}>
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/docs/gallery.html b/docs/gallery.html
new file mode 100644
index 000000000..f0f6c775a
--- /dev/null
+++ b/docs/gallery.html
@@ -0,0 +1,119 @@
+---
+layout: default
+title: Gallery
+---
+
+<!-- Subhead
+================================================== -->
+<header class="bs-docs-jumbotron subhead">
+  <div class="container">
+    <h1>Gallery</h1>
+    <p class="lead">Showcase of sites using Bootstrap.</p>
+  </div>
+</header>
+
+
+<div class="container">
+
+  <section class="bs-docs-gallery">
+    <div class="row">
+      <div class="span4">
+        <a class="thumbnail" href="https://gosquared.com">
+          <img src="/assets/img/example-sites/example-gosquared.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="https://easel.com">
+          <img src="/assets/img/example-sites/example-easel.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="https://tonx.com">
+          <img src="/assets/img/example-sites/example-tonx.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="https://jshint.com">
+          <img src="/assets/img/example-sites/example-jshint.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="https://synco.fm">
+          <img src="/assets/img/example-sites/example-synco.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="https://yourkarma.com">
+          <img src="/assets/img/example-sites/example-karma.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://metrotwit.com">
+          <img src="/assets/img/example-sites/example-metrotwit.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://codecademy.com">
+          <img src="/assets/img/example-sites/example-codecademy.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://jetstrap.com">
+          <img src="/assets/img/example-sites/example-jetstrap.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://divshot.com">
+          <img src="/assets/img/example-sites/example-divshot.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://translate.twttr.com">
+          <img src="/assets/img/example-sites/example-twitter-translation-center.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://soundready.fm">
+          <img src="/assets/img/example-sites/example-soundready.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://breakingnews.com">
+          <img src="/assets/img/example-sites/example-breakingnews.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://desk.com">
+          <img src="/assets/img/example-sites/example-desk.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://jumpstartui.com">
+          <img src="/assets/img/example-sites/example-jumpstart-ui.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://atheycreek.com">
+          <img src="/assets/img/example-sites/example-athey-creek.jpg">
+        </a>
+      </div>
+
+      <div class="span4">
+        <a class="thumbnail" href="http://fleetio.com">
+          <img src="/assets/img/example-sites/example-fleetio.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://adoptahydrant.com">
+          <img src="/assets/img/example-sites/example-adoptahydrant.jpg">
+        </a>
+      </div>
+      <div class="span4">
+        <a class="thumbnail" href="http://8020select.com">
+          <img src="/assets/img/example-sites/example-8020select.jpg">
+        </a>
+      </div>
+    </div><!-- /.row -->
+  </section>
+
+</div><!-- /.container -->
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 449bb0c01..6ef060637 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -1,6 +1,6 @@
 ---
 layout: default
-title: Getting started with Bootstrap
+title: Getting started
 ---
 
 <!-- Subhead
diff --git a/docs/index.html b/docs/index.html
index 888e3ea19..41742011d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,6 @@
 ---
 layout: default
+title: Bootstrap
 ---
 
 <div class="bs-docs-jumbotron masthead">