Modified docs with 'Extended by Jasny'

docs/assets/css/docs.css

@@ -33,12 +33,13 @@ body > .navbar {
 /* Change the docs' brand */
 body > .navbar .brand {
   padding-right: 0;
-  padding-left: 0;
+  padding-left: 65px;
   margin-left: 20px;
   float: right;
   font-weight: bold;
   color: #000;
   text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
+  background: url("../img/jasny-logo.png") no-repeat scroll -85px -200px transparent;
   -webkit-transition: all .2s linear;
      -moz-transition: all .2s linear;
           transition: all .2s linear;
@@ -48,6 +49,11 @@ body > .navbar .brand:hover {
   text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
 }
 
+.extended-badge {
+    position: absolute;
+    top: 30px;
+    right: 30px;
+}
 
 /* Sections
 -------------------------------------------------- */
@@ -93,14 +99,14 @@ hr.soften {
   color: #fff;
   text-align: center;
   text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
-  background: #020031; /* Old browsers */
-  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
-  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+  background: #620d0A; /* Old browsers */
+  background: -moz-linear-gradient(45deg,  #a51217 0%, #2f0800 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#a51217), color-stop(100%,#2f0800)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(45deg,  #a51217 0%,#2f0800 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(45deg,  #a51217 0%,#2f0800 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(45deg,  #a51217 0%,#2f0800 100%); /* IE10+ */
+  background: linear-gradient(45deg,  #a51217 0%,#2f0800 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51217', endColorstr='#2f0800',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
      -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
           box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
@@ -143,34 +149,38 @@ hr.soften {
   to {   box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5); }
 }
 .masthead .btn {
-  padding: 14px 24px;
+  padding: 20px 24px 14px 24px;
   font-size: 24px;
+  line-height: 20px;
   font-weight: 200;
   color: #fff; /* redeclare to override the `.jumbotron a` */
   border: 0;
   -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
           border-radius: 6px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
-     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
-          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.01);
-  -webkit-animation-name: downloadButton;
-     -moz-animation-name: downloadButton;
-  -webkit-animation-duration: 1.5s;
-     -moz-animation-duration: 1.5s;
-  -webkit-animation-iteration-count: infinite;
-     -moz-animation-iteration-count: infinite;
   -webkit-transition: none;
      -moz-transition: none;
           transition: none;
 
 }
+.masthead .btn-primary {
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(0,68,204,.5);
+}
+.masthead .btn-warning {
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(248,148,6,.4);
+     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(248,148,6,.4);
+          box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25), 0 2px 10px rgba(248,148,6,.4);
+}
 .masthead .btn:active {
   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
      -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
           box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
 }
-
+.masthead .btn small {
+  font-size: 60%;
+}
 
 /* Pattern overlay
 ------------------------- */
@@ -207,6 +217,9 @@ hr.soften {
   font-weight: 200;
   line-height: 1.25;
 }
+.masthead .container {
+  background: transparent url(../img/jasny-logo-emboss.png) no-repeat left bottom;
+}
 
 /* Textual links in masthead */
 .masthead-links {
@@ -264,10 +277,12 @@ hr.soften {
 /* Marketing section of Overview
 -------------------------------------------------- */
 
+.changes,
 .marketing {
   text-align: center;
   color: #5a5a5a;
 }
+.changes h1,
 .marketing h1 {
   margin: 60px 0 10px;
   font-size: 60px;
@@ -275,6 +290,7 @@ hr.soften {
   line-height: 1;
   letter-spacing: -1px;
 }
+.changes h2,
 .marketing h2 {
   font-weight: 200;
   margin-bottom: 5px;
@@ -283,6 +299,10 @@ hr.soften {
   font-size: 16px;
   line-height: 1.5;
 }
+.changes .row {
+  margin-bottom: 9px;
+}
+.changes .marketing-byline,
 .marketing .marketing-byline {
   margin-bottom: 40px;
   font-size: 20px;
@@ -855,6 +875,11 @@ form.bs-docs-example {
     padding-right: 10px;
   }
 
+  .extended-badge {
+    top: 10px;
+    right: 10px;
+  }
+  
   /* Inline-block quick links for more spacing */
   .quick-links li {
     display: inline-block;
@@ -898,6 +923,10 @@ form.bs-docs-example {
     padding-top: 0;
   }
 
+  .extended-badge {
+      width: 100px;
+  }
+  
   /* Widen masthead and social buttons to fill body padding */
   .jumbotron {
     padding: 40px 20px;
@@ -955,6 +984,10 @@ form.bs-docs-example {
     padding-top: 0;
   }
 
+  .extended-badge {
+    display: none;
+  }
+  
   /* Change up some type stuff */
   h2 small {
     display: block;
@@ -970,7 +1003,7 @@ form.bs-docs-example {
   }
   .jumbotron .btn {
     display: block;
-    margin: 0 auto;
+    margin: 0 auto 10px auto;
   }
 
   /* center align subhead text like the masthead */

docs/assets/js/application.js

@@ -107,7 +107,7 @@
 
       $.ajax({
         type: 'POST'
-      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com'
+      , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap-server.jasny.net'
       , dataType: 'jsonpi'
       , params: {
           js: js

docs/templates/layout.mustache

@@ -28,7 +28,7 @@
     {{#production}}
     <script type="text/javascript">
       var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-146052-10']);
+      _gaq.push(['_setAccount', 'UA-32388850-1']);
       _gaq.push(['_trackPageview']);
       (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
@@ -91,6 +91,7 @@
       <div class="container">
         <p class="pull-right"><a href="#">{{_i}}Back to top{{/i}}</a></p>
         <p>{{_i}}Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.{{/i}}</p>
+        <p>{{_i}}Extended with pride by <a href="http://twitter.com/ArnoldDaniels" target="_blank">@ArnoldDaniels</a> of <a href="http://www.jasny.net/" target="_blank">Jasny Software solutions</a>.{{/i}}</p>
         <p>{{_i}}Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.{{/i}}</p>
         <p>{{_i}}Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.{{/i}}</p>
         <ul class="footer-links">
@@ -124,24 +125,5 @@
     <script src="assets/js/bootstrap-affix.js"></script>
     <script src="assets/js/application.js"></script>
 
-
-    {{#production}}
-    <!-- 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>
-    {{/production}}
-
   </body>
 </html>

docs/templates/pages/base-css.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Base CSS{{/i}}</h1>
     <p class="lead">{{_i}}Fundamental HTML elements styled and enhanced with extensible classes.{{/i}}</p>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
 

docs/templates/pages/components.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Components{{/i}}</h1>
     <p class="lead">{{_i}}Dozens of reusable components built to provide navigation, alerts, popovers, and more.{{/i}}</p>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
 

docs/templates/pages/customize.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Customize and download{{/i}}</h1>
     <p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, javascript plugins, and more.{{/i}}</p>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
 

docs/templates/pages/extend.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Extending Bootstrap{{/i}}</h1>
     <p class="lead">{{_i}}Extend Bootstrap to take advantage of included styles and components, as well as LESS variables and mixins.{{/i}}</p>
   <div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
   <div class="container">

docs/templates/pages/getting-started.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Getting started{{/i}}</h1>
     <p class="lead">{{_i}}Overview of the project, it's contents, and how to get started with a simple template.{{/i}}</p>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
 

docs/templates/pages/index.mustache

@@ -2,38 +2,51 @@
   <div class="container">
     <h1>Bootstrap</h1>
     <p>Sleek, intuitive, and powerful front-end framework for faster and easier web development.</p>
-    <p><a href="assets/bootstrap.zip" class="btn btn-primary btn-large" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 2.1.0']);"{{/production}}>{{_i}}Download Bootstrap{{/i}}</a></p>
+    <p>
+      <a href="assets/bootstrap.zip" class="btn btn-primary btn-large" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 2.1.0-j1']);"{{/production}}>{{_i}}Download Bootstrap{{/i}}<small><br/>{{_i}}Includes all Jasny extensions{{/i}}</small></a>
+      <a href="assets/jasny-bootstrap.zip" class="btn btn-warning btn-large" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download extensions', 'Download j1']);"{{/production}}>{{_i}}Extend Bootstrap{{/i}}<small><br/>{{_i}}Download extensions only{{/i}}</small></a>
+    </p>
     <ul class="masthead-links">
-      <li><a href="http://github.com/twitter/bootstrap" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);"{{/production}}>GitHub project</a></li>
+      <li><a href="http://twitter.github.com/bootstrap" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Twitter bootstrap']);"{{/production}}>{{_i}}Original by Twitter{{/i}}</a></li>
+      <li><a href="http://github.com/jasny/bootstrap" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);"{{/production}}>GitHub project</a></li>
       <li><a href="./extend.html" {{#production}}onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Extend']);"{{/production}}>Extend</a></li>
-      <li>Version 2.1.0</li>
+      <li>Version 2.1.0-j1</li>
     </ul>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </div>
 
 <div class="bs-docs-social">
   <div class="container">
     <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>
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=jasny&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="98px" height="20px"></iframe>
+        <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=jasny&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" 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">{{_i}}Follow @twbootstrap{{/i}}</a>
+        <a href="https://twitter.com/ArnoldDaniels" class="twitter-follow-button" data-width="155px" data-link-color="#0069D6" data-show-count="false">{{_i}}Follow @ArnoldDaniels{{/i}}</a>
+      </li>
+      <li class="follow-btn">
+        <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-width="145px" data-link-color="#0069D6" data-show-count="false">{{_i}}Follow @twbootstrap{{/i}}</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>
+        <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://jasny.github.com/bootstrap/" data-count="horizontal" data-via="ArnoldDaniels" data-related="twbootstrap:Original Twitter Bootstrap project">Tweet</a>
       </li>
     </ul>
   </div>
 </div>
 
 <div class="container">
+  <div class="changes">
+    <h1>{{_i}}What's different?{{/i}}</h1>
+    <p class="marketing-byline">{{_i}}How can a fantastic library become any better? Check it out.{{/i}}</p>
+  </div>
+
+  <hr class="soften">
 
   <div class="marketing">
-
     <h1>{{_i}}Introducing Bootstrap.{{/i}}</h1>
     <p class="marketing-byline">{{_i}}Need reasons to love Bootstrap? Look no further.{{/i}}</p>
 

docs/templates/pages/javascript.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}JavaScript for Bootstrap{{/i}}</h1>
     <p class="lead">{{_i}}Bring Bootstrap's components to life&mdash;now with 13 custom jQuery plugins.{{/i}}
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
   <div class="container">

docs/templates/pages/scaffolding.mustache

@@ -5,6 +5,7 @@
     <h1>{{_i}}Scaffolding{{/i}}</h1>
     <p class="lead">{{_i}}Bootstrap is built on responsive 12-column grids, layouts, and components.{{/i}}</p>
   </div>
+  <img class="extended-badge" src="assets/img/extended-by-jasny.png">
 </header>
 
   <div class="container">