underoos 1.0.0 → 1.1.0

data/config.ru

@@ -7,7 +7,6 @@ require 'underoos'
 require 'action_controller/railtie'
 require 'sass-rails'
 require 'sprockets/railtie'
-require 'haml-rails'
 require 'jquery-rails'
 
 # Set up a dummy app for development
@@ -31,8 +30,7 @@ end
 Underoos::Application.initialize!
 
 Underoos::Application.routes.draw do
-  match '/' => redirect('/styleguide')
-  mount Underoos::Engine => "/styleguide"
+  mount Underoos::Engine => '/'
 end
 
 run Underoos::Application

data/features/generator.feature

@@ -9,9 +9,13 @@ Feature: Generating the Underoos SASS files into an app
     When I successfully run `bundle exec rails generate underoos:assets --trace`
     Then the following files should exist:
       | app/assets/javascripts/underoos.js                      |
+      | app/assets/javascripts/docs.js                          |
+      | app/assets/javascripts/styleguide.coffee                |
       | app/assets/stylesheets/underoos.sass                    |
+      | app/assets/stylesheets/underoos-docs.sass               |
+      | app/assets/stylesheets/base/_base.sass                  |
       | app/assets/stylesheets/base/_button-btn-mixin.sass      |
-      | app/assets/stylesheets/base/_elements.sass              |
+      | app/assets/stylesheets/base/_buttons.sass               |
       | app/assets/stylesheets/base/_forms.sass                 |
       | app/assets/stylesheets/base/_helpers.sass               |
       | app/assets/stylesheets/base/_normalize.sass             |
@@ -25,6 +29,7 @@ Feature: Generating the Underoos SASS files into an app
       | app/assets/stylesheets/components/_carets.sass          |
       | app/assets/stylesheets/components/_carousels.sass       |
       | app/assets/stylesheets/components/_close.sass           |
+      | app/assets/stylesheets/components/_components.sass      |
       | app/assets/stylesheets/components/_decals.sass          |
       | app/assets/stylesheets/components/_dropdowns.sass       |
       | app/assets/stylesheets/components/_media.sass           |
@@ -41,6 +46,7 @@ Feature: Generating the Underoos SASS files into an app
       | app/assets/stylesheets/components/_tooltips.sass        |
       | app/assets/stylesheets/components/_wells.sass           |
       | app/assets/stylesheets/layouts/_containers.sass         |
+      | app/assets/stylesheets/layouts/_layouts.sass            |
       | app/assets/stylesheets/layouts/_print.sass              |
       | app/assets/stylesheets/layouts/_queries.sass            |
       | app/assets/stylesheets/layouts/_upgrades.sass           |
@@ -51,27 +57,30 @@ Feature: Generating the Underoos SASS files into an app
       | app/assets/stylesheets/mixins/_conversions.sass         |
       | app/assets/stylesheets/mixins/_font-size.sass           |
       | app/assets/stylesheets/mixins/_image-tools.sass         |
+      | app/assets/stylesheets/mixins/_inline-block.sass        |
       | app/assets/stylesheets/mixins/_ir.sass                  |
       | app/assets/stylesheets/mixins/_mixins.sass              |
+      | app/assets/stylesheets/mixins/_responsive.sass          |
+      | app/assets/stylesheets/mixins/_sticky-footer.sass       |
       | app/assets/stylesheets/mixins/_tab-focus.sass           |
       | app/assets/stylesheets/mixins/_timing-equations.sass    |
       | app/assets/stylesheets/mixins/_visibility.sass          |
       | app/assets/stylesheets/polyfills/_box-shadow.sass       |
       | app/assets/stylesheets/polyfills/_box-sizing.sass       |
       | app/assets/stylesheets/polyfills/_functions.sass        |
