From b57c20a0572c56d629438e0a7c7371b3b57c4e8f Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Wed, 13 Feb 2013 11:48:22 -0800
Subject: [PATCH] Restore gallery page, add active nav class jankitude, auto
 regenerate docs on file save

---
 _config.yml                          |   3 +-
 _gh_pages/components/index.html      |  20 +-
 _gh_pages/css/index.html             |  20 +-
 _gh_pages/customize/index.html       |  20 +-
 _gh_pages/gallery/index.html         | 285 +++++++++++++++++++++++++++
 _gh_pages/getting-started/index.html |  20 +-
 _gh_pages/index.html                 |  18 +-
 _gh_pages/javascript/index.html      |  20 +-
 docs/_layouts/default.html           |  22 ++-
 docs/gallery.html                    | 119 +++++++++++
 docs/getting-started.html            |   2 +-
 docs/index.html                      |   1 +
 12 files changed, 493 insertions(+), 57 deletions(-)
 create mode 100644 _gh_pages/gallery/index.html
 create mode 100644 docs/gallery.html

diff --git a/_config.yml b/_config.yml
index e3faa51386..93038eaf1e 100644
--- a/_config.yml
+++ b/_config.yml
@@ -4,4 +4,5 @@ pygments:     true
 paginate:     5
 
 source:       ./docs
-destination:  ./_gh_pages
\ No newline at end of file
+destination:  ./_gh_pages
+auto:         true
\ No newline at end of file
diff --git a/_gh_pages/components/index.html b/_gh_pages/components/index.html
index edb7a296b4..39e1ff1f6c 100644
--- a/_gh_pages/components/index.html
+++ b/_gh_pages/components/index.html
@@ -7,8 +7,9 @@
     <meta name="author" content="">
 
     <title>
-      Components &middot; 
-      Bootstrap
+      
+        Components &middot; Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li >
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li >
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li >
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li class="active">
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li >
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li >
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_gh_pages/css/index.html b/_gh_pages/css/index.html
index d15f016a8f..94ed67b15e 100644
--- a/_gh_pages/css/index.html
+++ b/_gh_pages/css/index.html
@@ -7,8 +7,9 @@
     <meta name="author" content="">
 
     <title>
-      CSS &middot; 
-      Bootstrap
+      
+        CSS &middot; Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li >
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li >
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li class="active">
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li >
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li >
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li >
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_gh_pages/customize/index.html b/_gh_pages/customize/index.html
index 09c1233914..5bd37414bd 100644
--- a/_gh_pages/customize/index.html
+++ b/_gh_pages/customize/index.html
@@ -7,8 +7,9 @@
     <meta name="author" content="">
 
     <title>
