updated index page to add featured sites, more docs tweaks

bootstrap.css

@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Fri Dec  9 12:51:39 PST 2011
+ * Date: Fri Dec  9 13:29:05 PST 2011
  */
 html, body {
   margin: 0;
@@ -436,9 +436,10 @@ dl dd {
   margin-left: 9px;
 }
 hr {
-  margin: 20px 0 19px;
+  margin: 27px 0;
   border: 0;
-  border-bottom: 1px solid #eee;
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid #fff;
 }
 strong {
   font-style: inherit;

bootstrap.min.css

@@ -78,7 +78,7 @@ ul.unstyled{margin-left:0;list-style:none;}
 dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
 dl dt{font-weight:bold;}
 dl dd{margin-left:9px;}
-hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
+hr{margin:27px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #fff;}
 strong{font-style:inherit;font-weight:bold;}
 em{font-style:italic;font-weight:inherit;line-height:inherit;}
 .muted{color:#bfbfbf;}

docs/assets/css/docs.css

@@ -160,7 +160,10 @@ body > .navbar-fixed .brand:hover {
   margin-bottom: 18px;
 }
 .marketing h1 {
-  margin-bottom: 18px;
+  margin: 36px 0 27px;
+  font-size: 36px;
+  font-weight: 300;
+  text-align: center;
 }
 .marketing h2,
 .marketing h3 {
@@ -310,6 +313,11 @@ h2 + table {
   margin-top: 5px;
 }
 
+/* Example sites showcase */
+.example-sites img {
+  width: 290px;
+}
+
 
 /* Responsive Docs
 -------------------------------------------------- */

docs/index.html

@@ -106,6 +106,43 @@
 
 
         <div class="marketing">
+          <h1>Built with Bootstrap</h1>
+          <ul class="media-grid example-sites">
+            <li>
+              <a href="http://kippt.com/" target="_blank">
+                <img src="assets/img/example-sites/kippt.png" alt="Kippt">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.fleetio.com/" target="_blank">
+                <img src="assets/img/example-sites/fleetio.png" alt="Fleetio">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.jshint.com/" target="_blank">
+                <img src="assets/img/example-sites/jshint.png" alt="JS Hint">
+              </a>
+            </li>
+<!--
+            <li>
+              <a href="http://bartop.co/" target="_blank">
+                <img src="assets/img/example-sites/bartop.png" alt="Bartop.co">
+              </a>
+            </li>
+            <li>
+              <a href="http://railwayjs.com/" target="_blank">
+                <img src="assets/img/example-sites/railwayjs.png" alt="RailwayJS">
+              </a>
+            </li>
+            <li>
+              <a href="http://www.totalwireframe.com/" target="_blank">
+                <img src="assets/img/example-sites/totalwireframe.png" alt="Total Wireframe">
+              </a>
+            </li>
+ -->
+          </ul>
+
+          <h1>Designed for everyone, everywhere</h1>
           <div class="row">
             <div class="span4">
               <img class="icon" src="assets/img/glyphicons/glyphicons_042_group.png">

lib/type.less

@@ -116,9 +116,10 @@ dl {
 
 // Horizontal rules
 hr {
-  margin: 20px 0 19px;
+  margin: @baseLineHeight * 1.5 0;
   border: 0;
-  border-bottom: 1px solid #eee;
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid #fff;
 }
 
 // Emphasis