updated docs, fixed language, added copy-code js for selecting text on focus

3 files changed, 20 insertions, 30 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index a17d0d122..66b8b7ccf 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -89,7 +89,7 @@ div.quickstart div.row {
 }
 div.quickstart div.columns {
   width: 285px;
-  height: 100px;
+  height: 117px;
   margin-left: 0;
   padding: 17px 20px 26px;
   border-left: 1px solid #eee;
@@ -114,15 +114,11 @@ div.quickstart h6 {
 div.quickstart form textarea {
   display: block;
   width: 275px;
-  height: 21px;
+  height: auto;
   margin: 0 0 9px;
   line-height: 21px;
   white-space: nowrap;
   overflow: hidden;
-  border-color: #ddd;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
-  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
-  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
 }
 #footer {
   margin-top: 80px;
diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 2372bdb96..3993c353e 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -35,6 +35,15 @@ $(document).ready(function(){
   });
 
 
+  // Copy code blocks in docs
+  $(".copy-code").focus(function() {
+    $(this).select();
+  });
+  $(".copy-code").mouseup(function(e) {
+    e.preventDefault();
+  });
+
+
   // scroll spyer
   var activeTarget,
       $window = $(window),
diff --git a/docs/index.html b/docs/index.html
index 862bd597f..aab4ae490 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -42,27 +42,12 @@
     <div id="masthead">
       <div class="inner">
         <div class="container">
-<!--
-          <div class="row">
-            <div class="span11 columns">
--->
-              <h1>Twitter Bootstrap</h1>
-              <p class="lead">
-                Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.<br />
-                It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
-              </p>
-              <p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with LESS">built with LESS</a> and was designed to work out of the gate with only modern browsers in mind.</p>
-<!--
-            </div>
-            <div class="span5 columns">
-              <a href="" class="btn large primary">Download Bootstrap ZIP &raquo;</a>
-              <small>
-                <a href="">Visit project page on Github &raquo;</a><br />
-                (Current version: 1.0.0)
-              </small>
-            </div>
-          </div>
--->
+          <h1>Twitter Bootstrap</h1>
+          <p class="lead">
+            Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.<br />
+            It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
+          </p>
+          <p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with LESS">built with LESS</a> and was designed to work out of the gate with only modern browsers in mind.</p>
         </div> <!-- /container -->
       </div>
     </div>
@@ -74,15 +59,15 @@
             <h6>Hotlink the CSS</h6>
             <p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
             <form>
-              <textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
+              <textarea class="copy-code" rows="1">&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
             </form>
           </div>
           <div class="span5 columns">
             <h6>Use it with LESS</h6>
             <p>A fan of using LESS.js? No problem, just clone the repo and add these lines:</p>
             <form>
-              <textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css
-&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
+              <textarea class="copy-code" rows="2">&lt;link rel="stylesheet/less" type="text/css" href="http://twitter.github.com/bootstrap.less&gt;
+&lt;script src="less.js"&gt;&lt;/script&gt;</textarea>
             </form>
           </div>
           <div class="span5 columns">