fix mobile example sites, remove unused JS from docs index

docs/assets/css/docs.css

@@ -315,7 +315,7 @@ h2 + table {
 
 /* Example sites showcase */
 .example-sites img {
-  width: 290px;
+  max-width: 290px;
 }
 .built-with {
   margin: -18px 0 27px;
@@ -393,6 +393,9 @@ h2 + table {
     max-width: 300px;
     margin: 0 auto 18px;
   }
+  .example-sites img {
+    max-width: 270px;
+  }
 
   table code {
     white-space: normal;

docs/index.html

@@ -124,23 +124,6 @@
                 <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>
@@ -235,13 +218,6 @@
     <!-- Le javascript -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="http://code.jquery.com/jquery-1.7.min.js"></script>
-    <script src="http://autobahn.tablesorter.com/jquery.tablesorter.min.js"></script>
-    <script src="assets/js/google-code-prettify/prettify.js"></script>
-    <script>$(function () { prettyPrint() })</script>
-    <script src="../js/bootstrap-transitions.js"></script>
-    <script src="../js/bootstrap-dropdown.js"></script>
-    <script src="../js/bootstrap-twipsy.js"></script>
-    <script src="../js/bootstrap-scrollspy.js"></script>
     <script src="assets/js/application.js"></script>
 
   </body>