-      | app/assets/stylesheets/polyfills/_inline-block.sass     |
       | app/assets/stylesheets/polyfills/_opacity.sass          |
       | app/assets/stylesheets/polyfills/_polyfills.sass        |
       | app/assets/stylesheets/polyfills/_transition.sass       |
       | app/assets/stylesheets/polyfills/_user-select.sass      |
-      | app/assets/stylesheets/themes/_default.sass             |
+      | app/assets/stylesheets/settings/_config.sass            |
+      | app/assets/stylesheets/settings/_settings.sass          |
+      | app/assets/stylesheets/settings/_theme.sass             |
       | vendor/assets/javascripts/bootstrap-alert.js            |
       | vendor/assets/javascripts/bootstrap-button.js           |
       | vendor/assets/javascripts/bootstrap-collapse.js         |
       | vendor/assets/javascripts/bootstrap-dropdown.js         |
       | vendor/assets/javascripts/bootstrap-modal.js            |
       | vendor/assets/javascripts/bootstrap-popover.js          |
-      | vendor/assets/javascripts/bootstrap-scrollspy.js        |
       | vendor/assets/javascripts/bootstrap-tab.js              |
       | vendor/assets/javascripts/bootstrap-tooltip.js          |
       | vendor/assets/javascripts/bootstrap-transition.js       |

data/lib/generators/underoos/assets_generator.rb

@@ -4,6 +4,8 @@ class Underoos::AssetsGenerator < Rails::Generators::Base
 
   def copy_underoos_js_assets
     copy_file 'app/assets/javascripts/underoos.js', 'app/assets/javascripts/underoos.js'
+    copy_file 'app/assets/javascripts/docs.js', 'app/assets/javascripts/docs.js'
+    copy_file 'app/assets/javascripts/styleguide.coffee', 'app/assets/javascripts/styleguide.coffee'
   end
 
   def copy_vendored_js_assets
@@ -13,7 +15,6 @@ class Underoos::AssetsGenerator < Rails::Generators::Base
     copy_file 'vendor/assets/javascripts/bootstrap-dropdown.js'
     copy_file 'vendor/assets/javascripts/bootstrap-modal.js'
     copy_file 'vendor/assets/javascripts/bootstrap-popover.js'
-    copy_file 'vendor/assets/javascripts/bootstrap-scrollspy.js'
     copy_file 'vendor/assets/javascripts/bootstrap-tab.js'
     copy_file 'vendor/assets/javascripts/bootstrap-tooltip.js'
     copy_file 'vendor/assets/javascripts/bootstrap-transition.js'
@@ -21,13 +22,14 @@ class Underoos::AssetsGenerator < Rails::Generators::Base
   end
 
   def copy_undeross_stylesheets
+    copy_file 'app/assets/stylesheets/underoos-docs.sass'
     copy_file 'app/assets/stylesheets/underoos.sass'
     directory 'app/assets/stylesheets/base'
     directory 'app/assets/stylesheets/components'
     directory 'app/assets/stylesheets/layouts'
     directory 'app/assets/stylesheets/mixins'
     directory 'app/assets/stylesheets/polyfills'
-    directory 'app/assets/stylesheets/themes'
+    directory 'app/assets/stylesheets/settings'
   end
 
 end

data/lib/underoos/version.rb

@@ -1,3 +1,3 @@
 module Underoos
-  VERSION = "1.0.0"
+  VERSION = "1.1.0"
 end

data/public/images.html

