初始化模板提交

Gemfile

+source 'https://rubygems.org'
+gem 'github-pages'

Gemfile.lock

+GEM
+  remote: https://rubygems.org/
+  specs:
+    RedCloth (4.2.9)
+    activesupport (4.1.5)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    blankslate (2.1.2.4)
+    celluloid (0.15.2)
+      timers (~> 1.1.0)
+    classifier (1.3.4)
+      fast-stemmer (>= 1.0.0)
+    coffee-script (2.3.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.7.1)
+    colorator (0.1)
+    execjs (2.2.1)
+    fast-stemmer (1.0.2)
+    ffi (1.9.3)
+    gemoji (2.1.0)
+    github-pages (23)
+      RedCloth (= 4.2.9)
+      jekyll (= 2.2.0)
+      jekyll-coffeescript (= 1.0.0)
+      jekyll-mentions (= 0.1.3)
+      jekyll-redirect-from (= 0.6.0)
+      jekyll-sass-converter (= 1.2.0)
+      jekyll-sitemap (= 0.5.1)
+      jemoji (= 0.3.0)
+      kramdown (= 1.3.1)
+      liquid (= 2.6.1)
+      maruku (= 0.7.0)
+      pygments.rb (= 0.6.0)
+      rdiscount (= 2.1.7)
+      redcarpet (= 3.1.2)
+    html-pipeline (1.9.0)
+      activesupport (>= 2)
+      nokogiri (~> 1.4)
+    i18n (0.6.11)
+    jekyll (2.2.0)
+      classifier (~> 1.3)
+      colorator (~> 0.1)
+      jekyll-coffeescript (~> 1.0)
+      jekyll-gist (~> 1.0)
+      jekyll-paginate (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.0)
+      kramdown (~> 1.3)
+      liquid (~> 2.6.1)
+      mercenary (~> 0.3.3)
+      pygments.rb (~> 0.6.0)
+      redcarpet (~> 3.1)
+      safe_yaml (~> 1.0)
+      toml (~> 0.1.0)
+    jekyll-coffeescript (1.0.0)
+      coffee-script (~> 2.2)
+    jekyll-gist (1.1.0)
+    jekyll-mentions (0.1.3)
+      html-pipeline (~> 1.9.0)
+      jekyll (~> 2.0)
+    jekyll-paginate (1.0.0)
+    jekyll-redirect-from (0.6.0)
+      jekyll (~> 2.0)
+    jekyll-sass-converter (1.2.0)
+      sass (~> 3.2)
+    jekyll-sitemap (0.5.1)
+    jekyll-watch (1.1.0)
+      listen (~> 2.7)
+    jemoji (0.3.0)
+      gemoji (~> 2.0)
+      html-pipeline (~> 1.9)
+      jekyll (~> 2.0)
+    json (1.8.1)
+    kramdown (1.3.1)
+    liquid (2.6.1)
+    listen (2.7.9)
+      celluloid (>= 0.15.2)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+    maruku (0.7.0)
+    mercenary (0.3.4)
+    mini_portile (0.6.0)
+    minitest (5.4.0)
+    nokogiri (1.6.3.1)
+      mini_portile (= 0.6.0)
+    parslet (1.5.0)
+      blankslate (~> 2.0)
+    posix-spawn (0.3.9)
+    pygments.rb (0.6.0)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    rdiscount (2.1.7)
+    redcarpet (3.1.2)
+    safe_yaml (1.0.3)
+    sass (3.4.1)
+    thread_safe (0.3.4)
+    timers (1.1.0)
+    toml (0.1.1)
+      parslet (~> 1.5.0)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages

README.md

