dem conflicts

.gitattributes

@@ -0,0 +1,8 @@
+# Enforce Unix newlines
+*.css   text eol=lf
+*.html  text eol=lf
+*.js    text eol=lf
+*.json  text eol=lf
+*.md    text eol=lf
+*.scss  text eol=lf
+*.yml   text eol=lf

.gitignore

@@ -32,3 +32,7 @@ nbproject
 .idea
 node_modules
 _site
+
+# grunt-html-validation
+validation-report.json
+validation-status.json

Gruntfile.js

@@ -25,17 +25,17 @@ module.exports = function(grunt) {
             ' * =====================================================\n' +
             ' * Ratchet v<%= pkg.version %>\n' +
             ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
-            ' * Licensed under <%= _.pluck(pkg.licenses, "url").join(", ") %>\n' +
+            ' * Licensed under <%= pkg.license %>.\n' +
             ' *\n' +
-            ' * V<%= pkg.version %> designed by @connors.\n' +
+            ' * v<%= pkg.version %> designed by @connors.\n' +
             ' * =====================================================\n' +
             ' */\n',
 
     concat: {
+      ratchet: {
         options: {
           banner: '<%= banner %>'
         },
-      ratchet: {
         src: [
           'js/modals.js',
           'js/popovers.js',
@@ -55,7 +55,7 @@ module.exports = function(grunt) {
     sass: {
       options: {
         banner: '<%= banner %>',
-        style: 'expanded',
+        style: 'expanded'
       },
       dist: {
         files: {
@@ -78,6 +78,30 @@ module.exports = function(grunt) {
       }
     },
 
+    cssmin: {
+      minify: {
+        options: {
+          banner: '', // set to empty ; see bellow
+          keepSpecialComments: '*', // set to '*' because we already add the banner in sass
+          report: 'min'
+        },
+        files: {
+          'dist/<%= pkg.name %>.min.css': 'dist/<%= pkg.name %>.css'
+        }
+      }
+    },
+
+    uglify: {
+      options: {
+        banner: '<%= banner %>',
+        report: 'min'
+      },
+      ratchet: {
+        src: 'dist/<%= pkg.name %>.js',
+        dest: 'dist/<%= pkg.name %>.min.js'
+      }
+    },
+
     watch: {
       scripts: {
         files: [
@@ -85,14 +109,53 @@ module.exports = function(grunt) {
         ],
         tasks: ['sass']
       }
+    },
+
+    jekyll: {
+      docs: {}
+    },
+
+    validation: {
+      options: {
+        charset: 'utf-8',
+        doctype: 'HTML5',
+        failHard: true,
+        reset: true,
+        relaxerror: [
+          'Bad value apple-mobile-web-app-title for attribute name on element meta: Keyword apple-mobile-web-app-title is not registered.',
+          'Attribute ontouchstart not allowed on element body at this point.'
+        ]
+      },
+      files: {
+        src: '_site/**/*.html'
+      }
+    },
+
+    sed: {
+      versionNumber: {
+        pattern: (function () {
+          var old = grunt.option('oldver');
+          return old ? RegExp.quote(old) : old;
+        })(),
+        replacement: grunt.option('newver'),
+        recursive: true
+      }
     }
   });
 
   // Load the plugins
   require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});
 
-
   // Default task(s).
-  grunt.registerTask('default', ['sass', 'concat', 'copy']);
+  grunt.registerTask('dist-css', ['sass', 'cssmin']);
-  grunt.registerTask('build', ['sass', 'concat', 'copy']);
+  grunt.registerTask('dist-js', ['concat', 'uglify']);
+  grunt.registerTask('dist', ['dist-css', 'dist-js', 'copy']);
+  grunt.registerTask('validate-html', ['jekyll', 'validation']);
+  grunt.registerTask('default', ['dist']);
+  grunt.registerTask('build', ['dist']);
+
+  // Version numbering task.
+  // grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
+  // This can be overzealous, so its changes should always be manually reviewed!
+  grunt.registerTask('change-version-number', 'sed');
 };

README.md

@@ -1,4 +1,4 @@
-# Ratchet v2.0 [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies)
+# Ratchet v2.0.0 [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies)
 
 Build mobile apps with simple HTML, CSS, and JS components.
 
@@ -6,7 +6,7 @@ Build mobile apps with simple HTML, CSS, and JS components.
 
 - Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.0.zip) the bundled CSS and JS
 - [Read the docs](http://goratchet.com) to learn about the components and how to get a prototype on your phone
-- We will have example apps to check out very soon!
+- [Check out examples](http://goratchet.com/examples/)
 
 Take note that our master branch is our active, unstable development branch and that if you're looking to download a stable copy of the repo, check the [tagged downloads](https://github.com/twbs/ratchet/tags).
 
@@ -40,9 +40,25 @@ A small list of "gotchas" are provided below for designers and developers starti
   - Enable touch event emulation in Chrome (found in the overrides tab in the web inspector preferences)
   - Use a JavaScript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices)
 - Script tags containing JavaScript will not be executed on pages that are loaded with push.js. If you would like to attach event handlers to elements on other pages, document-level event delegation is a common solution.
-- Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:/// protocol); consequently, Ratchet does not work when opened directly as a file.
+- Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:// protocol); consequently, Ratchet does not work when opened directly as a file.
   - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer <port>``` to serve up the files in the current directory to ```http://localhost:<port>```
 
+## Versioning
+
+For transparency into our release cycle and in striving to maintain backward compatibility, Ratchet is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to these rules whenever possible.
+
+Releases will be numbered with the following format:
+
+`<major>.<minor>.<patch>`
+
+And constructed with the following guidelines:
+
+- Breaking backward compatibility **bumps the major** while resetting minor and patch
+- New additions without breaking backward compatibility **bumps the minor** while resetting the patch
+- Bug fixes and misc changes **bumps only the patch**
+
+For more information on SemVer, please visit <http://semver.org/>.
+
 ## Maintainers
 
 Connor Sears

_config.yml

@@ -1,12 +1,14 @@
+# Meta data
 name:         Ratchet
 authors:      Connor Sears
 description:  Prototype mobile apps with simple HTML, CSS, and JS components.
 
+# Dependencies
 pygments:     true
+
+# Permalinks
 permalink:    pretty
 
 # Server
 source:       ./docs
 port:         4000
-baseurl: /
-url:     http://localhost:4000

bower.json

@@ -9,8 +9,6 @@
     "_config.yml",
     "CNAME",
     "CONTRIBUTING.md",
-    "docs-assets"
+    "docs"
-  ],
+  ]
-  "dependencies": {
-  }
 }

dist/ratchet-theme-android.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -467,7 +467,7 @@ textarea,
 }
 
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 .popover .bar {

dist/ratchet-theme-ios.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

dist/ratchet.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

dist/ratchet.js

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 /* ----------------------------------

dist/template.html

@@ -52,7 +52,7 @@
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://goratchet.com">
+            <a class="push-right" href="https://github.com/twbs/ratchet/">
               <strong>Ratchet on Github</strong>
             </a>
           </li>

docs/_includes/download-module.html

@@ -2,4 +2,5 @@
   <h4 class="docs-module-title">Download Ratchet</h4>
   <p>If you haven't already, download the source code for Ratchet.</p>
   <a href="https://github.com/twbs/ratchet/archive/v2.0.0.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);">Download Ratchet</a>
+  <p>Currently v2.0.0</p>
 </div>

docs/_includes/footer.html

@@ -2,7 +2,7 @@
   <!-- Social links -->
   <ul class="social">
     <li>
-      <iframe src="http://ghbtns.com/github-btn.html?user=twbs&repo=ratchet&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=twbs&amp;repo=ratchet&amp;type=watch&amp;count=true" width="100" height="20"></iframe>
     </li>
     <li>
       <a data-ignore="push" href="https://twitter.com/share" class="twitter-share-button" data-url="http://goratchet.com" data-text="Ratchet &#8211; Build mobile apps with simple HTML, CSS, and JS components." data-via="GoRatchet">Tweet</a>
@@ -14,7 +14,7 @@
     </li>
   </ul>
 
-  <p class="docs-footer-text">Code licensed under the MIT license and the docs are licensed under CC BY 3.0. Ratchet version 2.0.0 was lovingly crafted by <a href="https://twitter.com/connors" data-ignore="push">Connor Sears</a>.</p>
+  <p class="docs-footer-text">Code licensed under the <a href="https://github.com/twbs/ratchet/blob/master/LICENSE" data-ignore="push">MIT License</a> and the docs are licensed under <a href="https://github.com/twbs/ratchet/blob/master/docs/LICENSE" data-ignore="push">CC BY 3.0</a>. Ratchet version 2.0.0 was lovingly crafted by <a href="https://twitter.com/connors" data-ignore="push">Connor Sears</a>.</p>
 
   <ul class="docs-footer-links">
     <li>Currently v2.0.0</li>

docs/_includes/header.html

@@ -7,14 +7,21 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+<!-- Roboto -->
+<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,700,500">
+
 <link rel="stylesheet" href="../dist/ratchet.css">
 <link rel="stylesheet" href="../assets/css/docs.css">
 <link rel="stylesheet" href="../assets/css/pygments.css">
-<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+<![endif]-->
 
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/img/apple-touch-icon-114x114.png">
 
-<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="../dist/ratchet.js"></script>
 <script src="../assets/js/docs.js"></script>
 <script src="../assets/js/fingerblast.js"></script>
@@ -23,9 +30,6 @@
 <script src="//use.typekit.net/asj6ttm.js"></script>
 <script>try{Typekit.load();}catch(e){}</script>
 
-<!-- Roboto -->
-<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'>
-
 <script>
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-36050008-1']);

docs/assets/css/docs.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -360,6 +360,11 @@ body {
   color: rgba(255, 255, 255, 0.8);
 }
 
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
+
 .docs-component-toolbar {
   padding-top: 8px;
   padding-bottom: 8px;
@@ -412,7 +417,6 @@ body {
 }
 .docs-example-group .example-wrap .example {
   display: block;
-  padding: 4px;
   overflow: hidden;
   padding: 3px;
   width: 100%;
@@ -803,7 +807,7 @@ hr {
   }
 
   .docs-footer .social .twitter-follow-button {
-    margin-top: 0px;
+    margin-top: 0;
   }
 
   .step-title {
@@ -1978,7 +1982,7 @@ hr {
   transform: scale(1);
 }
 .platform-android .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 .platform-android .popover .bar {
   border-radius: 0;

docs/components.html

@@ -508,7 +508,7 @@ title: Components · Ratchet
       <ul class="table-view">
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -517,7 +517,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -526,7 +526,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -772,7 +772,7 @@ title: Components &middot; Ratchet
   </article>
 
   <!-- Buttons -->
-  <article class="component" id="buttons">
+  <article class="component" id="buttonsWithIcons">
     <h3 class="component-title">Buttons with icons</h3>
     <p class="component-description">Ratchicons work inside buttons too.</p>
 
@@ -1149,17 +1149,17 @@ document
         <div class="slider" id="mySlider">
           <div class="slide-group">
             <div class="slide">
-              <img src="../assets/img/slide-1.png">
+              <img src="../assets/img/slide-1.png" alt="Mountain and sky">
               <span class="slide-text">
                 <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-2.png">
+              <img src="../assets/img/slide-2.png" alt="Giant mecha">
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-3.png">
+              <img src="../assets/img/slide-3.png" alt="Big Ben">
             </div>
           </div>
         </div>

docs/dist/ratchet-theme-android.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -467,7 +467,7 @@ textarea,
 }
 
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 .popover .bar {

docs/dist/ratchet-theme-ios.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

docs/dist/ratchet.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

docs/dist/ratchet.js

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 /* ----------------------------------

docs/examples.html

@@ -26,19 +26,19 @@ title: Examples · Ratchet
       <div class="docs-example-group">
         <div class="example-wrap">
           <a class="example" href="../examples/app-movies" data-ignore="push">
-            <img src="../assets/img/example.png">
+            <img src="../assets/img/example.png" alt="Movie finder app example">
           </a>
           <h5>Movie finder</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-ios-mail" data-ignore="push">
-            <img src="../assets/img/example-ios.png">
+            <img src="../assets/img/example-ios.png" alt="iOS mail app example">
           </a>
           <h5>iOS mail app</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-android-notes" data-ignore="push">
-            <img src="../assets/img/example-android.png">
+            <img src="../assets/img/example-android.png" alt="Android notes app example">
           </a>
           <h5>Android notes app</h5>
         </div>

docs/examples/app-movies/index.html

@@ -28,13 +28,13 @@
       <div class="slider">
         <div class="slide-group">
           <div class="slide">
-            <img src="img/argo.png">
+            <img src="img/argo.png" alt="Argo">
           </div>
           <div class="slide">
-             <img src="img/skyfall.png">
+             <img src="img/skyfall.png" alt="Skyfall">
           </div>
           <div class="slide">
-             <img src="img/ralph.png">
+             <img src="img/ralph.png" alt="Wreck-It Ralph">
           </div>
         </div>
       </div>
@@ -43,7 +43,7 @@
         <li class="table-view-cell table-view-divider">Recommended movies</li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -52,7 +52,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -61,7 +61,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -70,7 +70,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -79,7 +79,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -88,7 +88,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -97,7 +97,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -106,7 +106,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -115,7 +115,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>

docs/index.html

@@ -8,6 +8,7 @@ title: Ratchet
   <div class="docs-header-content">
     <p class="docs-subtitle">Build mobile apps with simple HTML&#8218; CSS&#8218; and JS components.</p>
     <a data-ignore="push" href="https://github.com/twbs/ratchet/archive/v2.0.0.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);">Download Ratchet</a>
+    <p>Currently v2.0.0</p>
   </div>
 
   {% include ad.html %}

docs/one.html

@@ -10,7 +10,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <link rel="stylesheet" href="../dist/ratchet.css">
-    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><![endif]-->
     <link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
   </head>
   <body ontouchstart="">

docs/two.html

@@ -10,7 +10,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <link rel="stylesheet" href="../dist/ratchet.css">
-    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><![endif]-->
     <link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
   </head>
   <body ontouchstart="">

package.json

@@ -3,7 +3,6 @@
   "description": "Build native apps with simple HTML, CSS, and JS components.",
   "version": "2.0.0",
   "keywords": [
-    "ratchet",
     "css",
     "ios",
     "native",
@@ -20,21 +19,20 @@
   "bugs": {
     "url": "https://github.com/twbs/ratchet/issues"
   },
-  "licenses": [
+  "license": "MIT",
-    {
-      "type": "MIT",
-      "url": "http://www.opensource.org/licenses/MIT"
-    }
-  ],
   "devDependencies": {
     "grunt": "~0.4.2",
     "grunt-contrib-concat": "~0.3.0",
     "grunt-contrib-copy": "~0.5.0",
+    "grunt-contrib-cssmin": "~0.8.0",
     "grunt-contrib-jshint": "~0.8.0",
     "grunt-contrib-nodeunit": "~0.3.0",
     "grunt-contrib-sass": "~0.7.1",
+    "grunt-contrib-uglify": "~0.3.0",
     "grunt-contrib-watch": "~0.5.3",
+    "grunt-html-validation": "~0.1.13",
     "grunt-jekyll": "~0.4.1",
+    "grunt-sed": "~0.1.1",
     "load-grunt-tasks": "~0.4.0"
   }
 }

sass/docs.scss

@@ -354,6 +354,11 @@ body {
   }
 }
 
+// Style the GitHub buttons via CSS instead of inline attributes
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
 
 // Platform toggle
 // --------------------------------------------------
@@ -409,7 +414,6 @@ body {
     }
     .example {
       display: block;
-      padding: 4px;
       overflow: hidden;
       padding: 3px;
       width: 100%;
@@ -816,7 +820,7 @@ hr {
   // Social
   .docs-footer {
     .social .twitter-follow-button {
-      margin-top: 0px;
+      margin-top: 0;
     }
   }
 

sass/theme-android.scss

@@ -623,7 +623,7 @@ textarea,
 
 // Remove the popover's backdrop
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 // Popovers with bars