updated index page to add featured sites, more docs tweaks

11 files changed, 54 insertions, 7 deletions

diff --git a/bootstrap.css b/bootstrap.css
index d52b96fa6..0c1c02566 100644
--- a/bootstrap.css
+++ b/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;
diff --git a/bootstrap.min.css b/bootstrap.min.css
index 6a728864f..336d6f68c 100644
--- a/bootstrap.min.css
+++ b/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;}
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 281b224e3..73e619d29 100644
--- a/docs/assets/css/docs.css
+++ b/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
 -------------------------------------------------- */
diff --git a/docs/assets/img/example-sites/bartop.png b/docs/assets/img/example-sites/bartop.png
new file mode 100644
index 000000000..962851636
--- /dev/null
+++ b/docs/assets/img/example-sites/bartop.png
diff --git a/docs/assets/img/example-sites/fleetio.png b/docs/assets/img/example-sites/fleetio.png
new file mode 100644
index 000000000..b48d6f010
--- /dev/null
+++ b/docs/assets/img/example-sites/fleetio.png
diff --git a/docs/assets/img/example-sites/jshint.png b/docs/assets/img/example-sites/jshint.png
new file mode 100644
index 000000000..e532320a3
--- /dev/null
+++ b/docs/assets/img/example-sites/jshint.png
diff --git a/docs/assets/img/example-sites/kippt.png b/docs/assets/img/example-sites/kippt.png
new file mode 100644
index 000000000..af15baa11
--- /dev/null
+++ b/docs/assets/img/example-sites/kippt.png
diff --git a/docs/assets/img/example-sites/railwayjs.png b/docs/assets/img/example-sites/railwayjs.png
new file mode 100644
index 000000000..2480dd68e
--- /dev/null
+++ b/docs/assets/img/example-sites/railwayjs.png
diff --git a/docs/assets/img/example-sites/totalwireframe.png b/docs/assets/img/example-sites/totalwireframe.png
new file mode 100644
index 000000000..b6256138e
--- /dev/null
+++ b/docs/assets/img/example-sites/totalwireframe.png
diff --git a/docs/index.html b/docs/index.html
index 0598fc449..c2b9d12d7 100644
--- a/docs/index.html
+++ b/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">
diff --git a/lib/type.less b/lib/type.less
index bdc99acdf..b2ba73b86 100644
--- a/lib/type.less
+++ b/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