diff --git a/max/app.js b/example/app.js
similarity index 100%
rename from max/app.js
rename to example/app.js
diff --git a/max/index.html b/example/index.html
similarity index 100%
rename from max/index.html
rename to example/index.html
diff --git a/max/app.css b/max/app.css
deleted file mode 100644
index 7818a189c3..0000000000
--- a/max/app.css
+++ /dev/null
@@ -1,246 +0,0 @@
-h1,h2,h3,h4,h5 {
-  margin: 0;
-  padding: 0;
-}
-body {
-  font: 14px/1.25 "Helvetica Neue", sans-serif;
-  color: #222;
-  background-color: #fff;
-}
-
-.bar-header {
-  top: 0;
-  display: -webkit-box;
-  display: box;
-  background-color: #de5646;
-  border-bottom: 1px solid #bc4434;
-  -webkit-box-orient: horizontal;
-          box-orient: horizontal;
-}
-
-/* Centered text in the .bar-header */
-.bar-header .title {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  font-size: 20px;
-  font-weight: bold;
-  line-height: 44px;
-  color: #fff;
-  text-align: center;
-  white-space: nowrap;
-}
-
-.bar-header > a:not([class*="button"]) {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-
-/* Retain specified title color */
-.bar-header .title a {
-  color: inherit;
-}
-
-[class*="bar-"] {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 10;
-  height: 44px;
-  padding: 5px;
-  box-sizing: border-box;
-}
-
-.bar-footer {
-  bottom: 0;
-}
-
-/* Generic style for all buttons in .bar-header */
-.bar-header [class*="button"] {
-  position: relative;
-  z-index: 10; /* Places buttons over full width title */
-  font-size: 12px;
-  line-height: 23px;
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
-  background-color: #1eb0e9;
-  background-image: -webkit-linear-gradient(top, #1eb0e9 0, #0984c6 100%);
-  background-image: linear-gradient(to bottom, #1eb0e9 0, #0984c6 100%);
-  border: 1px solid #0e5895;
-  box-shadow: 0 1px rgba(255, 255, 255, .25);
-  -webkit-box-flex: 0;
-          box-flex: 0;
-}
-
-
-/* Hacky way to right align buttons outside of flex-box system
-   Note: is only absolutely positioned button, would be better if flex-box had an "align right" option */
-.bar-header .title + [class*="button"]:last-child,
-.bar-header .button + [class*="button"]:last-child,
-.bar-header [class*="button"].pull-right {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-}
-
-/* Override standard button active states */
-.bar-header .button:active {
-  color: #fff;
-  background-color: #0876b1;
-}
-
-/* Add relative positioning so :before content is positioned properly */
-.bar-header .button-prev,
-.bar-header .button-next {
-  position: relative;
-}
-
-/* Prev/next button base styles */
-.bar-header .button-prev {
-  margin-left: 7px; /* Push over to make room for :before content */
-  border-left: 0;
-  border-bottom-left-radius: 10px 15px;
-  border-top-left-radius: 10px 15px;
-}
-.bar-header .button-next {
-  margin-right: 7px; /* Push over to make room for :before content */
-  border-right: 0;
-  border-top-right-radius: 10px 15px;
-  border-bottom-right-radius: 10px 15px;
-}
-
-/* Pointed part of directional button */
-.bar-header .button-prev:before,
-.bar-header .button-next:before {
-  position: absolute;
-  top: 2px;
-  width: 27px;
-  height: 27px;
-  border-radius: 30px 100px 2px 40px / 2px 40px 30px 100px;
-  content: '';
-  box-shadow: inset 1px 0 #0e5895, inset 0 1px #0e5895;
-  -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000), color-stop(.33, #000), color-stop(.5, transparent), to(transparent));
-                  mask-image: gradient(linear, left top, right bottom, from(#000), color-stop(.33, #000), color-stop(.5, transparent), to(transparent));
-}
-.bar-header .button-prev:before {
-  left: -5px;
-  background-image: -webkit-gradient(linear, left bottom, right top, from(#0984c6), to(#1eb0e9));
-  background-image: gradient(linear, left bottom, right top, from(#0984c6), to(#1eb0e9));
-  border-left: 1.5px solid rgba(255, 255, 255, .25);
-  -webkit-transform: rotate(-45deg) skew(-10deg, -10deg);
-          transform: rotate(-45deg) skew(-10deg, -10deg);
-}
-.bar-header .button-next:before {
-  right: -5px;
-  background-image: -webkit-gradient(linear, left bottom, right top, from(#1eb0e9), to(#0984c6));
-  background-image: gradient(linear, left bottom, right top, from(#1eb0e9), to(#0984c6));
-  border-top: 1.5px solid rgba(255, 255, 255, .25);
-  -webkit-transform: rotate(135deg) skew(-10deg, -10deg);
-          transform: rotate(135deg) skew(-10deg, -10deg);
-}
-
-/* Active states for the directional buttons */
-.bar-header .button-prev:active,
-.bar-header .button-next:active,
-.bar-header .button-prev:active:before,
-.bar-header .button-next:active:before {
-  color: #fff;
-  background-color: #0876b1;
-  background-image: none;
-}
-.bar-header .button-prev:active:before,
-.bar-header .button-next:active:before {
-  content: '';
-}
-.bar-header .button-prev:active:before {
-  box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2);
-}
-.bar-header .button-next:active:before {
-  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, .2);
-}
-
-
-[class*="button"] {
-  position: relative;
-  display: inline-block;
-  padding: 4px 12px;
-  margin: 0;
-  font-weight: bold;
-  line-height: 18px;
-  color: #333;
-  text-align: center;
-  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-  vertical-align: top;
-  cursor: pointer;
-  background-color: #f8f8f8;
-  background-image: -webkit-linear-gradient(top, #f8f8f8 0, #d4d4d4 100%);
-  background-image: linear-gradient(to bottom, #f8f8f8 0, #d4d4d4 100%);
-  border: 1px solid rgba(0, 0, 0, .3);
-  border-radius: 3px;
-  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 2px rgba(0, 0, 0, .05);
-}
-
-/* Active */
-[class*="button"]:active {
-  padding-top: 5px;
-  padding-bottom: 3px;
-  color: #333;
-  background-color: #ccc;
-  background-image: none;
-  box-shadow: inset 0 3px 3px rgba(0, 0, 0, .2);
-}
-
-/* Button modifiers
--------------------------------------------------- */
-
-/* Overriding styles for buttons with modifiers  */
-.button-main,
-.button-positive,
-.button-negative {
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
-}
-
-/* Main button */
-.button-main {
-  background-color: #1eafe7;
-  background-image: -webkit-linear-gradient(top, #1eafe7 0, #1a97c8 100%);
-  background-image: linear-gradient(to bottom, #1eafe7 0, #1a97c8 100%);
-  border: 1px solid #117aaa;
-}
-
-/* Positive button  */
-.button-positive {
-  background-color: #34ba15;
-  background-image: -webkit-linear-gradient(top, #34ba15 0, #2da012 100%);
-  background-image: linear-gradient(to bottom, #34ba15 0, #2da012 100%);
-  border: 1px solid #278f0f;
-}
-
-/* Negative button  */
-.button-negative {
-  background-color: #e71e1e;
-  background-image: -webkit-linear-gradient(top, #e71e1e 0,#c71a1a 100%);
-  background-image: linear-gradient(to bottom, #e71e1e 0, #c71a1a 100%);
-  border: 1px solid #b51a1a;
-}
-
-/* Active state for buttons with modifiers */
-.button-main:active,
-.button-positive:active,
-.button-negative:active {
-  color: #fff;
-}
-.button-main:active {
-  background-color: #0876b1;
-}
-.button-positive:active {
-  background-color: #298f11;
-}
-.button-negative:active {
-  background-color: #b21a1a;
-}
-
diff --git a/max/bower_components/normalize-css/.bower.json b/max/bower_components/normalize-css/.bower.json
deleted file mode 100644
index eedc1e0e89..0000000000
--- a/max/bower_components/normalize-css/.bower.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "name": "normalize-css",
-  "version": "2.1.2",
-  "main": "normalize.css",
-  "author": "Nicolas Gallagher",
-  "ignore": [
-    "CHANGELOG.md",
-    "CONTRIBUTING.md",
-    "component.json",
-    "test.html"
-  ],
-  "homepage": "https://github.com/necolas/normalize.css",
-  "_release": "2.1.2",
-  "_resolution": {
-    "type": "version",
-    "tag": "v2.1.2",
-    "commit": "783d337293754992a56066df68ade69732231fc0"
-  },
-  "_source": "git://github.com/necolas/normalize.css.git",
-  "_target": "~2.1.2",
-  "_originalSource": "normalize-css",
-  "_direct": true
-}
\ No newline at end of file
diff --git a/max/bower_components/normalize-css/LICENSE.md b/max/bower_components/normalize-css/LICENSE.md
deleted file mode 100644
index c6bcc9bf2d..0000000000
--- a/max/bower_components/normalize-css/LICENSE.md
+++ /dev/null
@@ -1,19 +0,0 @@
-Copyright (c) Nicolas Gallagher and Jonathan Neal
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in
-the Software without restriction, including without limitation the rights to
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
-of the Software, and to permit persons to whom the Software is furnished to do
-so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
diff --git a/max/bower_components/normalize-css/README.md b/max/bower_components/normalize-css/README.md
deleted file mode 100644
index 87b60ea559..0000000000
--- a/max/bower_components/normalize-css/README.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# normalize.css v2
-
-Normalize.css is a customisable CSS file that makes browsers render all
-elements more consistently and in line with modern standards. We researched the
-differences between default browser styles in order to precisely target only
-the styles that need normalizing.
-
-[Check out the demo](http://necolas.github.io/normalize.css/latest/test.html)
-
-[Legacy browser support is available in v1](https://github.com/necolas/normalize.css/tree/v1)
-
-## Install
-
-Download from the [project page](http://necolas.github.io/normalize.css/).
-
-Install with [Bower](http://bower.io/): `bower install --save normalize-css`
-
-## What does it do?
-
-* Preserves useful defaults, unlike many CSS resets.
-* Normalizes styles for a wide range of elements.
-* Corrects bugs and common browser inconsistencies.
-* Improves usability with subtle improvements.
-* Explains what code does using detailed comments.
-
-## How to use it
-
-Normalize.css is intended to be used as an alternative to CSS resets.
-
-It's suggested that you read the `normalize.css` file and consider customising
-it to meet your needs. Alternatively, include the file in your project and
-override the defaults later in your CSS.
-
-## Browser support
-
-* Google Chrome
-* Mozilla Firefox 4+
-* Apple Safari 5+
-* Opera 12+
-* Internet Explorer 8+
-
-## Contribute
-
-Please read the CONTRIBUTING.md
-
-## Acknowledgements
-
-Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
-co-created with [Jonathan Neal](https://github.com/jonathantneal).
diff --git a/max/bower_components/normalize-css/bower.json b/max/bower_components/normalize-css/bower.json
deleted file mode 100644
index c96b7cd34d..0000000000
--- a/max/bower_components/normalize-css/bower.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "name": "normalize-css",
-    "version": "2.1.2",
-    "main": "normalize.css",
-    "author": "Nicolas Gallagher",
-    "ignore": [
-        "CHANGELOG.md",
-        "CONTRIBUTING.md",
-        "component.json",
-        "test.html"
-    ]
-}
diff --git a/max/bower_components/normalize-css/normalize.css b/max/bower_components/normalize-css/normalize.css
deleted file mode 100644
index 6adf56e798..0000000000
--- a/max/bower_components/normalize-css/normalize.css
+++ /dev/null
@@ -1,396 +0,0 @@
-/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/**
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-[hidden] {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/**
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/**
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, serif;
-    font-size: 1em;
-}
-
-/**
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/**
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/**
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/**
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/**
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
diff --git a/max/scss/framework.scss b/max/scss/framework.scss
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/max/scss/framework/components/button.scss b/max/scss/framework/components/button.scss
deleted file mode 100644
index e69de29bb2..0000000000