@@ -0,0 +1,157 @@
+
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
+  <head>
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <title>underoos images</title>
+    <meta name="imagetoolbar" content="no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="apple-touch-fullscreen" content="YES" />
+    <meta name="apple-mobile-web-app-capable" content="YES" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link rel="stylesheet" href="/assets/underoos.css" type="text/css">
+    <link rel="stylesheet" href="sherpa.css" type="text/css">
+    <link rel="stylesheet" href="/assets/underoos-docs.css" type="text/css">
+  </head>
+
+  <body id="images">
+    <aside class="sherpa-sidebar">
+      <nav>
+        <a class="sherpa-brand" href="/">underoos</a>
+          <ul class="sherpa-dox-nav sherpa-nav-list">
+            <li class="sherpa-nav-header">Documentation</li>
+            <li><a href='index.html'>Overview</a></li><li><a href='styles.html'>Styles</a></li><li><a href='images.html'>Images</a></li>
+          </ul>
+
+        <ul class="sherpa-anchor-nav sherpa-nav-list">
+          <li class='sherpa-nav-header'>Public</li><li><a href='#public-apple-touch-icon-114x114-precomposed'>apple touch icon 114x114 precomposed</a></li><li><a href='#public-apple-touch-icon-57x57-precomposed'>apple touch icon 57x57 precomposed</a></li><li><a href='#public-apple-touch-icon-72x72-precomposed'>apple touch icon 72x72 precomposed</a></li><li><a href='#public-apple-touch-icon-precomposed'>apple touch icon precomposed</a></li><li><a href='#public-apple-touch-icon'>apple touch icon</a></li><li><a href='#public-favicon'>favicon</a></li>
+        </ul>
+      </nav>
+    </aside>
+
+    <section class="sherpa-wrapper sherpa-container sherpa-clearfix">
+
+      <section class="sherpa-section sherpa-clearfix">
+        <h1 class="sherpa-page-heading">images</h1>
+      </section>
+
+      
+<section class="sherpa-section sherpa-clearfix" id="public-apple-touch-icon-114x114-precomposed">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/apple-touch-icon-114x114-precomposed.png" target="_blank">public/apple-touch-icon-114x114-precomposed.png</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/apple-touch-icon-114x114-precomposed.png" alt="apple touch icon 114x114 precomposed" title="apple touch icon 114x114 precomposed"></p>
+
+    </div>
+
+</section>
+
+
+<section class="sherpa-section sherpa-clearfix" id="public-apple-touch-icon-57x57-precomposed">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/apple-touch-icon-57x57-precomposed.png" target="_blank">public/apple-touch-icon-57x57-precomposed.png</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/apple-touch-icon-57x57-precomposed.png" alt="apple touch icon 57x57 precomposed" title="apple touch icon 57x57 precomposed"></p>
+
+    </div>
+
+</section>
+
+
+<section class="sherpa-section sherpa-clearfix" id="public-apple-touch-icon-72x72-precomposed">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/apple-touch-icon-72x72-precomposed.png" target="_blank">public/apple-touch-icon-72x72-precomposed.png</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/apple-touch-icon-72x72-precomposed.png" alt="apple touch icon 72x72 precomposed" title="apple touch icon 72x72 precomposed"></p>
+
+    </div>
+
+</section>
+
+
+<section class="sherpa-section sherpa-clearfix" id="public-apple-touch-icon-precomposed">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/apple-touch-icon-precomposed.png" target="_blank">public/apple-touch-icon-precomposed.png</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/apple-touch-icon-precomposed.png" alt="apple touch icon precomposed" title="apple touch icon precomposed"></p>
+
+    </div>
+
+</section>
+
+
+<section class="sherpa-section sherpa-clearfix" id="public-apple-touch-icon">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/apple-touch-icon.png" target="_blank">public/apple-touch-icon.png</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/apple-touch-icon.png" alt="apple touch icon" title="apple touch icon"></p>
+
+    </div>
+
+</section>
+
+
+<section class="sherpa-section sherpa-clearfix" id="public-favicon">
+
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/public/favicon.ico" target="_blank">public/favicon.ico</a>
+    </div>
+
+    <div class="sherpa-imageview sherpa-clearfix">
+      <p><img src="/favicon.ico" alt="favicon" title="favicon"></p>
+
+    </div>
+
+</section>
+
+
+    </section>
+
+    <footer class="sherpa-footer sherpa-container sherpa-clearfix">
+      <p>&raquo; Hand crafted by <a href="http://www.modeset.com/">Mode Set</a> and <a href="https://raw.github.com/modeset/underoos/master/LICENSE">licensed MIT</a> style for your pleasure</p>
+      <p>&raquo; Fork and fix me at <a href="https://github.com/modeset/underoos/">Github</a></p>
+      <p>&raquo; See where it's headed on <a href="https://www.pivotaltracker.com/projects/485221">Pivotal Tracker</a></p>
+      <p>&raquo; Documentation generated by <a href="https://github.com/modeset/sherpa">sherpa</a></p>
+    </footer>
+
+    <section class="upgrade-notifications">
+      <a class="upgrade-close" data-dismiss="alert" href="#">×</a>
+      <section class="upgrade-notification">
+        <article class="lt-ie8-msg upgrade-container">
+          <p>
+            Please upgrade to the <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-9/worldwide-languages">latest version of Internet Explorer</a> or use one of the following browsers:
+            <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Apple Safari</a>, or <a href="http://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a>
+          </p>
+        </article>
+        <article class="no-js-msg upgrade-container">
+          <p>For full functionality of this site it is necessary to enable <a href="http://www.enable-javascript.com/" target="_blank">JavaScript</a>.</p>
+        </article>
+      </section>
+    </section>
+
+    <script src="/assets/underoos.js"></script>
+    <script src="/assets/docs.js"></script>
+  </body>
+</html>
+

