Update homepage examples, add hella new sites to gallery

docs/assets/css/docs.css

@@ -468,6 +468,14 @@ input.focused {
 
 
 
+/* Docs gallery
+-------------------------------------------------- */
+
+.bs-docs-gallery .thumbnail {
+  margin-bottom: 20px;
+}
+
+
 /* Responsive variations
 -------------------------------------------------- */
 

docs/gallery.html

@@ -80,6 +80,31 @@
 
   <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">
@@ -91,8 +116,13 @@
         </a>
       </div>
       <div class="span4">
-        <a class="thumbnail" href="http://scriptogr.am">
-          <img src="assets/img/example-sites/example-scriptogram.jpg">
+        <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">
@@ -125,6 +155,27 @@
           <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://breakingnews.com">
+          <img src="assets/img/example-sites/example-breakingnews.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>
   </section>
 

docs/index.html

@@ -113,24 +113,24 @@
     <h1>Built with Bootstrap.</h1>
     <p class="marketing-byline">For more sites built with Bootstrap, <a href="./gallery.html">visit the gallery</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
     <div class="row example-sites">
+      <div class="span3">
+        <a class="thumbnail" href="http://delicious.com">
+          <img src="assets/img/example-sites/example-delicious.jpg">
+        </a>
+      </div>
       <div class="span3">
         <a class="thumbnail" href="http://soundready.fm/" target="_blank">
-          <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
+          <img src="assets/img/example-sites/example-soundready.jpg" alt="SoundReady.fm">
         </a>
       </div>
       <div class="span3">
         <a class="thumbnail" href="http://kippt.com/" target="_blank">
-          <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+          <img src="assets/img/example-sites/example-kippt.jpg" alt="Kippt">
         </a>
       </div>
       <div class="span3">
         <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
-          <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
-        </a>
-      </div>
-      <div class="span3">
-        <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
-          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+          <img src="assets/img/example-sites/example-gathercontent.jpg" alt="Gather Content">
         </a>
       </div>
     </div>

docs/templates/pages/gallery.mustache

@@ -12,6 +12,31 @@
 
   <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">
@@ -23,8 +48,13 @@
         </a>
       </div>
       <div class="span4">
-        <a class="thumbnail" href="http://scriptogr.am">
-          <img src="assets/img/example-sites/example-scriptogram.jpg">
+        <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">
@@ -57,6 +87,27 @@
           <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://breakingnews.com">
+          <img src="assets/img/example-sites/example-breakingnews.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>
 

docs/templates/pages/index.mustache

@@ -45,24 +45,24 @@
     <h1>Built with Bootstrap.</h1>
     <p class="marketing-byline">For more sites built with Bootstrap, <a href="./gallery.html">visit the gallery</a> or <a href="./getting-started.html#examples">browse the examples</a>.</p>
     <div class="row example-sites">
+      <div class="span3">
+        <a class="thumbnail" href="http://delicious.com">
+          <img src="assets/img/example-sites/example-delicious.jpg">
+        </a>
+      </div>
       <div class="span3">
         <a class="thumbnail" href="http://soundready.fm/" target="_blank">
-          <img src="assets/img/example-sites/soundready.png" alt="SoundReady.fm">
+          <img src="assets/img/example-sites/example-soundready.jpg" alt="SoundReady.fm">
         </a>
       </div>
       <div class="span3">
         <a class="thumbnail" href="http://kippt.com/" target="_blank">
-          <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+          <img src="assets/img/example-sites/example-kippt.jpg" alt="Kippt">
         </a>
       </div>
       <div class="span3">
         <a class="thumbnail" href="http://www.gathercontent.com/" target="_blank">
-          <img src="assets/img/example-sites/gathercontent.png" alt="Gather Content">
-        </a>
-      </div>
-      <div class="span3">
-        <a class="thumbnail" href="http://www.jshint.com/" target="_blank">
-          <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+          <img src="assets/img/example-sites/example-gathercontent.jpg" alt="Gather Content">
         </a>
       </div>
     </div>