-      Customize and download &middot; 
-      Bootstrap
+      
+        Customize and download &middot; Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li >
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li >
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li >
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li >
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li >
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li class="active">
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_gh_pages/gallery/index.html b/_gh_pages/gallery/index.html
new file mode 100644
index 0000000000..d8dda4661c
--- /dev/null
+++ b/_gh_pages/gallery/index.html
@@ -0,0 +1,285 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>
+      
+        Gallery &middot; Bootstrap
+      
+    </title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="/assets/css/bootstrap.css" rel="stylesheet">
+
+    <!-- Documentation extras -->
+    <link href="/assets/css/docs.css" rel="stylesheet">
+    <link href="/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
+
+    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="/assets/js/html5shiv.js"></script>
+      <script src="/assets/js/respond/respond.min.js"></script>
+    <![endif]-->
+
+    <!-- Favicons -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/ico/apple-touch-icon-144-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/ico/apple-touch-icon-114-precomposed.png">
+      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/ico/apple-touch-icon-72-precomposed.png">
+                    <link rel="apple-touch-icon-precomposed" href="/assets/ico/apple-touch-icon-57-precomposed.png">
+                                   <link rel="shortcut icon" href="/assets/ico/favicon.png">
+
+    <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-146052-10']);
+      _gaq.push(['_trackPageview']);
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+  </head>
+
+  <body data-spy="scroll" data-target=".bs-docs-sidebar">
+
+    <!-- Navbar
+    ================================================== -->
+    <div class="navbar navbar-inverse navbar-fixed-top">
+      <div class="container">
+        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+        <a class="brand" href="/">Bootstrap</a>
+        <div class="nav-collapse collapse">
+          <ul class="nav">
+            <li >
+              <a href="/">Home</a>
+            </li>
+            <li >
+              <a href="/getting-started">Get started</a>
+            </li>
+            <li >
+              <a href="/css">CSS</a>
+            </li>
+            <li >
+              <a href="/components">Components</a>
+            </li>
+            <li >
+              <a href="/javascript">JavaScript</a>
+            </li>
+            <li >
+              <a href="/customize">Customize</a>
+            </li>
+            <li class="active">
+              <a href="/gallery">Gallery</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+
+<!-- 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 -->
+
+
+
+
+    <!-- Footer
+    ================================================== -->
+    <footer class="footer">
+      <div class="container">
+
+        <div class="bs-docs-social">
+          <ul class="bs-docs-social-buttons">
+            <li>
+              <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+            </li>
+            <li>
+              <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
+            </li>
+            <li class="follow-btn">
+              <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a>
+            </li>
+            <li class="tweet-btn">
+              <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.github.com/bootstrap/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
+            </li>
+          </ul>
+        </div>
+
+
+        <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
+        <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+        <ul class="footer-links">
+          <li><a href="http://blog.getbootstrap.com">Blog</a></li>
+          <li class="muted">&middot;</li>
+          <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
+          <li class="muted">&middot;</li>
+          <li><a href="https://github.com/twitter/bootstrap/blob/master/CHANGELOG.md">Changelog</a></li>
+        </ul>
+      </div>
+    </footer>
+
+
+
+    <!-- Bootstrap core JavaScript
+    ================================================== -->
+    <!-- Placed at the end of the document so the pages load faster -->
+    <script src="/assets/js/jquery.js"></script>
+    <script src="/assets/js/bootstrap-transition.js"></script>
+    <script src="/assets/js/bootstrap-alert.js"></script>
+    <script src="/assets/js/bootstrap-modal.js"></script>
+    <script src="/assets/js/bootstrap-dropdown.js"></script>
+    <script src="/assets/js/bootstrap-scrollspy.js"></script>
+    <script src="/assets/js/bootstrap-tab.js"></script>
+    <script src="/assets/js/bootstrap-tooltip.js"></script>
+    <script src="/assets/js/bootstrap-popover.js"></script>
+    <script src="/assets/js/bootstrap-button.js"></script>
+    <script src="/assets/js/bootstrap-collapse.js"></script>
+    <script src="/assets/js/bootstrap-carousel.js"></script>
+    <script src="/assets/js/bootstrap-typeahead.js"></script>
+    <script src="/assets/js/bootstrap-affix.js"></script>
+
+    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
+    <script src="/assets/js/holder/holder.js"></script>
+    <script src="/assets/js/google-code-prettify/prettify.js"></script>
+
+    <script src="/assets/js/application.js"></script>
+
+    <!-- Analytics
+    ================================================== -->
+    <script>
+      var _gauges = _gauges || [];
+      (function() {
+        var t   = document.createElement('script');
+        t.type  = 'text/javascript';
+        t.async = true;
+        t.id    = 'gauges-tracker';
+        t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
+        t.src = '//secure.gaug.es/track.js';
+        var s = document.getElementsByTagName('script')[0];
+        s.parentNode.insertBefore(t, s);
+      })();
+    </script>
+
+  </body>
+</html>
diff --git a/_gh_pages/getting-started/index.html b/_gh_pages/getting-started/index.html
index ce3c8ac999..4c72c14541 100644
--- a/_gh_pages/getting-started/index.html
+++ b/_gh_pages/getting-started/index.html
@@ -7,8 +7,9 @@
     <meta name="author" content="">
 
     <title>
-      Getting started with Bootstrap &middot; 
-      Bootstrap
+      
+        Getting started &middot; Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li >
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li class="active">
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li >
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li >
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li >
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li >
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_gh_pages/index.html b/_gh_pages/index.html
index 19b131dd19..4faae2f5c0 100644
--- a/_gh_pages/index.html
+++ b/_gh_pages/index.html
@@ -8,7 +8,8 @@
 
     <title>
       
-      Bootstrap
+        Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li class="active">
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li >
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li >
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li >
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li >
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li >
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/_gh_pages/javascript/index.html b/_gh_pages/javascript/index.html
index ac9e12405f..4284465de3 100644
--- a/_gh_pages/javascript/index.html
+++ b/_gh_pages/javascript/index.html
@@ -7,8 +7,9 @@
     <meta name="author" content="">
 
     <title>
-      JavaScript plugins &middot; 
-      Bootstrap
+      
+        JavaScript plugins &middot; Bootstrap
+      
     </title>
 
     <!-- Bootstrap core CSS -->
@@ -57,24 +58,27 @@
         <a class="brand" href="/">Bootstrap</a>
         <div class="nav-collapse collapse">
           <ul class="nav">
-            <li class="">
+            <li >
               <a href="/">Home</a>
             </li>
-            <li class="">
+            <li >
               <a href="/getting-started">Get started</a>
             </li>
-            <li class="">
+            <li >
               <a href="/css">CSS</a>
             </li>
-            <li class="">
+            <li >
               <a href="/components">Components</a>
             </li>
-            <li class="">
+            <li class="active">
               <a href="/javascript">JavaScript</a>
             </li>
-            <li class="">
+            <li >
               <a href="/customize">Customize</a>
             </li>
+            <li >
+              <a href="/gallery">Gallery</a>
+            </li>
           </ul>
         </div>
       </div>
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index e92fda24c9..90e8af4405 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 0000000000..f0f6c775a5
--- /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 449bb0c01c..6ef0606377 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 888e3ea194..41742011d7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,5 +1,6 @@
 ---
 layout: default
+title: Bootstrap
 ---
 
 <div class="bs-docs-jumbotron masthead">