+# Ratchet v2.0.2 [![Build Status](https://secure.travis-ci.org/twbs/ratchet.png)](http://travis-ci.org/twbs/ratchet) [![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.
+
+## Table of contents
+
+- [Getting started](#getting-started)
+- [Documentation](#documentation)
+- [Support](#support)
+- [Contributing](#contributing)
+- [Troubleshooting](#troubleshooting)
+- [Versioning](#versioning)
+- [Maintainers](#maintainers)
+- [License](#license)
+
+## Getting started
+
+- Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.2.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
+- [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).
+
+### What's included
+
+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
+
+```
+ratchet/
+├── css/
+│   ├── ratchet.css
+│   ├── ratchet.min.css
+│   ├── ratchet-theme-android.css
+│   └── ratchet-theme-android.min.css
+│   ├── ratchet-theme-ios.css
+│   └── ratchet-theme-ios.min.css
+├── js/
+│   ├── ratchet.js
+│   └── ratchet.min.js
+└── fonts/
+    ├── ratchicons.eot
+    ├── ratchicons.svg
+    ├── ratchicons.ttf
+    └── ratchicons.woff
+```
+
+We provide compiled CSS and JS (`ratchet.*`), as well as compiled and minified CSS and JS (`ratchet.min.*`). The Ratchicon fonts are included, as are the optional Android and iOS platform themes.
+
+## Documentation
+
+Ratchet's documentation is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://goratchet.com>. The docs may also be run locally.
+
+### Running documentation locally
+
+1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation).
+  - **Windows users:** Read [this unofficial guide](https://github.com/juthilo/run-jekyll-on-windows/) to get Jekyll up and running without problems. We use Pygments for syntax highlighting, so make sure to read the sections on installing Python and Pygments.
+2. From the root `/ratchet/docs` directory, run `jekyll serve` in the command line.
+3. Open <http://localhost:4000> in your browser, and boom!
+
+Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
+
+### Documentation for previous releases
+
+Documentation for v1.0.2 has been made available for the time being at <http://goratchet.com/1.0.2/> while folks transition to Ratchet 2.
+
+[Previous releases](https://github.com/twbs/ratchet/releases) and their documentation are also available for download.
+
+## Support
+
+Questions or discussions about Ratchet should happen in the [Google group](https://groups.google.com/forum/#!forum/goratchet) or hit us up on Twitter [@GoRatchet](https://twitter.com/goratchet).
+
+## Contributing
+
+Please file a GitHub issue to [report a bug](https://github.com/twbs/ratchet/issues). When reporting a bug, be sure to follow the [contributor guidelines](https://github.com/twbs/ratchet/blob/master/CONTRIBUTING.md).
+
+## Troubleshooting
+
+A small list of "gotchas" is provided below for designers and developers starting to work with Ratchet.
+
+- Ratchet is designed to respond to touch events from a mobile device. In order to use mouse click events (for desktop browsing and testing), you have a few options:
+  - 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.
+  - 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
+
+- <https://twitter.com/connors>
+- <https://github.com/connors>
+
+
+Connor Montgomery
+
+- <https://twitter.com/connor>
+- <https://github.com/connor>
+
+
+Created by Connor Sears, Dave Gamache, and Jacob Thornton.
+
+
+## License
+
+Ratchet is licensed under the [MIT License](http://opensource.org/licenses/MIT).

_layouts/default.html

+<!DOCTYPE html>
+　　<html>
+　　<head>
+　　　　<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+　　　　<title>{{ page.title }}</title>
+　　</head>
+　　<body>
+
+　　　　{{ content }}
+
+　　</body>
+　　</html>

_site/Gemfile

+source 'https://rubygems.org'
+gem 'github-pages'

_site/Gemfile.lock

+GEM
+  remote: https://rubygems.org/
+  specs:
+    RedCloth (4.2.9)
+    activesupport (4.1.5)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    blankslate (2.1.2.4)
+    celluloid (0.15.2)
+      timers (~> 1.1.0)
+    classifier (1.3.4)
+      fast-stemmer (>= 1.0.0)
+    coffee-script (2.3.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.7.1)
+    colorator (0.1)
+    execjs (2.2.1)
+    fast-stemmer (1.0.2)
+    ffi (1.9.3)
+    gemoji (2.1.0)
+    github-pages (23)
+      RedCloth (= 4.2.9)
+      jekyll (= 2.2.0)
+      jekyll-coffeescript (= 1.0.0)
+      jekyll-mentions (= 0.1.3)
+      jekyll-redirect-from (= 0.6.0)
+      jekyll-sass-converter (= 1.2.0)
+      jekyll-sitemap (= 0.5.1)
+      jemoji (= 0.3.0)
+      kramdown (= 1.3.1)
+      liquid (= 2.6.1)
+      maruku (= 0.7.0)
+      pygments.rb (= 0.6.0)
+      rdiscount (= 2.1.7)
+      redcarpet (= 3.1.2)
+    html-pipeline (1.9.0)
+      activesupport (>= 2)
+      nokogiri (~> 1.4)
+    i18n (0.6.11)
+    jekyll (2.2.0)
+      classifier (~> 1.3)
+      colorator (~> 0.1)
+      jekyll-coffeescript (~> 1.0)
+      jekyll-gist (~> 1.0)
+      jekyll-paginate (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.0)
+      kramdown (~> 1.3)
+      liquid (~> 2.6.1)
+      mercenary (~> 0.3.3)
+      pygments.rb (~> 0.6.0)
+      redcarpet (~> 3.1)
+      safe_yaml (~> 1.0)
+      toml (~> 0.1.0)
+    jekyll-coffeescript (1.0.0)
+      coffee-script (~> 2.2)
+    jekyll-gist (1.1.0)
+    jekyll-mentions (0.1.3)
+      html-pipeline (~> 1.9.0)
+      jekyll (~> 2.0)
+    jekyll-paginate (1.0.0)
+    jekyll-redirect-from (0.6.0)
+      jekyll (~> 2.0)
+    jekyll-sass-converter (1.2.0)
+      sass (~> 3.2)
+    jekyll-sitemap (0.5.1)
+    jekyll-watch (1.1.0)
+      listen (~> 2.7)
+    jemoji (0.3.0)
+      gemoji (~> 2.0)
+      html-pipeline (~> 1.9)
+      jekyll (~> 2.0)
+    json (1.8.1)
+    kramdown (1.3.1)
+    liquid (2.6.1)
+    listen (2.7.9)
+      celluloid (>= 0.15.2)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+    maruku (0.7.0)
+    mercenary (0.3.4)
+    mini_portile (0.6.0)
+    minitest (5.4.0)
+    nokogiri (1.6.3.1)
+      mini_portile (= 0.6.0)
+    parslet (1.5.0)
+      blankslate (~> 2.0)
+    posix-spawn (0.3.9)
+    pygments.rb (0.6.0)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    rdiscount (2.1.7)
+    redcarpet (3.1.2)
+    safe_yaml (1.0.3)
+    sass (3.4.1)
+    thread_safe (0.3.4)
+    timers (1.1.0)
+    toml (0.1.1)
+      parslet (~> 1.5.0)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages

_site/README.md

+# Ratchet v2.0.2 [![Build Status](https://secure.travis-ci.org/twbs/ratchet.png)](http://travis-ci.org/twbs/ratchet) [![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.
+
+## Table of contents
+
+- [Getting started](#getting-started)
+- [Documentation](#documentation)
+- [Support](#support)
+- [Contributing](#contributing)
+- [Troubleshooting](#troubleshooting)
+- [Versioning](#versioning)
+- [Maintainers](#maintainers)
+- [License](#license)
+
+## Getting started
+
+- Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.2.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
+- [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).
+
+### What's included
+
+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
+
+```
+ratchet/
+├── css/
+│   ├── ratchet.css
+│   ├── ratchet.min.css
+│   ├── ratchet-theme-android.css
+│   └── ratchet-theme-android.min.css
+│   ├── ratchet-theme-ios.css
+│   └── ratchet-theme-ios.min.css
+├── js/
+│   ├── ratchet.js
+│   └── ratchet.min.js
+└── fonts/
+    ├── ratchicons.eot
+    ├── ratchicons.svg
+    ├── ratchicons.ttf
+    └── ratchicons.woff
+```
+
+We provide compiled CSS and JS (`ratchet.*`), as well as compiled and minified CSS and JS (`ratchet.min.*`). The Ratchicon fonts are included, as are the optional Android and iOS platform themes.
+
+## Documentation
+
+Ratchet's documentation is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://goratchet.com>. The docs may also be run locally.
+
+### Running documentation locally
+
+1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation).
+  - **Windows users:** Read [this unofficial guide](https://github.com/juthilo/run-jekyll-on-windows/) to get Jekyll up and running without problems. We use Pygments for syntax highlighting, so make sure to read the sections on installing Python and Pygments.
+2. From the root `/ratchet/docs` directory, run `jekyll serve` in the command line.
+3. Open <http://localhost:4000> in your browser, and boom!
+
+Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
+
+### Documentation for previous releases
+
+Documentation for v1.0.2 has been made available for the time being at <http://goratchet.com/1.0.2/> while folks transition to Ratchet 2.
+
+[Previous releases](https://github.com/twbs/ratchet/releases) and their documentation are also available for download.
+
+## Support
+
+Questions or discussions about Ratchet should happen in the [Google group](https://groups.google.com/forum/#!forum/goratchet) or hit us up on Twitter [@GoRatchet](https://twitter.com/goratchet).
+
+## Contributing
+
+Please file a GitHub issue to [report a bug](https://github.com/twbs/ratchet/issues). When reporting a bug, be sure to follow the [contributor guidelines](https://github.com/twbs/ratchet/blob/master/CONTRIBUTING.md).
+
+## Troubleshooting
+
+A small list of "gotchas" is provided below for designers and developers starting to work with Ratchet.
+
+- Ratchet is designed to respond to touch events from a mobile device. In order to use mouse click events (for desktop browsing and testing), you have a few options:
+  - 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.
+  - 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
+
+- <https://twitter.com/connors>
+- <https://github.com/connors>
+
+
+Connor Montgomery
+
+- <https://twitter.com/connor>
+- <https://github.com/connor>
+
+
+Created by Connor Sears, Dave Gamache, and Jacob Thornton.
+
+
+## License
+
+Ratchet is licensed under the [MIT License](http://opensource.org/licenses/MIT).

_site/about/index.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>About &middot; Ratchet</title>
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
+<meta name="author" content="Connor Sears">
+<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+<link rel="icon" href="/favicon.ico">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black">
+
+<!-- Google Web Fonts -->
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
+
+<link rel="stylesheet" href="/dist/css/ratchet.min.css">
+<link rel="stylesheet" href="/assets/css/docs.min.css">
+
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/img/apple-touch-icon-114x114.png">
+
+<script>
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-36050008-1']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+
+  </head>
+  <body ontouchstart="">
+    <!--[if lt IE 9]>
+  <div class="bs-callout bs-callout-danger">
+    <h4>Attention!</h4>
+    <p>
+      Looks like your current browser is old and doesn't support many features used in this page.
+      Please take a second to <a href="http://browsehappy.com/">upgrade to a more modern browser</a>.
+    </p>
+  </div>
+<![endif]-->
+
+    <div class="docs-sub-header">
+  <header class="docs-masthead clearfix">
+  <div class="container">
+    <div class="column">
+      <h1 class="docs-title">
+        <a href="/" data-ignore="push">Ratchet</a>
+      </h1>
+      <nav class="docs-nav clearfix">
+        <a class="docs-nav-trigger icon icon-bars pull-right js-docs-nav-trigger" href="#"></a>
+        <div class="docs-nav-group">
+          <a class="docs-nav-item" href="/" data-ignore="push">Home</a>
+          <a class="docs-nav-item" href="/getting-started" data-ignore="push">Getting started</a>
+          <a class="docs-nav-item" href="/components" data-ignore="push">Components</a>
+          <a class="docs-nav-item" href="/examples" data-ignore="push">Examples</a>
+          <a class="docs-nav-item" href="/about" data-ignore="push">About</a>
+          <a class="docs-nav-item" href="https://github.com/twbs/ratchet" data-ignore="push">GitHub project</a>
+        </div>
+      </nav>
+    </div>
+  </div>
+</header>
+
+  <div class="container">
+    <div class="docs-sub-content">
+      <h2 class="page-title">About</h2>
+      <p class="page-description">Learn about the project's history and meet the maintaining team.</p>
+    </div>
+    <div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/58147/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+
+  </div>
+</div>
+
+<div class="container">
+  <div class="column-group">
+    <div class="column lg-units-8 docs-content">
+      <div class="docs-section">
+        <h2>History</h2>
+        <p>The idea for Ratchet was developed by <a href="https://twitter.com/connors">@connors</a>, <a href="https://twitter.com/dhg">@dhg</a>, and <a href="https://twitter.com/fat">@fat</a> in mid-2012. Before it became a full fledged framework, Ratchet began as a series of HTML/CSS prototypes of the Twitter for iPhone app. These prototypes became invaluable to the process of testing new feature designs that ended up being shipped as part of the native mobile app.</p>
+        <p>As it became clear that this was the quickest and most effective way to design mobile apps, components were abstracted from these prototypes and became the framework you know today.</p>
+        <p>Released in November 2012, Ratchet quickly became one of the most popular prototyping tools on GitHub. Following that initial launch, we released v2 &#8211; a complete rewrite. With v2 we've abstracted the platform specific styles into their own theme CSS files, added an icon set called Ratchicons, and offically became part of the Bootstrap family.</p>
+      </div>
+
+      <div class="docs-section">
+        <h2>Team</h2>
+        <p class="lead">Ratchet is maintained by one of its creators, a couple of core contributors, and its awesome community.</p>
+
+        <div class="list-group">
+          <div class="list-group-item">
+            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=connors&amp;type=follow"></iframe>
+            <a class="team-member" href="https://github.com/connors">
+              <img src="http://www.gravatar.com/avatar/53d633ae4622de17906338910085275a" alt="@connors">
+              <div class="team-member-info">
+                <strong>Connor Sears</strong>
+                @connors
+              </div>
+            </a>
+          </div>
+          <div class="list-group-item">
+            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=connor&amp;type=follow"></iframe>
+            <a class="team-member" href="https://github.com/connor">
+              <img src="http://www.gravatar.com/avatar/f12ed6301268a1a8d40f292135e6bfca" alt="@connor">
+              <div class="team-member-info">
+                <strong>Connor Montgomery</strong>
+                @connor
+              </div>
+            </a>
+          </div>
+          <div class="list-group-item">
+            <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe>
+            <a class="team-member" href="https://github.com/mdo">
+              <img src="http://www.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c" alt="@mdo">
+              <div class="team-member-info">
+                <strong>Mark Otto</strong>
+                @mdo
+              </div>
+            </a>
+          </div>
+        </div>
+
+        <p>Get involved with Ratchet development by <a href="https://github.com/twbs/ratchet/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/ratchet/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
+      </div>
+    </div>
+
+    <div class="column lg-units-4">
+      <div class="docs-module">
+  <h4 class="docs-module-title">Ratchet</h4>
+  <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p>
+  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.2/ratchet-2.0.2-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2-dist']);">Download Ratchet</a>
+  <p class="version">Currently v2.0.2</p>
+</div>
+
+<div class="docs-module">
+  <h4 class="docs-module-title">Source code</h4>
+  <p>If you haven't already, download the source code for Ratchet.</p>
+  <a href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download source</a>
+</div>
+
+    </div>
+  </div>
+
+  <div class="column">
+    <!-- Footer -->
+    <div class="docs-footer">
+  <!-- Social links -->
+  <ul class="social">
+    <li>
+      <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>
+    </li>
+    <li><a data-ignore="push" href="https://twitter.com/goratchet" class="twitter-follow-button" data-show-count="true">
+      Follow @GoRatchet</a>
+    </li>
+  </ul>
+
+  <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 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.2</li>
+    <li>&middot;</li>
+    <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
+    <li>&middot;</li>
+    <li><a href="https://github.com/twbs/ratchet/releases" data-ignore="push">Releases</a></li>
+    <li>&middot;</li>
+    <li><a href="http://goratchet.com/1.0.2/" data-ignore="push">Legacy v1.0.2 Docs</a></li>
+  </ul>
+</div>
+
+
+<script>
+  window.twttr = (function (d,s,id) {
+    var t, js, fjs = d.getElementsByTagName(s)[0];
+    if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.async=1;
+    js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
+    return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
+  }(document, "script", "twitter-wjs"));
+</script>
+
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+<script src="/dist/js/ratchet.min.js"></script>
+<script src="/assets/js/docs.min.js"></script>
+
+  </div>
+</div>
+
+  </body>
+</html>

_site/assets/css/pygments-manni.css

+.hll { background-color: #ffffcc }
+ /*{ background: #f0f3f3; }*/
+.c { color: #999; } /* Comment */
+.err { color: #AA0000; background-color: #FFAAAA } /* Error */
+.k { color: #006699; } /* Keyword */
+.o { color: #555555 } /* Operator */
+.cm { color: #999; } /* Comment.Multiline */ /* Edited to remove italics and make into comment */
+.cp { color: #009999 } /* Comment.Preproc */
+.c1 { color: #999; } /* Comment.Single */
+.cs { color: #999; } /* Comment.Special */
+.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #FF0000 } /* Generic.Error */
+.gh { color: #003300; } /* Generic.Heading */
+.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
+.go { color: #AAAAAA } /* Generic.Output */
+.gp { color: #000099; } /* Generic.Prompt */
+.gs { } /* Generic.Strong */
+.gu { color: #003300; } /* Generic.Subheading */
+.gt { color: #99CC66 } /* Generic.Traceback */
+.kc { color: #006699; } /* Keyword.Constant */
+.kd { color: #006699; } /* Keyword.Declaration */
+.kn { color: #006699; } /* Keyword.Namespace */
+.kp { color: #006699 } /* Keyword.Pseudo */
+.kr { color: #006699; } /* Keyword.Reserved */
+.kt { color: #007788; } /* Keyword.Type */
+.m { color: #FF6600 } /* Literal.Number */
+.s { color: #d44950 } /* Literal.String */
+.na { color: #4f9fcf } /* Name.Attribute */
+.nb { color: #336666 } /* Name.Builtin */
+.nc { color: #00AA88; } /* Name.Class */
+.no { color: #336600 } /* Name.Constant */
+.nd { color: #9999FF } /* Name.Decorator */
+.ni { color: #999999; } /* Name.Entity */
+.ne { color: #CC0000; } /* Name.Exception */
+.nf { color: #CC00FF } /* Name.Function */
+.nl { color: #9999FF } /* Name.Label */
+.nn { color: #00CCFF; } /* Name.Namespace */
+.nt { color: #2f6f9f; } /* Name.Tag */
+.nv { color: #003333 } /* Name.Variable */
+.ow { color: #000000; } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mf { color: #FF6600 } /* Literal.Number.Float */
+.mh { color: #FF6600 } /* Literal.Number.Hex */
+.mi { color: #FF6600 } /* Literal.Number.Integer */
+.mo { color: #FF6600 } /* Literal.Number.Oct */
+.sb { color: #CC3300 } /* Literal.String.Backtick */
+.sc { color: #CC3300 } /* Literal.String.Char */
+.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
+.s2 { color: #CC3300 } /* Literal.String.Double */
+.se { color: #CC3300; } /* Literal.String.Escape */
+.sh { color: #CC3300 } /* Literal.String.Heredoc */
+.si { color: #AA0000 } /* Literal.String.Interpol */
+.sx { color: #CC3300 } /* Literal.String.Other */
+.sr { color: #33AAAA } /* Literal.String.Regex */
+.s1 { color: #CC3300 } /* Literal.String.Single */
+.ss { color: #FFCC33 } /* Literal.String.Symbol */
+.bp { color: #336666 } /* Name.Builtin.Pseudo */
+.vc { color: #003333 } /* Name.Variable.Class */
+.vg { color: #003333 } /* Name.Variable.Global */
+.vi { color: #003333 } /* Name.Variable.Instance */
+.il { color: #FF6600 } /* Literal.Number.Integer.Long */
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #999; }

_site/assets/js/docs.js

+/* jshint jquery: true */
+/* global FingerBlast: true */
+
+$(function() {
+  'use strict';
+
+  var doc;
+  var device;
+  var windowWidth;
+  var windowHeight;
+  var pageHeight;
+  var contentPadding;
+  var footerHeight;
+  var navComponentLinks;
+  var componentsList;
+  var componentLinks;
+  var contentSection;
+  var currentActive;
+  var topCache;
+  var win;
+  var bod;
+  var eventListeners;
+  var toolbarToggle;
+
+
+  var initialize = function () {
+    currentActive          = 0;
+    topCache               = [];
+    win                    = $(window);
+    doc                    = $(document);
+    bod                    = $(document.body);
+    device                 = device || $('.js-device');
+    navComponentLinks      = $('.js-jump-menu');
+    componentsList         = $('.js-component-group');
+    componentLinks         = $('.component-example a');
+    contentSection         = $('.component');
+    topCache               = contentSection.map(function () { return $(this).offset().top; });
+    windowHeight           = $(window).height() / 3;
+    windowWidth            = $(window).width();
+    pageHeight             = $(document).height();
+    contentPadding         = parseInt($('.docs-content').css('padding-bottom'), 10);
+    footerHeight           = $('.docs-footer').outerHeight(false);
+    toolbarToggle          = $('.js-docs-component-toolbar');
+
+    // Device placement
+    if (windowWidth >= 768 && device.offset()) {
+      device.initialLeft   = device.offset().left;
+      device.initialTop    = device.initialTop || device.offset().top;
+      device.dockingOffset = ($(window).height() - device.height()) / 2;
+    }
+
+    checkDesktopContent();
+    calculateScroll();
+    calculateToggle();
+
+    if (!eventListeners) {
+      addEventListeners();
+    }
+  };
+
+  var addEventListeners = function () {
+    eventListeners = true;
+
+    device.on('click', function (e) {
+      e.preventDefault();
+    });
+
+    // Mobile navigation
+    $('.js-docs-nav-trigger').on('click', function () {
+      var nav     = $('.docs-nav-group');
+      var trigger = $('.js-docs-nav-trigger');
+
+      trigger.toggleClass('active');
+      nav.toggleClass('active');
+    });
+
+    navComponentLinks.click(function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      componentsList.toggleClass('active');
+    });
+
+    doc.on('click', function () {
+      componentsList.removeClass('active');
+    });
+
+    // Platform switcher
+    $('.platform-switch').on('click', function () {
+      var components = $('.docs-components');
+      var platform   = $(this).attr('data-platform');
+
+      // Set platform
+      if (components.hasClass('platform-ios')) {
+        components.removeClass('platform-ios');
+        components.addClass(platform);
+      } else if (components.hasClass('platform-android')) {
+        components.removeClass('platform-android');
+        components.addClass(platform);
+      } else {
+        components.addClass(platform);
+      }
+
+      // Deal with active states
+      $(this).siblings('.active').removeClass('active');
+      $(this).addClass('active');
+    });
+
+    win.on('scroll', calculateScroll);
+    win.on('scroll', calculateToggle);
+  };
+
+  var checkDesktopContent = function () {
+    windowWidth = $(window).width();
+    if (windowWidth <= 768) {
+      var content = $('.content');
+      if (content.length > 1) {
+        $(content[0]).remove();
+      }
+    }
+  };
+
+  var calculateScroll = function() {
+    // if small screen don't worry about this
+    if (windowWidth <= 768) {
+      return;
+    }
+
+    // Save scrollTop value
+    var contentSectionItem;
+    var currentTop = win.scrollTop();
+
+    // exit if no device
+    if (!device.length) {
+      return;
+    }
+
+    if ((device.initialTop - currentTop) <= device.dockingOffset) {
+      device[0].className = 'device device-fixed';
+      device.css({ top: device.dockingOffset });
+    } else {
+      device[0].className = 'device';
+      device[0].setAttribute('style','');
+    }
+
+    function updateContent(content) {
+      $('#iwindow').html(content);
+    }
+
+    // Injection of components into device
+    for (var l = contentSection.length; l--;) {
+      if ((topCache[l] - currentTop) < windowHeight) {
+        if (currentActive === l) {
+          return;
+        }
+        currentActive = l;
+        bod.find('.component.active').removeClass('active');
+        contentSectionItem = $(contentSection[l]);
+        contentSectionItem.addClass('active');
+        if (contentSectionItem.attr('id')) {
+          device.attr('id', contentSectionItem.attr('id') + 'InDevice');
+        } else {
+          device.attr('id', '');
+        }
+        if (!contentSectionItem.hasClass('informational')) {
+          updateContent(contentSectionItem.find('.highlight .html').text());
+        }
+        break;
+      }
+    }
+
+  };
+
+  // Toolbar toggle
+  var calculateToggle = function () {
+    var currentTop   = win.scrollTop();
+    var headerHeight = $('.docs-sub-header').outerHeight();
+
+    if (currentTop >= headerHeight) {
+      toolbarToggle.addClass('visible');
+    } else if (currentTop <= headerHeight) {
+      toolbarToggle.removeClass('visible');
+      componentsList.removeClass('active');
+    }
+  };
+
+  $(window).on('load resize', initialize);
+  $(window).on('load', function () {
+    window.FingerBlast && (new FingerBlast('.device-content'));
+  });
+});

_site/assets/js/docs.min.js

+/*!
+ * =====================================================
+ * Ratchet v2.0.2 (http://goratchet.com)
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ *
+ * v2.0.2 designed by @connors.
+ * =====================================================
+ */
+$(function(){"use strict";var a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r=function(){l=0,m=[],n=$(window),a=$(document),o=$(document.body),b=b||$(".js-device"),h=$(".js-jump-menu"),i=$(".js-component-group"),j=$(".component-example a"),k=$(".component"),m=k.map(function(){return $(this).offset().top}),d=$(window).height()/3,c=$(window).width(),e=$(document).height(),f=parseInt($(".docs-content").css("padding-bottom"),10),g=$(".docs-footer").outerHeight(!1),q=$(".js-docs-component-toolbar"),c>=768&&b.offset()&&(b.initialLeft=b.offset().left,b.initialTop=b.initialTop||b.offset().top,b.dockingOffset=($(window).height()-b.height())/2),t(),u(),v(),p||s()},s=function(){p=!0,b.on("click",function(a){a.preventDefault()}),$(".js-docs-nav-trigger").on("click",function(){var a=$(".docs-nav-group"),b=$(".js-docs-nav-trigger");b.toggleClass("active"),a.toggleClass("active")}),h.click(function(a){a.stopPropagation(),a.preventDefault(),i.toggleClass("active")}),a.on("click",function(){i.removeClass("active")}),$(".platform-switch").on("click",function(){var a=$(".docs-components"),b=$(this).attr("data-platform");a.hasClass("platform-ios")?(a.removeClass("platform-ios"),a.addClass(b)):a.hasClass("platform-android")?(a.removeClass("platform-android"),a.addClass(b)):a.addClass(b),$(this).siblings(".active").removeClass("active"),$(this).addClass("active")}),n.on("scroll",u),n.on("scroll",v)},t=function(){if(c=$(window).width(),768>=c){var a=$(".content");a.length>1&&$(a[0]).remove()}},u=function(){function a(a){$("#iwindow").html(a)}if(!(768>=c)){var e,f=n.scrollTop();if(b.length){b.initialTop-f<=b.dockingOffset?(b[0].className="device device-fixed",b.css({top:b.dockingOffset})):(b[0].className="device",b[0].setAttribute("style",""));for(var g=k.length;g--;)if(m[g]-f<d){if(l===g)return;l=g,o.find(".component.active").removeClass("active"),e=$(k[g]),e.addClass("active"),e.attr("id")?b.attr("id",e.attr("id")+"InDevice"):b.attr("id",""),e.hasClass("informational")||a(e.find(".highlight .html").text());break}}}},v=function(){var a=n.scrollTop(),b=$(".docs-sub-header").outerHeight();a>=b?q.addClass("visible"):b>=a&&(q.removeClass("visible"),i.removeClass("active"))};$(window).on("load resize",r),$(window).on("load",function(){window.FingerBlast&&new FingerBlast(".device-content")})}),function(){"use strict";function a(a){this.element="string"==typeof a?document.querySelector(a):a,this.element&&this.listen()}a.prototype={x:0/0,y:0/0,startDistance:0/0,startAngle:0/0,mouseIsDown:!1,listen:function(){function a(a,b){var c,d,e;if(a){if("compareDocumentPosition"in b)return!!(16&b.compareDocumentPosition(a));if("contains"in b)return b!==a&&b.contains(a);for(c=b.getElementsByTagName("*"),d=0;e=c[d++];)if(e===a)return!0;return!1}}var b=this.activate.bind(this),c=this.deactivate.bind(this);this.element.addEventListener("mouseover",function(c){var d=c.relatedTarget;d===this||a(d,this)||b()}),this.element.addEventListener("mouseout",function(b){var d=b.relatedTarget;d===this||a(d,this)||c(b)})},activate:function(){this.active||(this.element.addEventListener("mousedown",this.touchStart=this.touchStart.bind(this),!0),this.element.addEventListener("mousemove",this.touchMove=this.touchMove.bind(this),!0),this.element.addEventListener("mouseup",this.touchEnd=this.touchEnd.bind(this),!0),this.element.addEventListener("click",this.click=this.click.bind(this),!0),this.active=!0)},deactivate:function(a){this.active=!1,this.mouseIsDown&&this.touchEnd(a),this.element.removeEventListener("mousedown",this.touchStart,!0),this.element.removeEventListener("mousemove",this.touchMove,!0),this.element.removeEventListener("mouseup",this.touchEnd,!0),this.element.removeEventListener("click",this.click,!0)},click:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation())},touchStart:function(a){a.synthetic||/input|textarea/.test(a.target.tagName.toLowerCase())||(this.mouseIsDown=!0,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchstart",a))},touchMove:function(a){a.synthetic||(a.preventDefault(),a.stopPropagation(),this.move(a.clientX,a.clientY),this.mouseIsDown&&this.fireTouchEvents("touchmove",a))},touchEnd:function(a){a.synthetic||(this.mouseIsDown=!1,a.preventDefault(),a.stopPropagation(),this.fireTouchEvents("touchend",a),this.target&&(this.target.dispatchEvent(this.createMouseEvent("mouseover",a)),this.target.dispatchEvent(this.createMouseEvent("mousemove",a)),this.target.dispatchEvent(this.createMouseEvent("mousedown",a))))},fireTouchEvents:function(a,b){var c=[],d=[];if(this.target){var e="on"+a;if(e in this.target&&(console.warn("Converting `"+e+"` property to event listener.",this.target),this.target.addEventListener(a,this.target[e],!1),delete this.target[e]),this.target.hasAttribute(e)){console.warn("Converting `"+e+"` attribute to event listener.",this.target);var f=new GLOBAL.Function("event",this.target.getAttribute(e));this.target.addEventListener(a,f,!1),this.target.removeAttribute(e)}var g=this.createMouseEvent(a,b);if(c.push(g),c.length>1){var h=c[0].pageX-c[1].pageX,i=c[0].pageY-c[1].pageY,j=Math.sqrt(Math.pow(h,2)+Math.pow(i,2)),k=Math.atan2(h,i)*(180/Math.PI),l="gesturechange";"touchstart"===a&&(l="gesturestart",this.startDistance=j,this.startAngle=k),"touchend"===a&&(l="gestureend"),c.forEach(function(a){var b=this.createMouseEvent.call(a._finger,l,a);d.push(b)}.bind(this)),c.concat(d).forEach(function(a){a.scale=j/this.startDistance,a.rotation=this.startAngle-k})}c.forEach(function(a){a.touches=c.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type}),a.changedTouches=c.filter(function(b){return~b.type.indexOf("touch")&&b._finger.target===a._finger.target}),a.targetTouches=a.changedTouches.filter(function(a){return~a.type.indexOf("touch")&&"touchend"!==a.type})}),c.concat(d).forEach(function(a,b){a.identifier=b,a._finger.target.dispatchEvent(a)})}},createMouseEvent:function(a,b){var c=new MouseEvent(a,{view:window,detail:b.detail,bubbles:!0,cancelable:!0,target:this.target||b.relatedTarget,clientX:this.x||b.clientX,clientY:this.y||b.clientY,screenX:this.x||b.screenX,screenY:this.y||b.screenY,ctrlKey:b.ctrlKey,shiftKey:b.shiftKey,altKey:b.altKey,metaKey:b.metaKey,button:b.button});return c.synthetic=!0,c._finger=this,c},move:function(a,b){isNaN(a)||isNaN(b)?this.target=null:(this.x=a,this.y=b,this.mouseIsDown||(this.target=document.elementFromPoint(a,b)))}},window.FingerBlast=a}();
\ No newline at end of file

_site/assets/js/fingerblast.js

+// FINGERBLAST.js
+// --------------
+// Adapted from phantom limb by Brian Cartensen
+
+/* jshint bitwise: false */
+/* global GLOBAL: true */
+
+(function () {
+
+  'use strict';
+
+  function FingerBlast(element) {
+    this.element = typeof element === 'string' ? document.querySelector(element) : element;
+
+    if (this.element) {
+      this.listen();
+    }
+  }
+
+  FingerBlast.prototype = {
+    x: NaN,
+    y: NaN,
+
+    startDistance: NaN,
+    startAngle:    NaN,
+
+    mouseIsDown: false,
+
+    listen: function () {
+      var activate = this.activate.bind(this);
+      var deactivate = this.deactivate.bind(this);
+
+      function contains (element, ancestor) {
+        var descendants;
+        var index;
+        var descendant;
+
+        if (!element) {
+          return;
+        }
+
+        if ('compareDocumentPosition' in ancestor) {
+          return !!(ancestor.compareDocumentPosition(element) & 16);
+        } else if ('contains' in ancestor) {
+          return ancestor !== element && ancestor.contains(element);
+        } else {
+          for ((descendants = ancestor.getElementsByTagName('*')), index = 0; (descendant = descendants[index++]);) {
+            if (descendant === element) {
+              return true;
+            }
+          }
+          return false;
+        }
+      }
+
+      this.element.addEventListener('mouseover', function (e) {
+        var target = e.relatedTarget;
+        if (target !== this && !contains(target, this)) {
+          activate();
+        }
+      });
+
+      this.element.addEventListener('mouseout', function (e) {
+        var target = e.relatedTarget;
+        if (target !== this && !contains(target, this)) {
+          deactivate(e);
+        }
+      });
+    },
+
+    activate: function () {
+      if (this.active) {
+        return;
+      }
+      this.element.addEventListener('mousedown', (this.touchStart = this.touchStart.bind(this)), true);
+      this.element.addEventListener('mousemove', (this.touchMove  = this.touchMove.bind(this)),  true);
+      this.element.addEventListener('mouseup',   (this.touchEnd   = this.touchEnd.bind(this)),   true);
+      this.element.addEventListener('click',     (this.click      = this.click.bind(this)),      true);
+      this.active = true;
+    },
+
+    deactivate: function (e) {
+      this.active = false;
+      if (this.mouseIsDown) {
+        this.touchEnd(e);
+      }
+      this.element.removeEventListener('mousedown', this.touchStart, true);
+      this.element.removeEventListener('mousemove', this.touchMove,  true);
+      this.element.removeEventListener('mouseup',   this.touchEnd,   true);
+      this.element.removeEventListener('click',     this.click,      true);
+    },
+
+    click: function (e) {
+      if (e.synthetic) {
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
+    },
+
+    touchStart: function (e) {
+      if (e.synthetic || /input|textarea/.test(e.target.tagName.toLowerCase())) {
+        return;
+      }
+
+      this.mouseIsDown = true;
+
+      e.preventDefault();
+      e.stopPropagation();
+
+      this.fireTouchEvents('touchstart', e);
+    },
+
+    touchMove: function (e) {
+      if (e.synthetic) {
+        return;
+      }
+
+      e.preventDefault();
+      e.stopPropagation();
+
+      this.move(e.clientX, e.clientY);
+
+      if (this.mouseIsDown) {
+        this.fireTouchEvents('touchmove', e);
+      }
+    },
+
+    touchEnd: function (e) {
+      if (e.synthetic) {
+        return;
+      }
+
+      this.mouseIsDown = false;
+
+      e.preventDefault();
+      e.stopPropagation();
+
+      this.fireTouchEvents('touchend', e);
+
+      if (!this.target) {
+        return;
+      }
+
+      // Mobile Safari moves all the mouse events to fire after the touchend event.
+      this.target.dispatchEvent(this.createMouseEvent('mouseover', e));
+      this.target.dispatchEvent(this.createMouseEvent('mousemove', e));
+      this.target.dispatchEvent(this.createMouseEvent('mousedown', e));
+    },
+
+    fireTouchEvents: function (eventName, originalEvent) {
+      var events   = [];
+      var gestures = [];
+
+      if (!this.target) {
+        return;
+      }
+
+      // Convert 'ontouch*' properties and attributes to listeners.
+      var onEventName = 'on' + eventName;
+
+      if (onEventName in this.target) {
+        console.warn('Converting `' + onEventName + '` property to event listener.', this.target);
+        this.target.addEventListener(eventName, this.target[onEventName], false);
+        delete this.target[onEventName];
+      }
+
+      if (this.target.hasAttribute(onEventName)) {
+        console.warn('Converting `' + onEventName + '` attribute to event listener.', this.target);
+        var handler = new GLOBAL.Function('event', this.target.getAttribute(onEventName));
+        this.target.addEventListener(eventName, handler, false);
+        this.target.removeAttribute(onEventName);
+      }
+
+      // Set up a new event with the coordinates of the finger.
+      var touch = this.createMouseEvent(eventName, originalEvent);
+
+      events.push(touch);
+
+      // Figure out scale and rotation.
+      if (events.length > 1) {
+        var x = events[0].pageX - events[1].pageX;
+        var y = events[0].pageY - events[1].pageY;
+
+        var distance = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+        var angle = Math.atan2(x, y) * (180 / Math.PI);
+
+        var gestureName = 'gesturechange';
+
+        if (eventName === 'touchstart') {
+          gestureName = 'gesturestart';
+          this.startDistance = distance;
+          this.startAngle = angle;
+        }
+
+        if (eventName === 'touchend') {
+          gestureName = 'gestureend';
+        }
+
+        events.forEach(function(event) {
+          var gesture = this.createMouseEvent.call(event._finger, gestureName, event);
+          gestures.push(gesture);
+        }.bind(this));
+
+        events.concat(gestures).forEach(function(event) {
+          event.scale = distance / this.startDistance;
+          event.rotation = this.startAngle - angle;
+        });
+      }
+
+      // Loop through the events array and fill in each touch array.
+      events.forEach(function(touch) {
+        touch.touches = events.filter(function(e) {
+          return ~e.type.indexOf('touch') && e.type !== 'touchend';
+        });
+
+        touch.changedTouches = events.filter(function(e) {
+          return ~e.type.indexOf('touch') && e._finger.target === touch._finger.target;
+        });
+
+        touch.targetTouches = touch.changedTouches.filter(function(e) {
+          return ~e.type.indexOf('touch') && e.type !== 'touchend';
+        });
+      });
+
+      // Then fire the events.
+      events.concat(gestures).forEach(function(event, i) {
+        event.identifier = i;
+        event._finger.target.dispatchEvent(event);
+      });
+    },
+
+    createMouseEvent: function (eventName, originalEvent) {
+      var e = new MouseEvent(eventName, {
+        view       : window,
+        detail     : originalEvent.detail,
+        bubbles    : true,
+        cancelable : true,
+        target     : this.target || originalEvent.relatedTarget,
+        clientX    : this.x || originalEvent.clientX,
+        clientY    : this.y || originalEvent.clientY,
+        screenX    : this.x || originalEvent.screenX,
+        screenY    : this.y || originalEvent.screenY,
+        ctrlKey    : originalEvent.ctrlKey,
+        shiftKey   : originalEvent.shiftKey,
+        altKey     : originalEvent.altKey,
+        metaKey    : originalEvent.metaKey,
+        button     : originalEvent.button
+      });
+
+      e.synthetic = true;
+      e._finger   = this;
+
+      return e;
+    },
+
+    move: function (x, y) {
+      if (isNaN(x) || isNaN(y)) {
+        this.target = null;
+      } else {
+        this.x = x;
+        this.y = y;
+
+        if (!this.mouseIsDown) {
+          this.target = document.elementFromPoint(x, y);
+        }
+      }
+    }
+  };
+
+  window.FingerBlast = FingerBlast;
+
+}());

_site/dist/css/ratchet-theme-ios.min.css

+/*!
+ * =====================================================
+ * Ratchet v2.0.2 (http://goratchet.com)
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ *
+ * v2.0.2 designed by @connors.
+ * =====================================================
+ */a{color:#007aff}a:active{color:#0062cc}.content{background-color:#efeff4}.h5,.h6,h5,h6,p{color:#8f8f94}.h5,.h6,h5,h6{font-weight:400;text-transform:uppercase}.btn{color:#929292;background-color:rgba(247,247,247,.98);border:1px solid #929292;-webkit-transition:all;-moz-transition:all;transition:all;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}.btn.active,.btn:active{color:#fff;background-color:#929292}.btn-primary{color:#fff;background-color:#007aff;border:1px solid #007aff}.btn-primary.active,.btn-primary:active{background-color:#0062cc;border:1px solid #0062cc}.btn-positive{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.btn-positive.active,.btn-positive:active{background-color:#2ac845;border:1px solid #2ac845}.btn-negative{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.btn-negative.active,.btn-negative:active{background-color:#cf2d28;border:1px solid #cf2d28}.btn-outlined{background-color:transparent}.btn-outlined.btn-primary{color:#007aff}.btn-outlined.btn-positive{color:#4cd964}.btn-outlined.btn-negative{color:#dd524d}.btn-outlined.btn-negative:active,.btn-outlined.btn-positive:active,.btn-outlined.btn-primary:active{color:#fff}.btn-link{color:#007aff;background-color:transparent;border:none}.btn-link.active,.btn-link:active{color:#0062cc;background-color:transparent}.btn .badge{background-color:rgba(0,0,0,.15)}.btn .badge.badge-inverted{background-color:transparent}.btn:active .badge{color:#fff}.bar{background-color:rgba(247,247,247,.98);border-bottom:0;-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85)}.bar.bar-header-secondary{top:44px}.bar.bar-footer-secondary{bottom:44px}.bar.bar-footer-secondary-tab{bottom:50px}.bar-tab,.bar.bar-footer,.bar.bar-footer-secondary,.bar.bar-footer-secondary-tab{border-top:0}.tab-item{color:#929292}.bar-nav .btn-link,.tab-item.active,.tab-item:active{color:#007aff}.bar-nav .btn-link:active{color:#007aff;opacity:.6}.badge.badge-inverted{color:#929292;background-color:transparent}.badge-primary{color:#fff;background-color:#007aff}.badge-primary.badge-inverted{color:#007aff;background-color:transparent}.badge-positive{color:#fff;background-color:#4cd964}.badge-positive.badge-inverted{color:#4cd964;background-color:transparent}.badge-negative{color:#fff;background-color:#dd524d}.badge-negative.badge-inverted{color:#dd524d;background-color:transparent}.card .table-view,.card .table-view-cell:last-child{background-image:none}.table-view{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.table-view .table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.table-view .table-view-cell:last-child{background-image:none}.table-view .table-view-cell>a:not(.btn):active{color:inherit}.table-view .table-view-divider{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border-top:0;border-bottom:0}.input-group,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{height:40px;padding:10px 15px;border:1px solid rgba(0,0,0,.2)}input[type=search]{height:34px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}.input-group,select,textarea{height:auto}.input-group{padding:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.input-group input{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0}.input-group input:last-child{background-image:none}.input-row{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border-bottom:0}.input-row label+input,.input-row:last-child{background-image:none}.segmented-control{background-color:transparent;border:1px solid #929292}.segmented-control .control-item{color:#929292;border-color:#929292;-webkit-transition:background-color .1s linear;-moz-transition:background-color .1s linear;transition:background-color .1s linear}.segmented-control .control-item:active{background-color:#ebebeb}.segmented-control .control-item.active{color:#fff;background-color:#929292}.segmented-control-primary{border:1px solid #007aff}.segmented-control-primary .control-item{color:#007aff;border-color:inherit}.segmented-control-primary .control-item:active{background-color:#b3d7ff}.segmented-control-primary .control-item.active{color:#fff;background-color:#007aff}.segmented-control-positive{border:1px solid #4cd964}.segmented-control-positive .control-item{color:#4cd964;border-color:inherit}.segmented-control-positive .control-item:active{background-color:#dff8e3}.segmented-control-positive .control-item.active{color:#fff;background-color:#4cd964}.segmented-control-negative{border:1px solid #dd524d}.segmented-control-negative .control-item{color:#dd524d;border-color:inherit}.segmented-control-negative .control-item:active{background-color:#fae4e3}.segmented-control-negative .control-item.active{color:#fff;background-color:#dd524d}.popover{border-radius:12px;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-moz-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out}.popover:before{border-bottom:15px solid rgba(247,247,247,.98)}.popover .bar{-webkit-box-shadow:none;box-shadow:none}.popover .bar-nav{border-bottom:1px solid rgba(0,0,0,.15)}.popover .table-view{background-image:none;border-radius:12px}.modal,.modal.active{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.toggle{width:47px;border:2px solid #e6e6e6;-webkit-box-shadow:inset 0 0 0 0 #e1e1e1;box-shadow:inset 0 0 0 0 #e1e1e1;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:box-shadow,border;-moz-transition-property:box-shadow,border;transition-property:box-shadow,border}.toggle .toggle-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08);-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.toggle:before{display:none}.toggle.active{background-color:transparent;border:2px solid #4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.toggle.active .toggle-handle{-webkit-transform:translate3d(17px,0,0);-ms-transform:translate3d(17px,0,0);transform:translate3d(17px,0,0);border-color:#4cd964}.content.fade{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.content.sliding{-webkit-transition-timing-function:cubic-bezier(.1,.5,.1,1);-moz-transition-timing-function:cubic-bezier(.1,.5,.1,1);transition-timing-function:cubic-bezier(.1,.5,.1,1)}.content.sliding.right:not([class*=sliding-in]),.content.sliding.sliding-in{-webkit-animation-name:fadeOverlay;-moz-animation-name:fadeOverlay;animation-name:fadeOverlay;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;animation-duration:.4s}.content.sliding.right:not([class*=sliding-in]){-webkit-animation-direction:reverse;-moz-animation-direction:reverse;animation-direction:reverse}.content.sliding.left{-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}@-webkit-keyframes fadeOverlay{from{-webkit-box-shadow:0 0 10px transparent,-320px 0 0 transparent;box-shadow:0 0 10px transparent,-320px 0 0 transparent}to{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.3),-320px 0 0 rgba(0,0,0,.1)}}
\ No newline at end of file

_site/examples/app-android-notes/css/app.css

+.slider,
+.slider img {
+  margin-bottom: 0;
+  height: 150px;
+}

_site/examples/app-android-notes/index.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Notes</title>
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <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="//fonts.googleapis.com/css?family=Roboto:400,500,700">
+
+    <link rel="stylesheet" href="../../dist/css/ratchet.min.css">
+    <link rel="stylesheet" href="../../dist/css/ratchet-theme-android.min.css">
+    <link rel="stylesheet" href="css/app.css">
+    <script src="../../dist/js/ratchet.min.js"></script>
+  </head>
+  <body>
+    <header class="bar bar-nav">
+      <a class="icon icon-compose pull-right" href="#composeModal"></a>
+      <a href="#navPopover">
+        <h1 class="title">
+          <span class="icon icon-home"></span>
+          Notes
+          <span class="icon icon-caret"></span>
+        </h1>
+      </a>
+    </header>
+
+    <div class="content">
+
+      <ul class="table-view">
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="choose-theater.html" data-transition="slide-in">
+            Note title goes here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+      </ul>
+    </div>
+
+    <!-- Compose modal -->
+    <div id="composeModal" class="modal">
+      <header class="bar bar-nav">
+        <a class="icon icon-left pull-left" href="#composeModal"></a>
+        <h1 class="title">New note</h1>
+      </header>
+
+      <div class="content">
+        <form class="content-padded">
+          <input type="text" placeholder="Title">
+          <textarea rows="10"></textarea>
+          <a class="btn btn-positive btn-block" href="#composeModal">Save note</a>
+        </form>
+      </div>
+    </div><!-- /.modal -->
+
+    <!-- Popover -->
+    <div id="navPopover" class="popover">
+      <ul class="table-view">
+        <li class="table-view-cell">Item1</li>
+        <li class="table-view-cell">Item2</li>
+        <li class="table-view-cell">Item3</li>
+        <li class="table-view-cell">Item4</li>
+        <li class="table-view-cell">Item5</li>
+        <li class="table-view-cell">Item6</li>
+        <li class="table-view-cell">Item7</li>
+        <li class="table-view-cell">Item8</li>
+        <li class="table-view-cell">Item9</li>
+        <li class="table-view-cell">Item10</li>
+      </ul>
+    </div>
+  </body>
+</html>

_site/examples/app-ios-mail/css/app.css

+.updated-text {
+  position: absolute;
+  left: 0;
+  right: 0;
+  padding: 10px 0;
+  font-size: 11px;
+  text-align: center;
+}
+
+.table-view-cell .icon {
+  color: #007aff;
+}

_site/examples/app-ios-mail/inbox.html

+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Mail</title>
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <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/css/ratchet.min.css">
+    <link rel="stylesheet" href="../../dist/css/ratchet-theme-ios.min.css">
+    <link rel="stylesheet" href="css/app.css">
+    <script src="../../dist/js/ratchet.min.js"></script>
+  </head>
+  <body>
+    <header class="bar bar-nav">
+      <a class="icon icon-left-nav pull-left" href="index.html" data-transition="slide-out"></a>
+      <a class="icon icon-refresh pull-right"></a>
+      <h1 class="title">All inboxes</h1>
+    </header>
+
+    <div class="content">
+
+      <ul class="table-view">
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+        <li class="table-view-cell">
+          <a class="navigate-right" href="#">
+            Email subject line here
+            <p>Lorem ipsum dolor sit amet...</p>
+          </a>
+        </li>
+      </ul>
+    </div><!-- /.content -->
+  </body>
+</html>

_site/examples/app-movies/css/app.css

+.slider {
+  margin-bottom: 0;
+}
+.slider img {
+  width: auto;
+  height: 150px;
+}
+.content-padded {
+  margin: 30px 15px 15px;
+}