data/public/index.html

@@ -0,0 +1,149 @@
+
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
+  <head>
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <title>underoos overview</title>
+    <meta name="imagetoolbar" content="no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="apple-touch-fullscreen" content="YES" />
+    <meta name="apple-mobile-web-app-capable" content="YES" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link rel="stylesheet" href="/assets/underoos.css" type="text/css">
+    <link rel="stylesheet" href="sherpa.css" type="text/css">
+    <link rel="stylesheet" href="/assets/underoos-docs.css" type="text/css">
+  </head>
+
+  <body id="overview">
+    <aside class="sherpa-sidebar">
+      <nav>
+        <a class="sherpa-brand" href="/">underoos</a>
+          <ul class="sherpa-dox-nav sherpa-nav-list">
+            <li class="sherpa-nav-header">Documentation</li>
+            <li><a href='index.html'>Overview</a></li><li><a href='styles.html'>Styles</a></li><li><a href='images.html'>Images</a></li>
+          </ul>
+
+        <ul class="sherpa-anchor-nav sherpa-nav-list">
+          <li class='sherpa-nav-header'>.</li><li><a href='#readme'>Readme</a></li>
+        </ul>
+      </nav>
+    </aside>
+
+    <section class="sherpa-wrapper sherpa-container sherpa-clearfix">
+
+      <section class="sherpa-section sherpa-clearfix">
+        <h1 class="sherpa-page-heading">overview</h1>
+      </section>
+
+      
+<section class="sherpa-section sherpa-clearfix" id="readme">
+
+    <div class="sherpa-filepath sherpa-clearfix">
+      <a href="https://github.com/modeset/underoos/blob/master/README.md" target="_blank">README.md</a>
+    </div>
+
+    <div class="sherpa-description sherpa-clearfix">
+      <h2>underoos</h2>
+<br /><p>Base styles, component and layout structures for a projects foundation.</p>
+<br /><ol>
+<li>Crafted in <a href="http://sass-lang.com/">Sass</a> - the actual <code>.sass</code> version</li>
+<li>Tuned for responsiveness with <code>ems</code> and <code>percentages</code> instead of pixel measurements</li>
+<li>Structured, consistent markup allowing a common language between front and back end development teams</li>
+<li>Minimal styles for quick prototypes, and allowing development teams to move forward while still in design phase</li>
+<li>Built to work with <a href="http://compass-style.org/">Compass</a> or <a href="http://thoughtbot.com/bourbon/">Bourbon</a> out of the box (though not a requirement by any means)</li>
+</ol>
+<br /><p>Underoos is meant as the starting point for an application. All of the <code>.sass</code> files are meant to be tweaked to the design, the important part is maintaining the structure of the markup as close as possible. This allows back end developers, front end developers and design teams to work simultaneously across an application. Underoos is the fancy stuff under the pants.</p>
+<br /><p>For more details around Underoos and how it works, take a look at the <a href="http://underoos.modeset.com/docs/style.html">interactive docs</a>.</p>
+<br /><p>Underoos is still under continuous development. It&#39;s stable, but is subject to some changes.</p>
+<br /><h3>Browser support</h3>
+<br /><ul>
+<li>Modern browsers (Chrome, Safari, Firefox, Internet Explorer 9+)</li>
+<li>Mobile/Tablet browsers (The Webkits)</li>
+<li>Internet Explorer 8</li>
+<li>Internet Explorer 7 (This needs to be enabled)</li>
+</ul>
+<br /><h3>Requirements</h3>
+<br /><ul>
+<li>Sass 3.1+ (files can easily be converted to <code>scss</code> by using the <code>sass-convert</code> tool)</li>
+</ul>
+<br /><h3>Installation</h3>
+<br /><p>Within a Rails environment:</p>
+<br /><p>Include underoos in your Gemfile</p>
+<br /><pre><code>gem &#39;underoos&#39;
+</code></pre>
+<br /><p>Then run the generator</p>
+<br /><pre><code>rails g underoos:assets
+</code></pre>
+<br /><p>Currently in other environments, it&#39;s a manual operation, but it&#39;s on our short list to automate this.</p>
+<br /><ol>
+<li>Clone or download the repository</li>
+<li>Copy over the <code>.sass</code> files from within <code>underoos/app/assets/stylesheets/</code></li>
+<li>Copy over the <code>javascripts</code> files from within <code>underoos/app/assets/javascripts/</code></li>
+<li>Copy over the <code>javascripts</code> files from within <code>underoos/vendor/assets/javascripts/</code></li>
+<li>Optionally copy over the <code>./script/javascripts</code> for pulling down the latest vendor javascripts</li>
+</ol>
+<br /><p>We know this sort of sucks ATM, but we&#39;ll get something better in place, promise.</p>
+<br /><h3>What&#39;s with all the comments?</h3>
+<br /><p>Underoos utilizes <a href="https://github.com/modeset/sherpa">sherpa</a> for documentation generation. This means the comments actually generate a <a href="http://underoos.modeset.com/docs/style.html">living styleguide</a>. As long as the structure doesn&#39;t change, the styleguide will be updated as you change style configurations. This allows documentation to be portable across applications. If you&#39;re like us, you hate documenting, so creating an automated task is a bonus all around. We will most likely move the inline documentation to external files in the very near future. Stay tuned.</p>
+<br /><p>See the <a href="https://github.com/modeset/sherpa">sherpa</a> project for more details. </p>
+<br /><h3>Inspirations</h3>
+<br /><p>Underoos is heavily inspired by the fabulous <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a> library. In fact, we are using most of the JavaScript files contained within Bootstrap. We literally built underoos and it&#39;s documentation on the backs of giants. Let us give credit where credit is due. There are some key differences between underoos and bootstrap, so don&#39;t think of it as a pure clone.</p>
+<br /><p>If you don&#39;t mind dealing with the <a href="http://lesscss.org/">less library</a>, you should be using Twitter&#39;s Bootstrap.</p>
+<br /><h3>Road Map</h3>
+<br /><p>Feature updates are currently being run through a <a href="https://www.pivotaltracker.com/projects/485221">Pivotal Tracker project</a>.</p>
+<br /><h3>Contributing</h3>
+<br /><p>We are happy to take pull requests and bug fixes, but please follow these simple rules.</p>
+<br /><ol>
+<li>Needs to pass in all supported browsers (ie7 doesn&#39;t necessarily need to be perfect!)</li>
+<li>Documentation needs to reflect changes or additions</li>
+</ol>
+<br /><p>Feel free to check in with us before working on anything just to make sure we haven&#39;t started down the path already.</p>
+<br /><p>To work with the repository, clone and run the following:</p>
+<br /><pre><code>bundle
+rake sherpa:html
+</code></pre>
+<br /><p>Anytime you alter documentation, you&#39;ll need to run <code>rake sherpa:html</code> to regenerate it. If you are only tweaking styles, there is no need to rerun this command, just hit refresh.</p>
+<br /><h3>Licensing</h3>
+<br /><p>Underoos is <a href="https://raw.github.com/modeset/underoos/master/LICENSE">MIT licensed</a>, so do what you want with these files. We built them for us, but hopefully this makes somebody&#39;s life easier too. If you use underoos in a project, like us on Facebook... just kidding, don&#39;t do that, that is just lame. Seriously though, let us know how it goes.</p>
+
+    </div>
+
+
+</section>
+
+
+    </section>
+
+    <footer class="sherpa-footer sherpa-container sherpa-clearfix">
+      <p>&raquo; Hand crafted by <a href="http://www.modeset.com/">Mode Set</a> and <a href="https://raw.github.com/modeset/underoos/master/LICENSE">licensed MIT</a> style for your pleasure</p>
+      <p>&raquo; Fork and fix me at <a href="https://github.com/modeset/underoos/">Github</a></p>
+      <p>&raquo; See where it's headed on <a href="https://www.pivotaltracker.com/projects/485221">Pivotal Tracker</a></p>
+      <p>&raquo; Documentation generated by <a href="https://github.com/modeset/sherpa">sherpa</a></p>
+    </footer>
+
+    <section class="upgrade-notifications">
+      <a class="upgrade-close" data-dismiss="alert" href="#">×</a>
+      <section class="upgrade-notification">
+        <article class="lt-ie8-msg upgrade-container">
+          <p>
+            Please upgrade to the <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-9/worldwide-languages">latest version of Internet Explorer</a> or use one of the following browsers:
+            <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Apple Safari</a>, or <a href="http://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a>
+          </p>
+        </article>
+        <article class="no-js-msg upgrade-container">
+          <p>For full functionality of this site it is necessary to enable <a href="http://www.enable-javascript.com/" target="_blank">JavaScript</a>.</p>
+        </article>
+      </section>
+    </section>
+
+    <script src="/assets/underoos.js"></script>
+    <script src="/assets/docs.js"></script>
+  </body>
+</html>
+

data/public/sherpa.css

@@ -0,0 +1,306 @@
+
+/*~
+sherpa.css
+*/
+
+
+/* Helpers */
+.sherpa-clearfix {
+  *zoom: 1;
+}
+.sherpa-clearfix:before,
+.sherpa-clearfix:after {
+  content: "";
+  display: table;
+}
+.sherpa-clearfix:after {
+  clear: both;
+}
+
+/* Aside Navigation */
+.sherpa-sidebar {
+  background-color: #fafafa;
+  border-right: 1px solid #ccc;
+  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: 1.2;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 20%;
+}
+
+.sherpa-sidebar a,
+.sherpa-sidebar a:hover {
+  text-decoration: none;
+}
+
+.sherpa-brand {
+  color: #ccc !important;
+  display: block;
+  font-weight: bold;
+  text-shadow: 0 1px 0 white;
+  padding: 1em 0.5em;
+}
+
+.sherpa-nav-list {
+  list-style: none;
+}
+.sherpa-nav-list > li > a {
+  border-left: 3px solid transparent;
+  color: #777;
+  display: block;
+  padding: 0.3em 0.75em;
+}
+.sherpa-nav-list > li > a:hover {
+  background-color: #f3f3f3;
+  color: #555;
+}
+.sherpa-nav-list > li > a:active,
+.sherpa-nav-list .active > a,
+.sherpa-nav-list .active > a:hover {
+  background-color: #eee;
+  border-left-color: #b22222;
+  color: #333;
+  cursor: default;
+}
+.sherpa-nav-list .sherpa-subnav {
+  text-indent: 0.5em;
+  margin-top: -0.3em;
+}
+.sherpa-dox-nav > li > a:active,
+.sherpa-dox-nav .active > a,
+.sherpa-dox-nav .active > a:hover {
+  border-left-color: #268bd2;
+}
+
+.sherpa-nav-header {
+  background-color: #e5e5e5;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  color: #777;
+  font-weight: bold;
+  padding: 0.3em 0.5em;
+  text-shadow: 0 1px 0 white;
+}
+.sherpa-dox-nav .sherpa-nav-header {
+  background-color: #d5d5d5;
+  border-top: 1px solid #bbb;
+}
+
+.sherpa-dox-nav + .sherpa-anchor-nav {
+  margin-top: 2em;
+}
+.sherpa-anchor-nav li + .sherpa-nav-header {
+  margin-top: 1em;
+}
+
+.sherpa-page-heading {
+  font-size: 48px;
+  font-size: 3rem;
+  text-transform: capitalize;
+  border-bottom: 1px solid #aaa;
+}
+
+/* Section Containers */
+.sherpa-container {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  margin-left: 20%;
+  margin-right: 10%;
+}
+
+.sherpa-section {
+  padding: 0.5em 0;
+  margin: 0.5em 0 0.5em 2%;
+}
+.sherpa-section + .sherpa-section {
+  margin-top: 2em;
+}
+
+.sherpa-filepath {
+  float: right;
+  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+  font-size: 85%;
+  font-weight: bold;
+  margin-top: 1.6em;
+}
+.sherpa-filepath a,
+.sherpa-filepath a:visited,
+.sherpa-filepath a:hover,
+.sherpa-filepath a:active {
+  color: #aaa;
+  text-decoration: none;
+}
+.sherpa-filepath a:hover,
+.sherpa-filepath a:active {
+  color: #999;
+}
+.sherpa-filepath.sherpa-imagepath {
+  float: none;
+  margin-bottom: 0.5em;
+  margin-left: 1em;
+}
+
+.sherpa-overview,
+.sherpa-imageview {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  border-radius: 0.4em;
+  margin-bottom: 1.25em;
+  padding: 2em;
+}
+.sherpa-overview {
+  background-color: #eaeaea;
+}
+
+.sherpa-summary > h2 {
+  border-bottom: 1px solid #aaa;
+  line-height: 1.2;
+  margin-bottom: 0;
+}
+
+.sherpa-summary > table thead {
+  background-color: #e1e1e1;
+}
+.sherpa-summary > table tr {
+  border: 1px solid #ccc;
+}
+.sherpa-summary > table tbody tr:nth-child(even) {
+  background-color: #eee;
+}
+
+.sherpa-description > h4 {
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+.sherpa-description > h4 + br {
+  display: none;
+}
+.sherpa-summary,
+.sherpa-description {
+  margin-bottom: 2em;
+}
+
+.sherpa-notes + .sherpa-notes {
+  margin-top: -3.5em;
+}
+.sherpa-notes > h4 {
+  display: none;
+}
+.sherpa-notes ul {
+  list-style: none;
+}
+.sherpa-notes li {
+  background-color: #cee6f6;
+  border: 1px solid #78b9e6;
+  border-radius: 0.4em;
+  color: #268bd2;
+  position: relative;
+  padding: 0.75em;
+  margin: 1em 0;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
+}
+.sherpa-notes.sherpa-warnings li {
+  background-color: #ffe9a6;
+  border-color: #ffd040;
+  color: #c09100;
+}
+.sherpa-notes.sherpa-alerts li {
+  background-color: #f0b0b0;
+  border-color: #e05a5a;
+  color: #b22222;
+}
+.sherpa-notes li a {
+  text-decoration: underline;
+}
+
+.sherpa-showcase {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border: 1px solid #ccc;
+  border-radius: 0.4em;
+  background-color: transparent;
+  margin-bottom: 1.25em;
+  padding: 2em;
+}
+.sherpa-footer {
+  border-top: 1px solid #aaa;
+  font-size: 85%;
+  margin-left: 21%;
+  padding: 2em 0;
+}
+
+.sherpa-hidden {
+  display: none;
+}
+
+.sherpa-togglable {
+  border-radius: 0.4em;
+  cursor: pointer;
+  padding: 0 0.5em 0 40px;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAACJUlEQVR42sVUO4saURT2B2xhOb4HHygquorYKD5R8f2IgnZqYZNmFSEgCEKwdUCwsNoyZWAJGIUQFsEtUoisYDlIii22mA1bbLHF2XuGXAizwk4RkuIr5t7vnO+c75y5CgD4J/j/QiqVitVoNJen7nQ63YXRaASDwfCZniGXYRilbCEkkwQju90OTqcTTgWFQiE+EAjAZDK5omfIJTEPWMSbQoTUtNlsD36/HxKJBITD4VdCJpOJJUKQSqXgcDi8+0Mc4vE4+Hw+sFgsPOkw8koID81m89br9UIsFoN8Pg+NRuN5Op3yUqFoNDrEIvr9/j0AnNHz4XB4Vy6XIZvNigW63W4g9n7HEYhCLMteulwuwIoymQzU6/Xn+XzOC4LwlRCaUiFSCI/dzGazK8ndh/1+/6PX6wmlUgnS6TSgvQ6HA/R6/YUCW8VAvGy1Wk+73e76t8CZHNskMBNwq9XqFh0pFoviCDweDyi63e59pVKBarUKuVwOgsHgL6vVOlKr1Uq5tlFotVol6WBEeI+FQgFqtRqgnYPB4A4JH7GCdrv9hF1hIlwGXApcDjm2SRcpmUyKAphzuVzeoq2UGCT4hLPBGWFnJKk4ULm2IRdjMJbOGXNi7lP/UZPn+W/j8VjcoEgkAnJtQy46wnHcT7pIb70MDLa62Wy2nU5HkGMbArnH4/EGAN7TQuS+decEHP1eLBZf1uv1ltp2Ashl/sajeo6QVCsbL4u35XfiltG+AAAAAElFTkSuQmCC);
+  background-repeat: no-repeat;
+  background-position: 8px 8px;
+}
+.sherpa-togglable:hover {
+  color: #268bd2;
+  background-color: #f3f3f3;
+}
+
+.sherpa-swatch {
+  background-color: #268bd2;
+  border-radius: 0.4em;
+  display: inline-block;
+  vertical-align: middle;
+  width: 30px;
+  height: 20px;
+}
+
+/* Break down sizing for mobile */
+@media (max-width: 480px) {
+  .sherpa-sidebar {
+    background-color: #e5e5e5;
+    border-bottom: 1px solid #ccc;
+    border-right: none;
+    position: static;
+    width: 100%;
+  }
+  .sherpa-nav-header,
+  .sherpa-anchor-nav {
+    display: none;
+  }
+  .sherpa-dox-nav {
+    margin: 1em 2%;
+  }
+  .sherpa-dox-nav > li {
+    float: left;
+  }
+  .sherpa-brand,
+  .sherpa-dox-nav > li > a {
+    padding: 0.3em 0.5em;
+  }
+  .sherpa-brand {
+    float: right;
+    color: #999 !important;
+  }
+  .sherpa-dox-nav > li > a {
+    border-radius: 0.25em 0.25em 0 0;
+    font-weight: bold;
+    border: 0;
+  }
+  .sherpa-container {
+    margin-left: 2%;
+    margin-right: 2%;
+  }
+}
+