Revisions.

2015-03-01 06:03:05 -08:00 · 2015-03-01 06:03:05 -08:00 · 22d6b1bedd
parent 9eaf05b0f2 237e331aef
commit 22d6b1bedd
54 changed files with 1588 additions and 103 deletions
--- a/harp.json
+++ b/harp.json
@ -1,6 +1,8 @@
 {
  "globals": {
    "title": "Angular",
-    "description"  : "some description"
+    "description": "Angular is a modern javascript framework for building professional web applications.",
+    "jsVersion": "2_0_0-alpha_11",
+    "dartVersion": "2_0_0-alpha_11"
  }
 }
--- a/public/_data.json
+++ b/public/_data.json
@ -1,11 +1,12 @@
 {
  "index": {
-    "hero": "home"
+    "hero": "home",
+    "title": "Angular is a development platform for building mobile and desktop web applications"
  },

  "features": {
    "title": "Features & Benefits",
-    "subtitle": "Production Grade Features"
+    "subtitle": "Powerful Features for Developing Apps"
  },

  "contribute": {
--- a/public/_includes/_cta-bar.jade
+++ b/public/_includes/_cta-bar.jade
@ -1,3 +1,3 @@
 .cta-bar
-  a(href="/docs/quickstart.html" class="button button-large button-shield md-raised md-primary" md-button) Learn in 5 Min
+  a(href="/docs/js/latest/quickstart.html" class="button button-large button-shield md-raised md-primary" md-button) Learn in 5 Min
  a(href="download.html" class="button button-large button-secondary" md-button) Download
--- a/public/_includes/_docs-nav.jade
+++ b/public/_includes/_docs-nav.jade
@ -2,6 +2,10 @@ nav.side-nav.l-pinned-left.l-layer-4.l-offset-nav
  .side-nav-search
    input(type="search" placeholder="SEARCH DOCS...")

+
  ul.side-nav-primary
-    li <a href="/docs/quickstart.html">Quick Start</a>
-    li <a href="/docs/guide.html">Guide</a>
+    for page, slug in public.docs[current.path[1]][current.path[2]]._data
+      if slug == "index"
+        li <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{slug}.html" md-button>Docs Home</a>
+      else
+        li <a href="/docs/#{current.path[1]}/#{current.path[2]}/#{slug}.html" md-button>#{page.title}</a>
--- a/public/_includes/_head-include.jade
+++ b/public/_includes/_head-include.jade
@ -1,4 +1,4 @@
 link(rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.7.1/angular-material.min.css")
 link(href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,400italic,700' rel='stylesheet' type='text/css')
-link(rel="stylesheet" href="/resources/css/vendor/icomoon/icons.css")
+link(rel="stylesheet" href="/resources/css/vendor/icomoon/style.css")
 link(rel="stylesheet" href="/resources/css/main.css")
--- a/public/_includes/_hero-home.jade
+++ b/public/_includes/_hero-home.jade
@ -1,9 +1,9 @@
 header(class="background-sky")
  .hero.background-sf-paper.is-large
-    h1.text-headline.hero-logo Angular is a modern javascript framework for building professional web applications.
+    h1.text-headline.hero-logo #{title}

    .hero-cta
-      a(href="/docs/quickstart.html" class="md-raised button button-large button-plain" md-button) Learn in 5 mins
+      a(href="/docs/js/latest/quickstart.html" class="md-raised button button-large button-plain" md-button) Learn in 5 mins
      a(href="/download.html" class="button button-large button-navy"  md-button) Download

    != partial("_social-icons")
@ -14,4 +14,4 @@ header(class="background-sky")
    h3.text-display-1 NG-CONF 2015
    h4.text-subhead March 5-6. Salt Lake City, Utah

-  a(href="http://www.ng-conf.org/" class="button button-large button-banner"  md-button) Register Today
+  a(href="http://www.ng-conf.org/" class="button button-large button-banner"  md-button) Watch ng-conf
--- a/public/_includes/_main-nav.jade
+++ b/public/_includes/_main-nav.jade
@ -1,11 +1,10 @@
 md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5")
  nav
-    h1 <a href="/">Angular <sup>by Google</sup></a>
+    h1 <a href="/" md-button>Angular <sup>by Google</sup></a>

    ul
-      li <a class="main-nav-button" href="/features.html">Features</a>
-      li <a class="main-nav-button" href="/docs/">Docs</a>
-      li <a class="main-nav-button" href="/about/">About</a>
-      li <a class="main-nav-button" href="/contribute.html">Contribute</a>
-
-    a(class="cta main-nav-button has-icon" href="/download.html")  <span class="icon icon-cloud-download"></span> Download
+      li <a class="main-nav-button" href="/features.html" md-button>Features</a>
+      li <a class="main-nav-button" href="/docs/js/latest/" md-button>Docs</a>
+      li <a class="main-nav-button" href="/about/" md-button>About</a>
+      li <a class="main-nav-button" href="/contribute.html" md-button>Contribute</a>
+    a(class="cta main-nav-button has-icon" href="/download.html" md-button)  <span class="icon icon-cloud-download"></span> Download
--- a/public/_layout.jade
+++ b/public/_layout.jade
@ -1,22 +1,19 @@
 doctype
-html(lang="en"  layout="column" ng-app="myApp")
-
+html(lang="en" ng-app="myApp")
  head
    != partial("/_includes/_head-include")

  body(class="l-offset-nav"  ng-controller="AppCtrl")
    != partial("/_includes/_main-nav")

-    // INCLUDE HERO
+    <!-- HERO LOGO -->
    if hero == 'home'
      != partial("/_includes/_hero-home")
    else
      != partial("/_includes/_hero")

-    // PAGE CONTENT
-    .l-content
+    article.l-content
      != yield

-    // FOOTER & SCRIPTS
    != partial("/_includes/_footer")
    != partial("/_includes/_scripts-include")
--- a/public/about/index.jade
+++ b/public/about/index.jade
@ -1 +1 @@
-h1 about
+h1 About
--- a/public/contribute.jade
+++ b/public/contribute.jade
@ -1 +1 @@
-adsads
+h1 Contribute
--- a/public/docs/_data.jade
+++ b/public/docs/_data.jade
--- a/public/docs/_data.json
+++ b/public/docs/_data.json
@ -1 +1,12 @@
-{}
+{
+  "index": {
+    "title": "Angular Docs",
+    "subtitle": "Choose a language for Angular",
+    "layout": "../_layout"
+  },
+
+  "search": {
+    "title": "Docs Search Results",
+    "layout": "../_layout"
+  }
+}
--- a/public/docs/_layout.jade
+++ b/public/docs/_layout.jade
@ -1,10 +1,15 @@
 doctype
 html(lang="en"  layout="column" ng-app="myApp")
  head
-    != partial("..//_includes/_head-include")
+    != partial("../_includes/_head-include")

  body(class="l-offset-nav l-offset-side-nav"  ng-controller="AppCtrl")
    != partial("../_includes/_main-nav")
    != partial("../_includes/_docs-nav")
-    != yield
+    != partial("../_includes/_hero")
+
+    article.l-pad-6.grid-fluid
+      != yield
+
    != partial("../_includes/_footer")
+    != partial("../_includes/_scripts-include")
--- a/public/docs/dart/_data.json
+++ b/public/docs/dart/_data.json
@ -1,3 +0,0 @@
-{
-  "lang": "dart"
-}
--- a/public/docs/dart/quickstart.jade
+++ b/public/docs/dart/quickstart.jade
@ -1,3 +0,0 @@
-h1 Dart Quickstart
-
-!= partial("../_quickstart", public.docs.dart._data)
--- a/public/docs/index.jade
+++ b/public/docs/index.jade
@ -1,7 +1 @@
-
-section
-  h3
-    a(href="/docs/js/quickstart") JavaScript Quickstart
-  
-  h3
-    a(href="/docs/dart/quickstart") Dart Quickstart
+h1 path #{current.path[0]}
--- a/public/docs/js/2_0_0-alpha_11/_data.json
+++ b/public/docs/js/2_0_0-alpha_11/_data.json
@ -0,0 +1,21 @@
+{
+  "index": {
+    "title": "Angular Docs"
+  },
+
+  "quickstart": {
+    "title": "5 Min Quickstart"
+  },
+
+  "resources": {
+    "title": "Angular Resources"
+  },
+
+  "api": {
+    "title": "API Proposal"
+  },
+
+  "help": {
+    "title": "Help & Support"
+  }
+}
--- a/public/docs/js/2_0_0-alpha_11/api.jade
+++ b/public/docs/js/2_0_0-alpha_11/api.jade
@ -0,0 +1 @@
+H1 API
--- a/public/docs/js/2_0_0-alpha_11/help.jade
+++ b/public/docs/js/2_0_0-alpha_11/help.jade
@ -0,0 +1 @@
+h1 Help &amp; Support
--- a/public/docs/js/2_0_0-alpha_11/index.jade
+++ b/public/docs/js/2_0_0-alpha_11/index.jade
@ -0,0 +1,20 @@
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
+
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
+
+
+div.c4
+  md-card
+    md-card-content
+      h2 Paracosm
+      p he titles of Washed Out's breakthrough song and the first single from Paracosm share the * two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
--- a/public/docs/js/2_0_0-alpha_11/quickstart.jade
+++ b/public/docs/js/2_0_0-alpha_11/quickstart.jade
--- a/public/docs/js/2_0_0-alpha_11/resources.jade
+++ b/public/docs/js/2_0_0-alpha_11/resources.jade
@ -0,0 +1 @@
+h1 resources
--- a/public/docs/js/_data.json
+++ b/public/docs/js/_data.json
@ -1,3 +0,0 @@
-{
-  "lang": "js"
-}
--- a/public/docs/js/_quickstart.jade
+++ b/public/docs/js/_quickstart.jade
@ -21,7 +21,7 @@
        | This repository will provide a faster start.
        
      p
-        | Angular is available on npm. However, the es6-shim repository comes with the Angular npm package. This package includes the dependencies needed to write ES6 in the browser. Think of the es6-shim repository as package rather than a new project. 
+        | Angular is available on npm. But, the es6-shim repository comes with the Angular npm package. This package includes the dependencies needed to write ES6 in the browser. Think of the es6-shim repository as package rather than a new project. 
      p 
        | For the sake of this quickstart we recommend using the <code>es6-shim</code> GitHub repository for a faster start. Angular can be installed through <code>npm</code>. The <code>es6-shim</code> repository comes with the Angular <code>npm</code> package and includes all of the dependencies needed to write ES6 that compiles in the browser. Think of the <code>es6-shim</code> repository as package rather than a new project. Clone the repository inside of aleady existing project.
        pre
--- a/public/docs/js/latest/_data.json
+++ b/public/docs/js/latest/_data.json
@ -0,0 +1,21 @@
+{
+  "index": {
+    "title": "Angular Docs"
+  },
+
+  "quickstart": {
+    "title": "5 Min Quickstart"
+  },
+
+  "resources": {
+    "title": "Angular Resources"
+  },
+
+  "api": {
+    "title": "API Proposal"
+  },
+
+  "help": {
+    "title": "Help & Support"
+  }
+}
--- a/public/docs/js/latest/api.jade
+++ b/public/docs/js/latest/api.jade
@ -0,0 +1 @@
+H1 API
--- a/public/docs/js/latest/help.jade
+++ b/public/docs/js/latest/help.jade
@ -0,0 +1 @@
+h1 Help &amp; Support
--- a/public/docs/js/latest/index.jade
+++ b/public/docs/js/latest/index.jade
@ -0,0 +1,30 @@
+
+div.c4
+  md-card
+    md-card-content
+      h2.text-headline.text-uppercase <span class="icon-query-builder"></span> Quickstart
+      p.text-body Learn Angular in 5 minutes
+
+      footer
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
+
+
+div.c4
+  md-card
+    md-card-content
+      h2.text-headline.text-uppercase <span class="icon-play-circle-outline"></span> Resources
+      p.text-body Preview of v2.0
+
+      footer
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/resources.html" class="button" md-button) View Resources
+
+
+div.c4
+  md-card
+    md-card-content
+      h2.text-headline.text-uppercase <span class="icon-book"></span> API Proposal
+      p.text-body Proposal for v2.0 API
+
+      footer
+        a(href="/docs/#{current.path[1]}/#{current.path[2]}/api.html" class="button" md-button) View API
+
--- a/public/docs/js/latest/quickstart.jade
+++ b/public/docs/js/latest/quickstart.jade
@ -0,0 +1,3 @@
+h1 JavaScript Quickstart
+
+!= partial("../_quickstart", public.docs.js._data)
--- a/public/docs/js/latest/resources.jade
+++ b/public/docs/js/latest/resources.jade
@ -0,0 +1 @@
+h1 resources
--- a/public/features.jade
+++ b/public/features.jade
@ -1,23 +1,92 @@
-section(class="l-content-block" layout="row")
-  div(flex="20")
+
+<!-- MOBILE -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
    .sticker <span class="sticker-icon icon-stay-current-portrait"></span>
-  div(flex="80")
-    h3.text-headline  LIGHTWEIGHT &amp; MOBILE READY
-    p.text-body High Life mustache bitters flannel paleo, Vice chia mumblecore tousled Williamsburg. Scenester whatever farm-to-table Kickstarter hella, lo-fi lumbersexual street art lomo swag Echo Park. High Life leggings tofu Intelligentsia bespoke, American Apparel selfies ennui.
+  .c7
+    h3.text-headline.text-uppercase  Mobile First
+    p.text-body Modular library design and mobile-specific routing keep things lean so users on low-bandwidth networks don't need to wait. First-class support for touch event gestures. Responsive, cross-device, material design UI components. Tuned for performance and low-memory usage on mobile platforms.

-section(class="l-content-block" layout="row")
-  div(flex="20")
-    .sticker <span class="sticker-icon icon-filter-list"></span>
-  div(flex="80")
-    h3.text-headline  ADVANCED FILTERING
-    p.text-body High Life mustache bitters flannel paleo, Vice chia mumblecore tousled Williamsburg. Scenester whatever farm-to-table Kickstarter hella, lo-fi lumbersexual street art lomo swag Echo Park. High Life leggings tofu Intelligentsia bespoke, American Apparel selfies ennui.

-section(class="l-content-block" layout="row")
-  div(flex="20")
-    .sticker <span class="sticker-icon icon-language"></span>
-  div(flex="80")
-    h3.text-headline  INTERNATIONALIZATION (I18N &amp; L10)
-    p.text-body High Life mustache bitters flannel paleo, Vice chia mumblecore tousled Williamsburg. Scenester whatever farm-to-table Kickstarter hella, lo-fi lumbersexual street art lomo swag Echo Park. High Life leggings tofu Intelligentsia bespoke, American Apparel selfies ennui.
+<!-- ES6 -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-fast-forward"></span>
+  .c7
+    h3.text-headline.text-uppercase  Future Ready
+    p.text-body Angular 2 is written in written in ECMAScript 6, with the addition of TypeScript types and annotations. ES6 allows us to benefit from the best of JavaScript, while writing clean and easy-to-read code.
+
+
+<!-- Coffee, Dart, ES6 -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-favorite"></span>
+  .c7
+    h3.text-headline.text-uppercase  Flexible Development
+    p.text-body In addition to full support for ES6 and TypeScript, Angular 2 works equally well with today's ES5, Dart, CoffeeScript, and other languages that compile to JavaScript. The choice of language is up to you.
+
+
+<!-- Speed & Performance -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-av-timer"></span>
+  .c7
+    h3.text-headline.text-uppercase  Speed &amp; Performance
+    p.text-body Change detection is now 5x faster thanks to internal change detection tuned for top performance in modern JavaScript engines. If your application uses data structures that imply change guarantees (like immutables and observables), we will make use of them to help speed up your application.
+
+
+<!-- Simplicity -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon is-small icon-embed2"></span>
+  .c7
+    h3.text-headline.text-uppercase  Simple &amp; Expressive
+    p.text-body Make your intention clear using natural, easy-to-write syntax. Reduce complexity for your team: new, structure-rich templates are readable and easy to understand at a glance.
+
+
+<!-- Routing  -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-call-split"></span>
+  .c7
+    h3.text-headline.text-uppercase Comprehensive Routing
+    p.text-body Design sophisticated views: map URL paths to application components, use advanced features like nested and sibling routes. Support for card stack navigation, animated transitions, and lazy loading for mobile users. Easy migration from routing in prior versions of Angular.
+
+
+<!-- Animations  -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-flip"></span>
+  .c7
+    h3.text-headline.text-uppercase Animations
+    p.text-body Directly tap into to low-level animation support on mobile and desktop environments with easy-to-use Angular events. Make use of CSS, JavaScript, and the Web Animations API to intelligently handle changes to animations in response to user events. Plan complex animation flows by sequencing the behavior of an entire website on a timeline.
+
+
+<!-- Dependancy Injection  -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-now-widgets"></span>
+  .c7
+    h3.text-headline.text-uppercase Hierarchical Dependency Injection
+    p.text-body Angular 2 ships with powerful, yet simple-to-use dependency injection, allowing you to maintain modular applications without writing tedious glue code. Dependency injection aids you when writing tests, by making it easy to inject test doubles.
+
+
+<!-- Web Components -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-polymer"></span>
+  .c7
+    h3.text-headline.text-uppercase Support for Web Components
+    p.text-body Angular 2 plays nicely with web components built using other libraries (Polymer, X-Tag and others), allowing you to pass data into them as easily as into Angular-native components. Angular components use web standards (e.g. shadow DOM and the HTML5 template tag) in browsers that support them.
+
+
+<!-- Internationalization & Accessibility -->
+.grid-fluid.l-space-bottom-8
+  .c3.text-center
+    .sticker <span class="sticker-icon icon-accessibility"></span>
+  .c7
+    h3.text-headline.text-uppercase Internationalization (I18N) &amp; Accessibility
+    p.text-body Reach all your users. Use familiar ICU message format in Angular interpolation syntax ({{ }}), including pluralization and gender rules. Automate message extraction, pseudolocalization, and translation updates. Generate static applications for each locale. Easily promote accessibility via screen readers and assistive devices by automatically generating appropriate ARIA attributes.



--- a/public/index.jade
+++ b/public/index.jade
@ -1,8 +1,30 @@
-section(layout="row")
-  div(flex="70")
-    h3.text-headline  Build Incredible Web Applications
-    p.text-body Angular uses the latest technology High Life mustache bitters flannel paleo, Vice chia mumblecore tousled Williamsburg. Scenester whatever farm-to-table Kickstarter hella, lo-fi lumbersexual street art lomo swag Echo Park. High Life leggings tofu Intelligentsia bespoke, American Apparel selfies ennui.
-  div(flex="30") image goes here...
+.grid-fluid.l-space-bottom-8
+  .c7
+    h3.text-headline  Build Incredible Applications
+    p.text-body Angular is a development platform for creating applications using modern web standards. Angular includes a <a href="/features.html">wealth of essential features</a> such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn.
+  .c5.text-center
+    img(src="/resources/images/logos/html5/html5.png")


-!= partial("/_includes/_cta-bar")
+.grid-fluid.l-space-bottom-8
+  .c7
+    h3.text-headline  Start Quick, Build Fast
+    p.text-body Express your ideas with clean, understandable code. Angular is simple to build on, easy to change, and friendly to the way UX designers work. Create a UI that is beautiful by default, with material design and support for web components. Angular takes <a href="/docs/js/latest/quickstart.html">just minutes to learn</a>.
+  .c5
+    p(data-height="224" data-theme-id="12714" data-slug-hash="pvKKQa" data-default-tab="html" data-user="alexwolfe" class='codepen')
+    script(async src="//assets.codepen.io/assets/embed/ei.js")
+
+.grid-fluid.l-space-bottom-8
+  .c7
+    h3.text-headline  Open Source &amp;  MIT Licensed
+    p.text-body Angular is built by you, for you. Our community shapes Angular's direction: core contributions come from big companies and small ones, from students and independent experts. We do our work in the open so that you can help Angular <a href="https://github.com/angular/angular.js">improve, or extend and modify</a> what we've built.
+  .c5.text-center
+    img(src="/resources/images/logos/license/mit.png")
+
+
+
+.grid-fluid.text-center
+  .c12
+    h3.text-headline Loved by Millions of Developers
+    p.text-body Join millions of developers who use Angular. Ramp up in minutes, and build an app today.
+    != partial("/_includes/_cta-bar")
--- a/public/resources/css/base/_type.scss
+++ b/public/resources/css/base/_type.scss
@ -10,6 +10,19 @@ body {
  color: $platinum;
 }

+a {
+  color: $blueberry;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-uppercase {
+  text-transform: uppercase;
+}
+
+
 .text-display-4 {
  margin: 0px 0px ($unit * 2) 0px;
  font-size: 112px;
@ -58,7 +71,8 @@ body {
  line-height: 32px;
 }

-.text-subhead {
+.text-subhead,
+.text-body {
  margin: 0px 0px ($unit * 2) 0px;
  font-size: 16px;
  font-weight: 400;
@ -66,12 +80,13 @@ body {
  line-height: 28px;
 }

-.text-body {
-  font-size: 16px;
-  font-weight: 400;
-  opacity: .87;
-  line-height: 24px;
-}
+// STANDARD TEXT TOO SMALL
+// .text-body {
+//   font-size: 16px;
+//   font-weight: 400;
+//   opacity: .87;
+//   line-height: 24px;
+// }

 .text-caption {
  margin: 0px 0px ($unit * 2) 0px;
--- a/public/resources/css/layout/_grids.scss
+++ b/public/resources/css/layout/_grids.scss
@ -0,0 +1,569 @@
+/*! Copyright 2012-2014 Alex Wolfe and Rob Levin
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+/* line 24, ../scss/grids.scss */
+.grid-fluid, .grid-fixed {
+  margin: 0 auto;
+}
+/* line 9, ../scss/grids.scss */
+.grid-fluid .c1, .grid-fixed .c1, .grid-fluid .c2, .grid-fixed .c2, .grid-fluid .c3, .grid-fixed .c3, .grid-fluid .c4, .grid-fixed .c4, .grid-fluid .c5, .grid-fixed .c5, .grid-fluid .c6, .grid-fixed .c6, .grid-fluid .c7, .grid-fixed .c7, .grid-fluid .c8, .grid-fixed .c8, .grid-fluid .c9, .grid-fixed .c9, .grid-fluid .c10, .grid-fixed .c10, .grid-fluid .c11, .grid-fixed .c11, .grid-fluid .c12, .grid-fixed .c12 {
+  display: inline;
+  float: left;
+}
+/* line 12, ../scss/grids.scss */
+.grid-fluid .c1.grid-right, .grid-fixed .c1.grid-right, .grid-fluid .c2.grid-right, .grid-fixed .c2.grid-right, .grid-fluid .c3.grid-right, .grid-fixed .c3.grid-right, .grid-fluid .c4.grid-right, .grid-fixed .c4.grid-right, .grid-fluid .c5.grid-right, .grid-fixed .c5.grid-right, .grid-fluid .c6.grid-right, .grid-fixed .c6.grid-right, .grid-fluid .c7.grid-right, .grid-fixed .c7.grid-right, .grid-fluid .c8.grid-right, .grid-fixed .c8.grid-right, .grid-fluid .c9.grid-right, .grid-fixed .c9.grid-right, .grid-fluid .c10.grid-right, .grid-fixed .c10.grid-right, .grid-fluid .c11.grid-right, .grid-fixed .c11.grid-right, .grid-fluid .c12.grid-right, .grid-fixed .c12.grid-right {
+  float: right;
+}
+/* line 15, ../scss/grids.scss */
+.grid-fluid .c1.nb, .grid-fixed .c1.nb, .grid-fluid .c2.nb, .grid-fixed .c2.nb, .grid-fluid .c3.nb, .grid-fixed .c3.nb, .grid-fluid .c4.nb, .grid-fixed .c4.nb, .grid-fluid .c5.nb, .grid-fixed .c5.nb, .grid-fluid .c6.nb, .grid-fixed .c6.nb, .grid-fluid .c7.nb, .grid-fixed .c7.nb, .grid-fluid .c8.nb, .grid-fixed .c8.nb, .grid-fluid .c9.nb, .grid-fixed .c9.nb, .grid-fluid .c10.nb, .grid-fixed .c10.nb, .grid-fluid .c11.nb, .grid-fixed .c11.nb, .grid-fluid .c12.nb, .grid-fixed .c12.nb {
+  margin-left: 0;
+}
+/* line 18, ../scss/grids.scss */
+.grid-fluid .c1.na, .grid-fixed .c1.na, .grid-fluid .c2.na, .grid-fixed .c2.na, .grid-fluid .c3.na, .grid-fixed .c3.na, .grid-fluid .c4.na, .grid-fixed .c4.na, .grid-fluid .c5.na, .grid-fixed .c5.na, .grid-fluid .c6.na, .grid-fixed .c6.na, .grid-fluid .c7.na, .grid-fixed .c7.na, .grid-fluid .c8.na, .grid-fixed .c8.na, .grid-fluid .c9.na, .grid-fixed .c9.na, .grid-fluid .c10.na, .grid-fixed .c10.na, .grid-fluid .c11.na, .grid-fixed .c11.na, .grid-fluid .c12.na, .grid-fixed .c12.na {
+  margin-right: 0;
+}
+
+/* line 105, ../scss/grids.scss */
+.clear {
+  clear: both;
+}
+
+/* line 113, ../scss/grids.scss */
+.grid-fluid {
+  *zoom: 1;
+}
+/* line 92, ../scss/grids.scss */
+.grid-fluid:after, .grid-fluid:before {
+  content: '.';
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  font-size: 0;
+  line-height: 0;
+  width: 0;
+  height: 0;
+}
+/* line 61, ../scss/grids.scss */
+.grid-fluid .c1, .grid-fluid .c2, .grid-fluid .c3, .grid-fluid .c4, .grid-fluid .c5, .grid-fluid .c6, .grid-fluid .c7, .grid-fluid .c8, .grid-fluid .c9, .grid-fluid .c10, .grid-fluid .c11, .grid-fluid .c12 {
+  margin-right: 1.04167%;
+  margin-left: 1.04167%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c1 {
+  width: 6.25%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b1 {
+  margin-left: 10.41667%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a1 {
+  margin-right: 10.41667%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c2 {
+  width: 14.58333%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b2 {
+  margin-left: 18.75%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a2 {
+  margin-right: 18.75%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c3 {
+  width: 22.91667%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b3 {
+  margin-left: 27.08333%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a3 {
+  margin-right: 27.08333%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c4 {
+  width: 31.25%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b4 {
+  margin-left: 35.41667%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a4 {
+  margin-right: 35.41667%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c5 {
+  width: 39.58333%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b5 {
+  margin-left: 43.75%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a5 {
+  margin-right: 43.75%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c6 {
+  width: 47.91667%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b6 {
+  margin-left: 52.08333%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a6 {
+  margin-right: 52.08333%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c7 {
+  width: 56.25%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b7 {
+  margin-left: 60.41667%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a7 {
+  margin-right: 60.41667%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c8 {
+  width: 64.58333%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b8 {
+  margin-left: 68.75%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a8 {
+  margin-right: 68.75%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c9 {
+  width: 72.91667%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b9 {
+  margin-left: 77.08333%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a9 {
+  margin-right: 77.08333%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c10 {
+  width: 81.25%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b10 {
+  margin-left: 85.41667%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a10 {
+  margin-right: 85.41667%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c11 {
+  width: 89.58333%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b11 {
+  margin-left: 93.75%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a11 {
+  margin-right: 93.75%;
+}
+/* line 68, ../scss/grids.scss */
+.grid-fluid .c12 {
+  width: 97.91667%;
+}
+/* line 73, ../scss/grids.scss */
+.grid-fluid .b12 {
+  margin-left: 102.08333%;
+}
+/* line 79, ../scss/grids.scss */
+.grid-fluid .a12 {
+  margin-right: 102.08333%;
+}
+
+/* line 124, ../scss/grids.scss */
+.grid-fixed {
+  *zoom: 1;
+  width: 960px;
+}
+/* line 92, ../scss/grids.scss */
+.grid-fixed:after, .grid-fixed:before {
+  content: '.';
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  font-size: 0;
+  line-height: 0;
+  width: 0;
+  height: 0;
+}
+/* line 137, ../scss/grids.scss */
+.grid-fixed .c1, .grid-fixed .c2, .grid-fixed .c3, .grid-fixed .c4, .grid-fixed .c5, .grid-fixed .c6, .grid-fixed .c7, .grid-fixed .c8, .grid-fixed .c9, .grid-fixed .c10, .grid-fixed .c11, .grid-fixed .c12 {
+  margin-right: 10px;
+  margin-left: 10px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c1 {
+  width: 60px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b1 {
+  margin-left: 90px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a1 {
+  margin-right: 90px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c2 {
+  width: 140px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b2 {
+  margin-left: 170px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a2 {
+  margin-right: 170px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c3 {
+  width: 220px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b3 {
+  margin-left: 250px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a3 {
+  margin-right: 250px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c4 {
+  width: 300px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b4 {
+  margin-left: 330px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a4 {
+  margin-right: 330px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c5 {
+  width: 380px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b5 {
+  margin-left: 410px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a5 {
+  margin-right: 410px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c6 {
+  width: 460px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b6 {
+  margin-left: 490px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a6 {
+  margin-right: 490px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c7 {
+  width: 540px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b7 {
+  margin-left: 570px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a7 {
+  margin-right: 570px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c8 {
+  width: 620px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b8 {
+  margin-left: 650px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a8 {
+  margin-right: 650px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c9 {
+  width: 700px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b9 {
+  margin-left: 730px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a9 {
+  margin-right: 730px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c10 {
+  width: 780px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b10 {
+  margin-left: 810px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a10 {
+  margin-right: 810px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c11 {
+  width: 860px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b11 {
+  margin-left: 890px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a11 {
+  margin-right: 890px;
+}
+/* line 144, ../scss/grids.scss */
+.grid-fixed .c12 {
+  width: 940px;
+}
+/* line 148, ../scss/grids.scss */
+.grid-fixed .b12 {
+  margin-left: 970px;
+}
+/* line 152, ../scss/grids.scss */
+.grid-fixed .a12 {
+  margin-right: 970px;
+}
+
+@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
+  /* line 6, ../scss/_responsive.scss */
+  .grid-fixed, .grid-fluid {
+    width: auto;
+  }
+}
+@media handheld and (max-width: 480px), screen and (max-width: 480px), screen and (max-width: 900px) {
+  /* line 22, ../scss/_responsive.scss */
+  .grid-fixed .c1, .grid-fixed .c2, .grid-fixed .c3, .grid-fixed .c4, .grid-fixed .c5, .grid-fixed .c6, .grid-fixed .c7, .grid-fixed .c8, .grid-fixed .c9, .grid-fixed .c10, .grid-fixed .c11, .grid-fixed .c12, .grid-fluid .c1, .grid-fluid .c2, .grid-fluid .c3, .grid-fluid .c4, .grid-fluid .c5, .grid-fluid .c6, .grid-fluid .c7, .grid-fluid .c8, .grid-fluid .c9, .grid-fluid .c10, .grid-fluid .c11, .grid-fluid .c12 {
+    margin-left: 20px;
+    margin-right: 20px;
+    float: none;
+    display: block;
+    width: auto;
+  }
+}
+@media handheld and (max-width: 900px), screen and (max-width: 900px) {
+  /* line 6, ../scss/_responsive.scss */
+  .grid-fixed, .grid-fluid {
+    margin: 0 auto;
+    *zoom: 1;
+  }
+  /* line 9, ../scss/grids.scss */
+  .grid-fixed .tablet-c1, .grid-fixed .tablet-c2, .grid-fixed .tablet-c3, .grid-fixed .tablet-c4, .grid-fixed .tablet-c5, .grid-fixed .tablet-c6, .grid-fixed .tablet-c7, .grid-fixed .tablet-c8, .grid-fixed .tablet-c9, .grid-fixed .tablet-c10, .grid-fixed .tablet-c11, .grid-fixed .tablet-c12, .grid-fluid .tablet-c1, .grid-fluid .tablet-c2, .grid-fluid .tablet-c3, .grid-fluid .tablet-c4, .grid-fluid .tablet-c5, .grid-fluid .tablet-c6, .grid-fluid .tablet-c7, .grid-fluid .tablet-c8, .grid-fluid .tablet-c9, .grid-fluid .tablet-c10, .grid-fluid .tablet-c11, .grid-fluid .tablet-c12 {
+    display: inline;
+    float: left;
+  }
+  /* line 12, ../scss/grids.scss */
+  .grid-fixed .tablet-c1.grid-right, .grid-fixed .tablet-c2.grid-right, .grid-fixed .tablet-c3.grid-right, .grid-fixed .tablet-c4.grid-right, .grid-fixed .tablet-c5.grid-right, .grid-fixed .tablet-c6.grid-right, .grid-fixed .tablet-c7.grid-right, .grid-fixed .tablet-c8.grid-right, .grid-fixed .tablet-c9.grid-right, .grid-fixed .tablet-c10.grid-right, .grid-fixed .tablet-c11.grid-right, .grid-fixed .tablet-c12.grid-right, .grid-fluid .tablet-c1.grid-right, .grid-fluid .tablet-c2.grid-right, .grid-fluid .tablet-c3.grid-right, .grid-fluid .tablet-c4.grid-right, .grid-fluid .tablet-c5.grid-right, .grid-fluid .tablet-c6.grid-right, .grid-fluid .tablet-c7.grid-right, .grid-fluid .tablet-c8.grid-right, .grid-fluid .tablet-c9.grid-right, .grid-fluid .tablet-c10.grid-right, .grid-fluid .tablet-c11.grid-right, .grid-fluid .tablet-c12.grid-right {
+    float: right;
+  }
+  /* line 15, ../scss/grids.scss */
+  .grid-fixed .tablet-c1.nb, .grid-fixed .tablet-c2.nb, .grid-fixed .tablet-c3.nb, .grid-fixed .tablet-c4.nb, .grid-fixed .tablet-c5.nb, .grid-fixed .tablet-c6.nb, .grid-fixed .tablet-c7.nb, .grid-fixed .tablet-c8.nb, .grid-fixed .tablet-c9.nb, .grid-fixed .tablet-c10.nb, .grid-fixed .tablet-c11.nb, .grid-fixed .tablet-c12.nb, .grid-fluid .tablet-c1.nb, .grid-fluid .tablet-c2.nb, .grid-fluid .tablet-c3.nb, .grid-fluid .tablet-c4.nb, .grid-fluid .tablet-c5.nb, .grid-fluid .tablet-c6.nb, .grid-fluid .tablet-c7.nb, .grid-fluid .tablet-c8.nb, .grid-fluid .tablet-c9.nb, .grid-fluid .tablet-c10.nb, .grid-fluid .tablet-c11.nb, .grid-fluid .tablet-c12.nb {
+    margin-left: 0;
+  }
+  /* line 18, ../scss/grids.scss */
+  .grid-fixed .tablet-c1.na, .grid-fixed .tablet-c2.na, .grid-fixed .tablet-c3.na, .grid-fixed .tablet-c4.na, .grid-fixed .tablet-c5.na, .grid-fixed .tablet-c6.na, .grid-fixed .tablet-c7.na, .grid-fixed .tablet-c8.na, .grid-fixed .tablet-c9.na, .grid-fixed .tablet-c10.na, .grid-fixed .tablet-c11.na, .grid-fixed .tablet-c12.na, .grid-fluid .tablet-c1.na, .grid-fluid .tablet-c2.na, .grid-fluid .tablet-c3.na, .grid-fluid .tablet-c4.na, .grid-fluid .tablet-c5.na, .grid-fluid .tablet-c6.na, .grid-fluid .tablet-c7.na, .grid-fluid .tablet-c8.na, .grid-fluid .tablet-c9.na, .grid-fluid .tablet-c10.na, .grid-fluid .tablet-c11.na, .grid-fluid .tablet-c12.na {
+    margin-right: 0;
+  }
+  /* line 92, ../scss/grids.scss */
+  .grid-fixed:after, .grid-fixed:before, .grid-fluid:after, .grid-fluid:before {
+    content: '.';
+    clear: both;
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    font-size: 0;
+    line-height: 0;
+    width: 0;
+    height: 0;
+  }
+  /* line 61, ../scss/grids.scss */
+  .grid-fixed .tablet-c1, .grid-fixed .tablet-c2, .grid-fixed .tablet-c3, .grid-fixed .tablet-c4, .grid-fixed .tablet-c5, .grid-fixed .tablet-c6, .grid-fixed .tablet-c7, .grid-fixed .tablet-c8, .grid-fixed .tablet-c9, .grid-fixed .tablet-c10, .grid-fixed .tablet-c11, .grid-fixed .tablet-c12, .grid-fluid .tablet-c1, .grid-fluid .tablet-c2, .grid-fluid .tablet-c3, .grid-fluid .tablet-c4, .grid-fluid .tablet-c5, .grid-fluid .tablet-c6, .grid-fluid .tablet-c7, .grid-fluid .tablet-c8, .grid-fluid .tablet-c9, .grid-fluid .tablet-c10, .grid-fluid .tablet-c11, .grid-fluid .tablet-c12 {
+    margin-right: 1.04167%;
+    margin-left: 1.04167%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c1, .grid-fluid .tablet-c1 {
+    width: 6.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c2, .grid-fluid .tablet-c2 {
+    width: 14.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c3, .grid-fluid .tablet-c3 {
+    width: 22.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c4, .grid-fluid .tablet-c4 {
+    width: 31.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c5, .grid-fluid .tablet-c5 {
+    width: 39.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c6, .grid-fluid .tablet-c6 {
+    width: 47.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c7, .grid-fluid .tablet-c7 {
+    width: 56.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c8, .grid-fluid .tablet-c8 {
+    width: 64.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c9, .grid-fluid .tablet-c9 {
+    width: 72.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c10, .grid-fluid .tablet-c10 {
+    width: 81.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c11, .grid-fluid .tablet-c11 {
+    width: 89.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .tablet-c12, .grid-fluid .tablet-c12 {
+    width: 97.91667%;
+  }
+}
+@media handheld and (max-width: 480px), screen and (max-width: 480px) {
+  /* line 6, ../scss/_responsive.scss */
+  .grid-fixed, .grid-fluid {
+    margin: 0 auto;
+    *zoom: 1;
+  }
+  /* line 9, ../scss/grids.scss */
+  .grid-fixed .phone-c1, .grid-fixed .phone-c2, .grid-fixed .phone-c3, .grid-fixed .phone-c4, .grid-fixed .phone-c5, .grid-fixed .phone-c6, .grid-fixed .phone-c7, .grid-fixed .phone-c8, .grid-fixed .phone-c9, .grid-fixed .phone-c10, .grid-fixed .phone-c11, .grid-fixed .phone-c12, .grid-fluid .phone-c1, .grid-fluid .phone-c2, .grid-fluid .phone-c3, .grid-fluid .phone-c4, .grid-fluid .phone-c5, .grid-fluid .phone-c6, .grid-fluid .phone-c7, .grid-fluid .phone-c8, .grid-fluid .phone-c9, .grid-fluid .phone-c10, .grid-fluid .phone-c11, .grid-fluid .phone-c12 {
+    display: inline;
+    float: left;
+  }
+  /* line 12, ../scss/grids.scss */
+  .grid-fixed .phone-c1.grid-right, .grid-fixed .phone-c2.grid-right, .grid-fixed .phone-c3.grid-right, .grid-fixed .phone-c4.grid-right, .grid-fixed .phone-c5.grid-right, .grid-fixed .phone-c6.grid-right, .grid-fixed .phone-c7.grid-right, .grid-fixed .phone-c8.grid-right, .grid-fixed .phone-c9.grid-right, .grid-fixed .phone-c10.grid-right, .grid-fixed .phone-c11.grid-right, .grid-fixed .phone-c12.grid-right, .grid-fluid .phone-c1.grid-right, .grid-fluid .phone-c2.grid-right, .grid-fluid .phone-c3.grid-right, .grid-fluid .phone-c4.grid-right, .grid-fluid .phone-c5.grid-right, .grid-fluid .phone-c6.grid-right, .grid-fluid .phone-c7.grid-right, .grid-fluid .phone-c8.grid-right, .grid-fluid .phone-c9.grid-right, .grid-fluid .phone-c10.grid-right, .grid-fluid .phone-c11.grid-right, .grid-fluid .phone-c12.grid-right {
+    float: right;
+  }
+  /* line 15, ../scss/grids.scss */
+  .grid-fixed .phone-c1.nb, .grid-fixed .phone-c2.nb, .grid-fixed .phone-c3.nb, .grid-fixed .phone-c4.nb, .grid-fixed .phone-c5.nb, .grid-fixed .phone-c6.nb, .grid-fixed .phone-c7.nb, .grid-fixed .phone-c8.nb, .grid-fixed .phone-c9.nb, .grid-fixed .phone-c10.nb, .grid-fixed .phone-c11.nb, .grid-fixed .phone-c12.nb, .grid-fluid .phone-c1.nb, .grid-fluid .phone-c2.nb, .grid-fluid .phone-c3.nb, .grid-fluid .phone-c4.nb, .grid-fluid .phone-c5.nb, .grid-fluid .phone-c6.nb, .grid-fluid .phone-c7.nb, .grid-fluid .phone-c8.nb, .grid-fluid .phone-c9.nb, .grid-fluid .phone-c10.nb, .grid-fluid .phone-c11.nb, .grid-fluid .phone-c12.nb {
+    margin-left: 0;
+  }
+  /* line 18, ../scss/grids.scss */
+  .grid-fixed .phone-c1.na, .grid-fixed .phone-c2.na, .grid-fixed .phone-c3.na, .grid-fixed .phone-c4.na, .grid-fixed .phone-c5.na, .grid-fixed .phone-c6.na, .grid-fixed .phone-c7.na, .grid-fixed .phone-c8.na, .grid-fixed .phone-c9.na, .grid-fixed .phone-c10.na, .grid-fixed .phone-c11.na, .grid-fixed .phone-c12.na, .grid-fluid .phone-c1.na, .grid-fluid .phone-c2.na, .grid-fluid .phone-c3.na, .grid-fluid .phone-c4.na, .grid-fluid .phone-c5.na, .grid-fluid .phone-c6.na, .grid-fluid .phone-c7.na, .grid-fluid .phone-c8.na, .grid-fluid .phone-c9.na, .grid-fluid .phone-c10.na, .grid-fluid .phone-c11.na, .grid-fluid .phone-c12.na {
+    margin-right: 0;
+  }
+  /* line 92, ../scss/grids.scss */
+  .grid-fixed:after, .grid-fixed:before, .grid-fluid:after, .grid-fluid:before {
+    content: '.';
+    clear: both;
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    font-size: 0;
+    line-height: 0;
+    width: 0;
+    height: 0;
+  }
+  /* line 61, ../scss/grids.scss */
+  .grid-fixed .phone-c1, .grid-fixed .phone-c2, .grid-fixed .phone-c3, .grid-fixed .phone-c4, .grid-fixed .phone-c5, .grid-fixed .phone-c6, .grid-fixed .phone-c7, .grid-fixed .phone-c8, .grid-fixed .phone-c9, .grid-fixed .phone-c10, .grid-fixed .phone-c11, .grid-fixed .phone-c12, .grid-fluid .phone-c1, .grid-fluid .phone-c2, .grid-fluid .phone-c3, .grid-fluid .phone-c4, .grid-fluid .phone-c5, .grid-fluid .phone-c6, .grid-fluid .phone-c7, .grid-fluid .phone-c8, .grid-fluid .phone-c9, .grid-fluid .phone-c10, .grid-fluid .phone-c11, .grid-fluid .phone-c12 {
+    margin-right: 1.04167%;
+    margin-left: 1.04167%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c1, .grid-fluid .phone-c1 {
+    width: 6.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c2, .grid-fluid .phone-c2 {
+    width: 14.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c3, .grid-fluid .phone-c3 {
+    width: 22.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c4, .grid-fluid .phone-c4 {
+    width: 31.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c5, .grid-fluid .phone-c5 {
+    width: 39.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c6, .grid-fluid .phone-c6 {
+    width: 47.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c7, .grid-fluid .phone-c7 {
+    width: 56.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c8, .grid-fluid .phone-c8 {
+    width: 64.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c9, .grid-fluid .phone-c9 {
+    width: 72.91667%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c10, .grid-fluid .phone-c10 {
+    width: 81.25%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c11, .grid-fluid .phone-c11 {
+    width: 89.58333%;
+  }
+  /* line 68, ../scss/grids.scss */
+  .grid-fixed .phone-c12, .grid-fluid .phone-c12 {
+    width: 97.91667%;
+  }
+}
--- a/public/resources/css/layout/_layout.scss
+++ b/public/resources/css/layout/_layout.scss
@ -1,3 +1,5 @@
+@import 'grids';
+
 .l-left {
  float: left;
 }
@ -21,7 +23,6 @@
  padding-left: 224px;
 }

-
 .l-content {
  padding: ($unit * 8) ($unit * 12);
 }
@ -30,6 +31,41 @@
  margin: 0px 0px ($unit * 8) 0px;
 }

+@for $i from 1 through 10 {
+  .l-space-#{$i} {
+    margin: $i * 8px;
+  }
+  .l-space-top-#{$i} {
+    margin-top: $i * 8px;
+  }
+  .l-space-bottom-#{$i} {
+    margin-bottom: $i * 8px;
+  }
+  .l-space-left-#{$i} {
+    margin-left: $i * 8px;
+  }
+  .l-space-right-#{$i} {
+    margin-right: $i * 8px;
+  }
+
+  .l-pad-#{$i} {
+    padding: $i * 8px;
+  }
+  .l-pad-top-#{$i} {
+    padding-top: $i * 8px;
+  }
+  .l-pad-bottom-#{$i} {
+    padding-bottom: $i * 8px;
+  }
+  .l-pad-left-#{$i} {
+    padding-left: $i * 8px;
+  }
+  .l-pad-right-#{$i} {
+    padding-right: $i * 8px;
+  }
+}
+
+
 /*
 * Pinned Layouts (fixed)
 *
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@ -5,7 +5,7 @@

@import 'options';
@import 'state';
-@import 'layout';
+@import 'layout/layout';
@import 'theme';
@import 'base/reset';
@import 'base/type';
@ -16,11 +16,12 @@
 *
 */

-@import 'module/main-nav';
-@import 'module/main-footer';
+@import 'module/top-nav';
@import 'module/side-nav';
+@import 'module/footer';
@import 'module/hero';
@import 'module/banner';
@import 'module/cta-bar';
@import 'module/buttons';
+@import 'module/code';
@import 'module/sticker';
--- a/public/resources/css/module/_code.scss
+++ b/public/resources/css/module/_code.scss
@ -0,0 +1,3 @@
+.cp_embed_iframe {
+  overflow: hidden;
+}
--- a/public/resources/css/module/_cta-bar.scss
+++ b/public/resources/css/module/_cta-bar.scss
@ -6,7 +6,6 @@

 .cta-bar {
  text-align: center;
-  padding-top: ($unit * 8);

  .button {
    margin: 0px ($unit * 1);
--- a/public/resources/css/module/_main-footer.scss
+++ b/public/resources/css/module/_main-footer.scss
--- a/public/resources/css/module/_side-nav.scss
+++ b/public/resources/css/module/_side-nav.scss
@ -41,6 +41,8 @@
        color: $metal;
        font-size: 14px;
        text-transform: uppercase;
+        text-align: left;
+        font-weight: 400;
      }
    }
  }
--- a/public/resources/css/module/_sticker.scss
+++ b/public/resources/css/module/_sticker.scss
@ -9,6 +9,7 @@
  border-radius: 1000px;
  text-align: center;
  background: $mist;
+  margin: ($unit * 2) auto;

  .sticker-icon {
    position: absolute;
@ -16,5 +17,10 @@
    left: 50%;
    z-index: $layer-1;
    margin: -40px 0px 0px -40px;
+
+    &.is-small {
+      font-size: 64px;
+      margin: -32px 0px 0px -40px;
+    }
  }
 }
--- a/public/resources/css/module/_main-nav.scss
+++ b/public/resources/css/module/_main-nav.scss
@ -5,16 +5,16 @@
  box-shadow: 0px 2px 5px 0 rgba($coal, 0.26);

  h1 {
-    margin: $unit ($unit * 10) 0px 0px;
+    margin: 0px ($unit * 9) 0px 0px;
    padding: 0px;
    height: 36px;
-    width: 135px;
+    width: 136px;
    float: left;

    a {
-      background: url('/resources/images/logos/standard/logo-nav.png');
+      background: url('/resources/images/logos/standard/logo-nav.png') 0px 8px no-repeat;
      display: block;
-      height: 36px;
+      height: 56px;
      width: 135px;
      overflow: hidden;
      text-indent: -3000px;
--- a/public/resources/css/vendor/icomoon/fonts/icomoon.eot
+++ b/public/resources/css/vendor/icomoon/fonts/icomoon.eot
--- a/public/resources/css/vendor/icomoon/fonts/icomoon.svg
+++ b/public/resources/css/vendor/icomoon/fonts/icomoon.svg
@ -27,7 +27,29 @@
 <glyph unicode="&#xe611;" d="M682.667 896h-512c-47.147 0-85.333-38.187-85.333-85.333v-597.333h85.333v597.333h512v85.333zM810.667 725.334h-469.333c-47.147 0-85.333-38.187-85.333-85.333v-597.333c0-47.147 38.187-85.333 85.333-85.333h469.333c47.147 0 85.333 38.187 85.333 85.333v597.333c0 47.147-38.187 85.333-85.333 85.333zM810.667 42.667h-469.333v597.333h469.333v-597.333z" />
 <glyph unicode="&#xe612;" d="M426.667 170.667h170.667v85.333h-170.667v-85.333zM128 682.667v-85.333h768v85.333h-768zM256 384h512v85.333h-512v-85.333z" />
 <glyph unicode="&#xe613;" d="M825.813 510.507c-29.013 146.773-158.507 257.493-313.813 257.493-123.307 0-230.187-69.973-283.733-172.16-128.213-13.867-228.267-122.453-228.267-254.507 0-141.44 114.56-256 256-256h554.667c117.76 0 213.333 95.573 213.333 213.333 0 112.64-87.68 203.947-198.187 211.84zM725.333 384l-213.333-213.333-213.333 213.333h128v170.667h170.667v-170.667h128z" />
-<glyph unicode="&#xe614;" d="M938.667 170.667v640h-853.333v-640h-85.333v-85.333h1024v85.333h-85.333zM597.333 170.667h-170.667v42.667h170.667v-42.667zM853.333 298.667h-682.667v426.667h682.667v-426.667z" />
+<glyph unicode="&#xe614;" d="M512 853.334c47.147 0 85.333-38.187 85.333-85.333s-38.187-85.333-85.333-85.333-85.333 38.187-85.333 85.333 38.187 85.333 85.333 85.333zM896 554.667h-256v-554.667h-85.333v256h-85.333v-256h-85.333v554.667h-256v85.333h768v-85.333z" />
+<glyph unicode="&#xe615;" d="M512 27.734l-61.867 56.107c-219.733 199.467-364.8 331.093-364.8 492.16 0 131.627 103.040 234.667 234.667 234.667 74.24 0 145.493-34.56 192-88.96 46.507 54.4 117.76 88.96 192 88.96 131.627 0 234.667-103.040 234.667-234.667 0-161.067-145.067-292.693-364.8-492.16l-61.867-56.107z" />
+<glyph unicode="&#xe616;" d="M426.667 85.334v256h170.667v-256h213.333v341.333h128l-426.667 384-426.667-384h128v-341.333z" />
+<glyph unicode="&#xe617;" d="M810.667 128h-597.333v597.333h298.667v85.333h-298.667c-47.147 0-85.333-38.187-85.333-85.333v-597.333c0-47.147 38.187-85.333 85.333-85.333h597.333c47.147 0 85.333 38.187 85.333 85.333v298.667h-85.333v-298.667zM597.333 810.667v-85.333h152.96l-419.413-419.413 60.373-60.373 419.413 419.413v-152.96h85.333v298.667h-298.667z" />
+<glyph unicode="&#xe618;" d="M810.667 768h-170.667l-336.853-538.88-111.147 197.547 192 341.333h-170.667l-192-341.333 192-341.333h170.667l336.853 538.88 111.147-197.547-192-341.333h170.667l192 341.333z" />
+<glyph unicode="&#xe619;" d="M331.52 650.24l-65.707 54.4-230.827-277.973 230.827-278.187 65.707 54.4-185.6 223.787 185.6 223.573zM298.667 384h85.333v85.333h-85.333v-85.333zM725.333 469.334h-85.333v-85.333h85.333v85.333zM469.333 384h85.333v85.333h-85.333v-85.333zM758.187 704.854l-65.707-54.4 185.6-223.787-185.6-223.573 65.707-54.4 230.827 277.973-230.827 278.187z" />
+<glyph unicode="&#xe61a;" d="M170.667 469.334h213.333v256h-213.333v-256zM170.667 170.667h213.333v256h-213.333v-256zM426.667 170.667h213.333v256h-213.333v-256zM682.667 170.667h213.333v256h-213.333v-256zM426.667 469.334h213.333v256h-213.333v-256zM682.667 725.334v-256h213.333v256h-213.333z" />
+<glyph unicode="&#xe61b;" d="M469.333 213.334c0-23.467 19.2-42.667 42.667-42.667s42.667 19.2 42.667 42.667-19.2 42.667-42.667 42.667-42.667-19.2-42.667-42.667zM469.333 810.667v-170.667h85.333v81.92c144.64-20.693 256-144.853 256-295.253 0-164.907-133.76-298.667-298.667-298.667s-298.667 133.76-298.667 298.667c0 71.68 25.173 137.173 67.2 188.8l231.467-231.467 60.373 60.373-290.133 290.133-0.427-0.853c-93.227-69.973-153.813-181.333-153.813-306.987 0-212.053 171.52-384 383.787-384s384.213 171.947 384.213 384-171.947 384-384.213 384h-42.453zM768 426.667c0 23.467-19.2 42.667-42.667 42.667s-42.667-19.2-42.667-42.667 19.2-42.667 42.667-42.667 42.667 19.2 42.667 42.667zM256 426.667c0-23.467 19.2-42.667 42.667-42.667s42.667 19.2 42.667 42.667-19.2 42.667-42.667 42.667-42.667-19.2-42.667-42.667z" />
+<glyph unicode="&#xe61c;" d="M170.667 170.667l362.667 256-362.667 256v-512zM554.667 682.667v-512l362.667 256-362.667 256z" />
+<glyph unicode="&#xe61d;" d="M853.333 768h-682.667c-47.147 0-85.333-38.187-85.333-85.333v-512c0-47.147 38.187-85.333 85.333-85.333h682.667c47.147 0 85.333 38.187 85.333 85.333v512c0 47.147-38.187 85.333-85.333 85.333zM170.667 426.667h170.667v-85.333h-170.667v85.333zM597.333 170.667h-426.667v85.333h426.667v-85.333zM853.333 170.667h-170.667v85.333h170.667v-85.333zM853.333 341.334h-426.667v85.333h426.667v-85.333z" />
+<glyph unicode="&#xe61e;" d="M597.333 768l97.92-97.92-122.88-122.667 60.373-60.373 122.667 122.88 97.92-97.92v256zM426.667 768h-256v-256l97.92 97.92 200.747-200.96v-323.627h85.333v359.040l-225.92 225.707z" />
+<glyph unicode="&#xe61f;" d="M384 810.667l-170.667-170.24h128v-299.093h85.333v299.093h128l-170.667 170.24zM682.667 212.907v299.093h-85.333v-299.093h-128l170.667-170.24 170.667 170.24h-128z" />
+<glyph unicode="&#xe620;" d="M298.667 721.707h426.667v-85.333h85.333v170.667c0 47.147-38.187 84.907-85.333 84.907l-426.667 0.427c-47.147 0-85.333-38.187-85.333-85.333v-170.667h85.333v85.333zM657.707 227.414l195.627 195.627-195.627 195.627-60.373-60.373 135.253-135.253-135.253-135.467 60.373-60.16zM426.667 287.574l-135.253 135.253 135.253 135.467-60.373 60.373-195.627-195.627 195.627-195.627 60.373 60.16zM725.333 124.374h-426.667v85.333h-85.333v-170.667c0-47.147 38.187-85.333 85.333-85.333h426.667c47.147 0 85.333 38.187 85.333 85.333v170.667h-85.333v-85.333z" />
+<glyph unicode="&#xe621;" d="M554.667 384v-341.333h341.333v341.333h-341.333zM128 42.667h341.333v341.333h-341.333v-341.333zM128 810.667v-341.333h341.333v341.333h-341.333zM710.613 866.774l-241.28-241.493 241.28-241.28 241.28 241.28-241.28 241.493z" />
+<glyph unicode="&#xe622;" d="M85.333 213.334h85.333v-21.333h-42.667v-42.667h42.667v-21.333h-85.333v-42.667h128v170.667h-128v-42.667zM128 597.334h42.667v170.667h-85.333v-42.667h42.667v-128zM85.333 469.334h76.8l-76.8-89.6v-38.4h128v42.667h-76.8l76.8 89.6v38.4h-128v-42.667zM298.667 725.334v-85.333h597.333v85.333h-597.333zM298.667 128h597.333v85.333h-597.333v-85.333zM298.667 384h597.333v85.333h-597.333v-85.333z" />
+<glyph unicode="&#xe623;" d="M810.667 810.667h-597.333c-47.147 0-85.333-38.187-85.333-85.333v-597.333c0-47.147 38.187-85.333 85.333-85.333h597.333c47.147 0 85.333 38.187 85.333 85.333v597.333c0 47.147-38.187 85.333-85.333 85.333zM384 213.334h-85.333v298.667h85.333v-298.667zM554.667 213.334h-85.333v426.667h85.333v-426.667zM725.333 213.334h-85.333v170.667h85.333v-170.667z" />
+<glyph unicode="&#xe624;" d="M853.333 170.667c46.933 0 85.333 38.4 85.333 85.333v426.667c0 46.933-38.4 85.333-85.333 85.333h-682.667c-46.933 0-85.333-38.4-85.333-85.333v-426.667c0-46.933 38.4-85.333 85.333-85.333h-170.667v-85.333h1024v85.333h-170.667zM170.667 682.667h682.667v-426.667h-682.667v426.667z" />
+<glyph unicode="&#xe625;" d="M511.787 853.334c-235.733 0-426.453-190.933-426.453-426.667s190.72-426.667 426.453-426.667c235.733 0 426.88 190.933 426.88 426.667s-191.147 426.667-426.88 426.667zM512 85.334c-188.587 0-341.333 152.747-341.333 341.333s152.747 341.333 341.333 341.333 341.333-152.747 341.333-341.333-152.747-341.333-341.333-341.333zM661.333 469.334c35.413 0 64 28.587 64 64s-28.587 64-64 64-64-28.587-64-64 28.587-64 64-64zM362.667 469.334c35.413 0 64 28.587 64 64s-28.587 64-64 64-64-28.587-64-64 28.587-64 64-64zM512 192c99.413 0 183.68 62.080 217.813 149.333h-435.627c34.133-87.253 118.4-149.333 217.813-149.333z" />
+<glyph unicode="&#xe626;" d="M512 853.334c-235.733 0-426.667-190.933-426.667-426.667s190.933-426.667 426.667-426.667 426.667 190.933 426.667 426.667-190.933 426.667-426.667 426.667zM469.333 88.32c-168.32 20.907-298.667 164.267-298.667 338.347 0 26.24 3.2 51.84 8.96 76.373l204.373-204.373v-42.667c0-47.147 38.187-85.333 85.333-85.333v-82.347zM763.52 196.48c-10.88 34.56-42.88 59.52-80.853 59.52h-42.667v128c0 23.467-19.2 42.667-42.667 42.667h-256v85.333h85.333c23.467 0 42.667 19.2 42.667 42.667v85.333h85.333c47.147 0 85.333 38.187 85.333 85.333v17.707c125.013-50.56 213.333-173.013 213.333-316.373 0-88.747-34.133-169.387-89.813-230.187z" />
+<glyph unicode="&#xe627;" d="M640 42.667h85.333v85.333h-85.333v-85.333zM810.667 554.667h85.333v85.333h-85.333v-85.333zM128 725.334v-597.333c0-47.147 38.187-85.333 85.333-85.333h170.667v85.333h-170.667v597.333h170.667v85.333h-170.667c-47.147 0-85.333-38.187-85.333-85.333zM810.667 810.667v-85.333h85.333c0 47.147-38.187 85.333-85.333 85.333zM469.333-42.666h85.333v938.667h-85.333v-938.667zM810.667 213.334h85.333v85.333h-85.333v-85.333zM640 725.334h85.333v85.333h-85.333v-85.333zM810.667 384h85.333v85.333h-85.333v-85.333zM810.667 42.667c47.147 0 85.333 38.187 85.333 85.333h-85.333v-85.333z" />
+<glyph unicode="&#xe628;" d="M426.667 85.334h170.667v682.667h-170.667v-682.667zM170.667 85.334h170.667v341.333h-170.667v-341.333zM682.667 554.667v-469.333h170.667v469.333h-170.667z" />
+<glyph unicode="&#xea80;" d="M832 224l96-96 320 320-320 320-96-96 224-224zM448 672l-96 96-320-320 320-320 96 96-224 224zM701.298 809.481l69.468-18.944-191.987-704.026-69.468 18.944 191.987 704.026z" horiz-adv-x="1280" />
+<glyph unicode="&#xea81;" d="M0 896v-896h1024v896h-1024zM960 64h-896v768h896v-768zM896 768h-768v-640h768v640zM448 448h-64v-64h-64v-64h-64v64h64v64h64v64h-64v64h-64v64h64v-64h64v-64h64v-64zM704 320h-192v64h192v-64z" />
 <glyph unicode="&#xea89;" d="M0.806 90.336c-0.244 2.532-0.452 5.070-0.584 7.63 0.13-2.56 0.34-5.098 0.584-7.63zM235.908 394.852c92.010-2.738 153.734 92.698 137.862 213.198-15.894 120.48-103.396 217.168-195.408 219.922-92.026 2.73-153.74-89.482-137.852-210 15.882-120.468 103.352-220.374 195.398-223.12zM1024 704v85.31c0 93.88-76.782 170.69-170.658 170.69h-682.656c-92.276 0-168.012-74.232-170.564-165.926 58.362 51.386 139.324 94.316 222.874 94.316 89.304 0 357.244 0 357.244 0l-79.948-67.618h-113.268c75.13-28.804 115.156-116.124 115.156-205.722 0-75.248-41.81-139.954-100.888-185.968-57.644-44.902-68.572-63.708-68.572-101.878 0-32.578 61.746-88 94.032-110.788 94.382-66.538 124.916-128.312 124.916-231.456 0-16.428-2.042-32.83-6.066-48.96h307.742c93.874 0 170.656 76.75 170.656 170.69v533.308h-192v-191.998h-64v192h-191.998v64h191.998v192h64v-192h192zM185.886 194.064c21.614 0 41.422 0.59 61.936 0.59-27.146 26.334-48.626 58.6-48.626 98.38 0 23.608 7.564 46.336 18.134 66.52-10.782-0.77-21.79-0.994-33.126-0.994-74.356 0-137.506 24.076-184.204 63.854v-67.242l0.006-201.73c53.44 25.374 116.888 40.622 185.88 40.622zM3.42 72.742c-1.112 5.458-1.966 11.006-2.542 16.634 0.574-5.628 1.43-11.176 2.542-16.634zM455.45 7.154c-15.058 58.806-68.454 87.964-142.888 139.568-27.072 8.732-56.894 13.874-88.894 14.208-89.618 0.964-173.108-34.942-220.216-88.372 15.92-77.706 85.034-136.558 167.234-136.558h286.444c1.816 11.128 2.696 22.632 2.696 34.432 0 12.534-1.534 24.792-4.376 36.722z" />
 <glyph unicode="&#xea8d;" d="M853.35 960h-682.702c-94.25 0-170.648-76.42-170.648-170.686v-682.63c0-94.266 76.398-170.684 170.648-170.684h341.352v448h-128v128h128v96c0 88.366 71.634 160 160 160h160v-128h-160c-17.674 0-32-14.328-32-32v-96h176l-32-128h-144v-448h213.35c94.25 0 170.65 76.418 170.65 170.684v682.63c0 94.266-76.4 170.686-170.65 170.686z" />
 <glyph unicode="&#xea92;" d="M853.342 960h-682.656c-93.874 0-170.686-76.81-170.686-170.69v-682.624c0-93.936 76.812-170.686 170.686-170.686h682.656c93.876 0 170.658 76.75 170.658 170.69v682.62c0 93.88-76.782 170.69-170.658 170.69zM766.478 578.52c0.252-5.632 0.38-11.296 0.38-16.988 0-173.51-132.070-373.588-373.584-373.588-74.15 0-143.168 21.738-201.276 58.996 10.272-1.218 20.724-1.84 31.322-1.84 61.518 0 118.134 20.992 163.072 56.21-57.458 1.054-105.948 39.020-122.658 91.184 8.018-1.532 16.244-2.36 24.704-2.36 11.976 0 23.578 1.61 34.592 4.61-60.064 12.066-105.326 65.132-105.326 128.75 0 0.554 0 1.104 0.012 1.652 17.7-9.834 37.948-15.742 59.47-16.424-35.232 23.546-58.414 63.736-58.414 109.292 0 24.064 6.476 46.62 17.78 66.010 64.76-79.44 161.51-131.712 270.634-137.19-2.238 9.612-3.4 19.632-3.4 29.924 0 72.512 58.792 131.298 131.304 131.298 37.766 0 71.892-15.944 95.842-41.462 29.908 5.886 58.008 16.814 83.38 31.862-9.804-30.662-30.624-56.394-57.732-72.644 26.56 3.174 51.866 10.232 75.412 20.674-17.594-26.328-39.854-49.454-65.514-67.966z" />
--- a/public/resources/css/vendor/icomoon/fonts/icomoon.ttf
+++ b/public/resources/css/vendor/icomoon/fonts/icomoon.ttf
--- a/public/resources/css/vendor/icomoon/fonts/icomoon.woff
+++ b/public/resources/css/vendor/icomoon/fonts/icomoon.woff
--- a/public/resources/css/vendor/icomoon/selection.json
+++ b/public/resources/css/vendor/icomoon/selection.json
@ -1,6 +1,65 @@
 {
 	"IcoMoonType": "selection",
 	"icons": [
+		{
+			"icon": {
+				"paths": [
+					"M832 736l96 96 320-320-320-320-96 96 224 224z",
+					"M448 288l-96-96-320 320 320 320 96-96-224-224z",
+					"M701.298 150.519l69.468 18.944-191.987 704.026-69.468-18.944 191.987-704.026z"
+				],
+				"width": 1280,
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"embed",
+					"code",
+					"html",
+					"xml"
+				],
+				"defaultCode": 58496,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"id": 1272,
+				"order": 50,
+				"prevSize": 32,
+				"code": 60032,
+				"ligatures": "embed2, code2",
+				"name": "embed2"
+			},
+			"setIdx": 0,
+			"iconIdx": 384
+		},
+		{
+			"icon": {
+				"paths": [
+					"M0 64v896h1024v-896h-1024zM960 896h-896v-768h896v768zM896 192h-768v640h768v-640zM448 512h-64v64h-64v64h-64v-64h64v-64h64v-64h-64v-64h-64v-64h64v64h64v64h64v64zM704 640h-192v-64h192v64z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"terminal",
+					"console",
+					"cmd",
+					"command-line"
+				],
+				"defaultCode": 58497,
+				"grid": 16
+			},
+			"attrs": [],
+			"properties": {
+				"id": 1273,
+				"order": 51,
+				"prevSize": 32,
+				"code": 60033,
+				"ligatures": "terminal, console",
+				"name": "terminal"
+			},
+			"setIdx": 0,
+			"iconIdx": 385
+		},
 		{
 			"icon": {
 				"paths": [
@ -19,7 +78,7 @@
 			"attrs": [],
 			"properties": {
 				"id": 1294,
-				"order": 29,
+				"order": 24,
 				"prevSize": 32,
 				"code": 60041,
 				"ligatures": "google-plus2, brand3",
@ -46,7 +105,7 @@
 			"attrs": [],
 			"properties": {
 				"id": 1298,
-				"order": 27,
+				"order": 22,
 				"prevSize": 32,
 				"code": 60045,
 				"ligatures": "facebook2, brand7",
@ -74,7 +133,7 @@
 			"attrs": [],
 			"properties": {
 				"id": 1303,
-				"order": 28,
+				"order": 23,
 				"prevSize": 32,
 				"code": 60050,
 				"ligatures": "twitter2, brand12",
@ -83,6 +142,29 @@
 			"setIdx": 0,
 			"iconIdx": 402
 		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c47.147 0 85.333 38.187 85.333 85.333s-38.187 85.333-85.333 85.333-85.333-38.187-85.333-85.333 38.187-85.333 85.333-85.333zM896 384h-256v554.667h-85.333v-256h-85.333v256h-85.333v-554.667h-256v-85.333h768v85.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"accessibility"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 1,
+				"order": 28,
+				"prevSize": 24,
+				"code": 58900,
+				"name": "accessibility"
+			},
+			"setIdx": 1,
+			"iconIdx": 1
+		},
 		{
 			"icon": {
 				"paths": [
@ -129,6 +211,52 @@
 			"setIdx": 1,
 			"iconIdx": 27
 		},
+		{
+			"icon": {
+				"paths": [
+					"M512 910.933l-61.867-56.107c-219.733-199.467-364.8-331.093-364.8-492.16 0-131.627 103.040-234.667 234.667-234.667 74.24 0 145.493 34.56 192 88.96 46.507-54.4 117.76-88.96 192-88.96 131.627 0 234.667 103.040 234.667 234.667 0 161.067-145.067 292.693-364.8 492.16l-61.867 56.107z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"favorite"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 42,
+				"order": 29,
+				"prevSize": 24,
+				"code": 58901,
+				"name": "favorite"
+			},
+			"setIdx": 1,
+			"iconIdx": 42
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 853.333v-256h170.667v256h213.333v-341.333h128l-426.667-384-426.667 384h128v341.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"home"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 54,
+				"order": 30,
+				"prevSize": 24,
+				"code": 58902,
+				"name": "home"
+			},
+			"setIdx": 1,
+			"iconIdx": 54
+		},
 		{
 			"icon": {
 				"paths": [
@ -221,6 +349,52 @@
 			"setIdx": 1,
 			"iconIdx": 65
 		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 810.667h-597.333v-597.333h298.667v-85.333h-298.667c-47.147 0-85.333 38.187-85.333 85.333v597.333c0 47.147 38.187 85.333 85.333 85.333h597.333c47.147 0 85.333-38.187 85.333-85.333v-298.667h-85.333v298.667zM597.333 128v85.333h152.96l-419.413 419.413 60.373 60.373 419.413-419.413v152.96h85.333v-298.667h-298.667z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"open-in-new"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 72,
+				"order": 40,
+				"prevSize": 24,
+				"code": 58903,
+				"name": "open-in-new"
+			},
+			"setIdx": 1,
+			"iconIdx": 72
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 170.667h-170.667l-336.853 538.88-111.147-197.547 192-341.333h-170.667l-192 341.333 192 341.333h170.667l336.853-538.88 111.147 197.547-192 341.333h170.667l192-341.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"polymer"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 85,
+				"order": 35,
+				"prevSize": 24,
+				"code": 58904,
+				"name": "polymer"
+			},
+			"setIdx": 1,
+			"iconIdx": 85
+		},
 		{
 			"icon": {
 				"paths": [
@ -291,6 +465,29 @@
 			"setIdx": 1,
 			"iconIdx": 96
 		},
+		{
+			"icon": {
+				"paths": [
+					"M331.52 288.427l-65.707-54.4-230.827 277.973 230.827 278.187 65.707-54.4-185.6-223.787 185.6-223.573zM298.667 554.667h85.333v-85.333h-85.333v85.333zM725.333 469.333h-85.333v85.333h85.333v-85.333zM469.333 554.667h85.333v-85.333h-85.333v85.333zM758.187 233.813l-65.707 54.4 185.6 223.787-185.6 223.573 65.707 54.4 230.827-277.973-230.827-278.187z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"settings-ethernet"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 103,
+				"order": 39,
+				"prevSize": 24,
+				"code": 58905,
+				"name": "settings-ethernet"
+			},
+			"setIdx": 1,
+			"iconIdx": 103
+		},
 		{
 			"icon": {
 				"paths": [
@ -360,6 +557,98 @@
 			"setIdx": 1,
 			"iconIdx": 144
 		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 469.333h213.333v-256h-213.333v256zM170.667 768h213.333v-256h-213.333v256zM426.667 768h213.333v-256h-213.333v256zM682.667 768h213.333v-256h-213.333v256zM426.667 469.333h213.333v-256h-213.333v256zM682.667 213.333v256h213.333v-256h-213.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"view-module"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 152,
+				"order": 36,
+				"prevSize": 24,
+				"code": 58906,
+				"name": "view-module"
+			},
+			"setIdx": 1,
+			"iconIdx": 152
+		},
+		{
+			"icon": {
+				"paths": [
+					"M469.333 725.333c0 23.467 19.2 42.667 42.667 42.667s42.667-19.2 42.667-42.667-19.2-42.667-42.667-42.667-42.667 19.2-42.667 42.667zM469.333 128v170.667h85.333v-81.92c144.64 20.693 256 144.853 256 295.253 0 164.907-133.76 298.667-298.667 298.667s-298.667-133.76-298.667-298.667c0-71.68 25.173-137.173 67.2-188.8l231.467 231.467 60.373-60.373-290.133-290.133-0.427 0.853c-93.227 69.973-153.813 181.333-153.813 306.987 0 212.053 171.52 384 383.787 384s384.213-171.947 384.213-384-171.947-384-384.213-384h-42.453zM768 512c0-23.467-19.2-42.667-42.667-42.667s-42.667 19.2-42.667 42.667 19.2 42.667 42.667 42.667 42.667-19.2 42.667-42.667zM256 512c0 23.467 19.2 42.667 42.667 42.667s42.667-19.2 42.667-42.667-19.2-42.667-42.667-42.667-42.667 19.2-42.667 42.667z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"av-timer"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 165,
+				"order": 37,
+				"prevSize": 24,
+				"code": 58907,
+				"name": "av-timer"
+			},
+			"setIdx": 1,
+			"iconIdx": 165
+		},
+		{
+			"icon": {
+				"paths": [
+					"M426.667 853.333h170.667v-682.667h-170.667v682.667zM170.667 853.333h170.667v-341.333h-170.667v341.333zM682.667 384v469.333h170.667v-469.333h-170.667z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"equalizer"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 167,
+				"order": 52,
+				"prevSize": 24,
+				"code": 58920,
+				"name": "equalizer"
+			},
+			"setIdx": 1,
+			"iconIdx": 167
+		},
+		{
+			"icon": {
+				"paths": [
+					"M170.667 768l362.667-256-362.667-256v512zM554.667 256v512l362.667-256-362.667-256z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"fast-forward"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 169,
+				"order": 31,
+				"prevSize": 24,
+				"code": 58908,
+				"name": "fast-forward"
+			},
+			"setIdx": 1,
+			"iconIdx": 169
+		},
 		{
 			"icon": {
 				"paths": [
@ -406,6 +695,52 @@
 			"setIdx": 1,
 			"iconIdx": 189
 		},
+		{
+			"icon": {
+				"paths": [
+					"M853.333 170.667h-682.667c-47.147 0-85.333 38.187-85.333 85.333v512c0 47.147 38.187 85.333 85.333 85.333h682.667c47.147 0 85.333-38.187 85.333-85.333v-512c0-47.147-38.187-85.333-85.333-85.333zM170.667 512h170.667v85.333h-170.667v-85.333zM597.333 768h-426.667v-85.333h426.667v85.333zM853.333 768h-170.667v-85.333h170.667v85.333zM853.333 597.333h-426.667v-85.333h426.667v85.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"subtitles"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 204,
+				"order": 47,
+				"prevSize": 24,
+				"code": 58909,
+				"name": "subtitles"
+			},
+			"setIdx": 1,
+			"iconIdx": 204
+		},
+		{
+			"icon": {
+				"paths": [
+					"M597.333 170.667l97.92 97.92-122.88 122.667 60.373 60.373 122.667-122.88 97.92 97.92v-256zM426.667 170.667h-256v256l97.92-97.92 200.747 200.96v323.627h85.333v-359.040l-225.92-225.707z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"call-split"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 221,
+				"order": 38,
+				"prevSize": 24,
+				"code": 58910,
+				"name": "call-split"
+			},
+			"setIdx": 1,
+			"iconIdx": 221
+		},
 		{
 			"icon": {
 				"paths": [
@ -429,6 +764,29 @@
 			"setIdx": 1,
 			"iconIdx": 222
 		},
+		{
+			"icon": {
+				"paths": [
+					"M384 128l-170.667 170.24h128v299.093h85.333v-299.093h128l-170.667-170.24zM682.667 725.76v-299.093h-85.333v299.093h-128l170.667 170.24 170.667-170.24h-128z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"import-export"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 231,
+				"order": 34,
+				"prevSize": 24,
+				"code": 58911,
+				"name": "import-export"
+			},
+			"setIdx": 1,
+			"iconIdx": 231
+		},
 		{
 			"icon": {
 				"paths": [
@ -521,6 +879,98 @@
 			"setIdx": 1,
 			"iconIdx": 266
 		},
+		{
+			"icon": {
+				"paths": [
+					"M298.667 216.96h426.667v85.333h85.333v-170.667c0-47.147-38.187-84.907-85.333-84.907l-426.667-0.427c-47.147 0-85.333 38.187-85.333 85.333v170.667h85.333v-85.333zM657.707 711.253l195.627-195.627-195.627-195.627-60.373 60.373 135.253 135.253-135.253 135.467 60.373 60.16zM426.667 651.093l-135.253-135.253 135.253-135.467-60.373-60.373-195.627 195.627 195.627 195.627 60.373-60.16zM725.333 814.293h-426.667v-85.333h-85.333v170.667c0 47.147 38.187 85.333 85.333 85.333h426.667c47.147 0 85.333-38.187 85.333-85.333v-170.667h-85.333v85.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"developer-mode"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 319,
+				"order": 43,
+				"prevSize": 24,
+				"code": 58912,
+				"name": "developer-mode"
+			},
+			"setIdx": 1,
+			"iconIdx": 319
+		},
+		{
+			"icon": {
+				"paths": [
+					"M554.667 554.667v341.333h341.333v-341.333h-341.333zM128 896h341.333v-341.333h-341.333v341.333zM128 128v341.333h341.333v-341.333h-341.333zM710.613 71.893l-241.28 241.493 241.28 241.28 241.28-241.28-241.28-241.493z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"now-widgets"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 332,
+				"order": 42,
+				"prevSize": 24,
+				"code": 58913,
+				"name": "now-widgets"
+			},
+			"setIdx": 1,
+			"iconIdx": 332
+		},
+		{
+			"icon": {
+				"paths": [
+					"M85.333 725.333h85.333v21.333h-42.667v42.667h42.667v21.333h-85.333v42.667h128v-170.667h-128v42.667zM128 341.333h42.667v-170.667h-85.333v42.667h42.667v128zM85.333 469.333h76.8l-76.8 89.6v38.4h128v-42.667h-76.8l76.8-89.6v-38.4h-128v42.667zM298.667 213.333v85.333h597.333v-85.333h-597.333zM298.667 810.667h597.333v-85.333h-597.333v85.333zM298.667 554.667h597.333v-85.333h-597.333v85.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"format-list-numbered"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 401,
+				"order": 48,
+				"prevSize": 24,
+				"code": 58914,
+				"name": "format-list-numbered"
+			},
+			"setIdx": 1,
+			"iconIdx": 401
+		},
+		{
+			"icon": {
+				"paths": [
+					"M810.667 128h-597.333c-47.147 0-85.333 38.187-85.333 85.333v597.333c0 47.147 38.187 85.333 85.333 85.333h597.333c47.147 0 85.333-38.187 85.333-85.333v-597.333c0-47.147-38.187-85.333-85.333-85.333zM384 725.333h-85.333v-298.667h85.333v298.667zM554.667 725.333h-85.333v-426.667h85.333v426.667zM725.333 725.333h-85.333v-170.667h85.333v170.667z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"insert-chart"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 410,
+				"order": 46,
+				"prevSize": 24,
+				"code": 58915,
+				"name": "insert-chart"
+			},
+			"setIdx": 1,
+			"iconIdx": 410
+		},
 		{
 			"icon": {
 				"paths": [
@ -536,7 +986,7 @@
 			"attrs": [],
 			"properties": {
 				"id": 429,
-				"order": 26,
+				"order": 21,
 				"prevSize": 24,
 				"code": 58899,
 				"name": "cloud-download"
@ -547,25 +997,94 @@
 		{
 			"icon": {
 				"paths": [
-					"M938.667 768v-640h-853.333v640h-85.333v85.333h1024v-85.333h-85.333zM597.333 768h-170.667v-42.667h170.667v42.667zM853.333 640h-682.667v-426.667h682.667v426.667z"
+					"M853.333 768c46.933 0 85.333-38.4 85.333-85.333v-426.667c0-46.933-38.4-85.333-85.333-85.333h-682.667c-46.933 0-85.333 38.4-85.333 85.333v426.667c0 46.933 38.4 85.333 85.333 85.333h-170.667v85.333h1024v-85.333h-170.667zM170.667 256h682.667v426.667h-682.667v-426.667z"
 				],
 				"attrs": [],
 				"isMulticolor": false,
 				"tags": [
-					"laptop-chromebook"
+					"laptop"
 				],
 				"grid": 24
 			},
 			"attrs": [],
 			"properties": {
-				"id": 461,
-				"order": 20,
+				"id": 460,
+				"order": 45,
 				"prevSize": 24,
-				"code": 58900,
-				"name": "laptop-chromebook"
+				"code": 58916,
+				"name": "laptop"
 			},
 			"setIdx": 1,
-			"iconIdx": 461
+			"iconIdx": 460
+		},
+		{
+			"icon": {
+				"paths": [
+					"M640 896h85.333v-85.333h-85.333v85.333zM810.667 384h85.333v-85.333h-85.333v85.333zM128 213.333v597.333c0 47.147 38.187 85.333 85.333 85.333h170.667v-85.333h-170.667v-597.333h170.667v-85.333h-170.667c-47.147 0-85.333 38.187-85.333 85.333zM810.667 128v85.333h85.333c0-47.147-38.187-85.333-85.333-85.333zM469.333 981.333h85.333v-938.667h-85.333v938.667zM810.667 725.333h85.333v-85.333h-85.333v85.333zM640 213.333h85.333v-85.333h-85.333v85.333zM810.667 554.667h85.333v-85.333h-85.333v85.333zM810.667 896c47.147 0 85.333-38.187 85.333-85.333h-85.333v85.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"flip"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 551,
+				"order": 49,
+				"prevSize": 24,
+				"code": 58919,
+				"name": "flip"
+			},
+			"setIdx": 1,
+			"iconIdx": 551
+		},
+		{
+			"icon": {
+				"paths": [
+					"M511.787 85.333c-235.733 0-426.453 190.933-426.453 426.667s190.72 426.667 426.453 426.667c235.733 0 426.88-190.933 426.88-426.667s-191.147-426.667-426.88-426.667zM512 853.333c-188.587 0-341.333-152.747-341.333-341.333s152.747-341.333 341.333-341.333 341.333 152.747 341.333 341.333-152.747 341.333-341.333 341.333zM661.333 469.333c35.413 0 64-28.587 64-64s-28.587-64-64-64-64 28.587-64 64 28.587 64 64 64zM362.667 469.333c35.413 0 64-28.587 64-64s-28.587-64-64-64-64 28.587-64 64 28.587 64 64 64zM512 746.667c99.413 0 183.68-62.080 217.813-149.333h-435.627c34.133 87.253 118.4 149.333 217.813 149.333z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"tag-faces"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 600,
+				"order": 44,
+				"prevSize": 24,
+				"code": 58917,
+				"name": "tag-faces"
+			},
+			"setIdx": 1,
+			"iconIdx": 600
+		},
+		{
+			"icon": {
+				"paths": [
+					"M512 85.333c-235.733 0-426.667 190.933-426.667 426.667s190.933 426.667 426.667 426.667 426.667-190.933 426.667-426.667-190.933-426.667-426.667-426.667zM469.333 850.347c-168.32-20.907-298.667-164.267-298.667-338.347 0-26.24 3.2-51.84 8.96-76.373l204.373 204.373v42.667c0 47.147 38.187 85.333 85.333 85.333v82.347zM763.52 742.187c-10.88-34.56-42.88-59.52-80.853-59.52h-42.667v-128c0-23.467-19.2-42.667-42.667-42.667h-256v-85.333h85.333c23.467 0 42.667-19.2 42.667-42.667v-85.333h85.333c47.147 0 85.333-38.187 85.333-85.333v-17.707c125.013 50.56 213.333 173.013 213.333 316.373 0 88.747-34.133 169.387-89.813 230.187z"
+				],
+				"attrs": [],
+				"isMulticolor": false,
+				"tags": [
+					"publ"
+				],
+				"grid": 24
+			},
+			"attrs": [],
+			"properties": {
+				"id": 746,
+				"order": 32,
+				"prevSize": 24,
+				"code": 58918,
+				"name": "publ"
+			},
+			"setIdx": 1,
+			"iconIdx": 746
 		}
 	],
 	"height": 1024,
--- a/public/resources/css/vendor/icomoon/style.css
+++ b/public/resources/css/vendor/icomoon/style.css
@ -1,10 +1,10 @@
@font-face {
 	font-family: 'icomoon';
-	src:url('fonts/icomoon.eot?-ruj673');
-	src:url('fonts/icomoon.eot?#iefix-ruj673') format('embedded-opentype'),
-		url('fonts/icomoon.woff?-ruj673') format('woff'),
-		url('fonts/icomoon.ttf?-ruj673') format('truetype'),
-		url('fonts/icomoon.svg?-ruj673#icomoon') format('svg');
+	src:url('fonts/icomoon.eot?1jdkpb');
+	src:url('fonts/icomoon.eot?#iefix1jdkpb') format('embedded-opentype'),
+		url('fonts/icomoon.woff?1jdkpb') format('woff'),
+		url('fonts/icomoon.ttf?1jdkpb') format('truetype'),
+		url('fonts/icomoon.svg?1jdkpb#icomoon') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
@ -23,6 +23,14 @@
 	-moz-osx-font-smoothing: grayscale;
 }

+.icon-embed2:before {
+	content: "\ea80";
+}
+
+.icon-terminal:before {
+	content: "\ea81";
+}
+
 .icon-google-plus2:before {
 	content: "\ea89";
 }
@ -35,6 +43,10 @@
 	content: "\ea92";
 }

+.icon-accessibility:before {
+	content: "\e614";
+}
+
 .icon-book:before {
 	content: "\e600";
 }
@ -43,6 +55,14 @@
 	content: "\e601";
 }

+.icon-favorite:before {
+	content: "\e615";
+}
+
+.icon-home:before {
+	content: "\e616";
+}
+
 .icon-info-outline:before {
 	content: "\e602";
 }
@ -59,6 +79,14 @@
 	content: "\e605";
 }

+.icon-open-in-new:before {
+	content: "\e617";
+}
+
+.icon-polymer:before {
+	content: "\e618";
+}
+
 .icon-query-builder:before {
 	content: "\e606";
 }
@ -71,6 +99,10 @@
 	content: "\e608";
 }

+.icon-settings-ethernet:before {
+	content: "\e619";
+}
+
 .icon-shop:before {
 	content: "\e609";
 }
@ -83,6 +115,22 @@
 	content: "\e60b";
 }

+.icon-view-module:before {
+	content: "\e61a";
+}
+
+.icon-av-timer:before {
+	content: "\e61b";
+}
+
+.icon-equalizer:before {
+	content: "\e628";
+}
+
+.icon-fast-forward:before {
+	content: "\e61c";
+}
+
 .icon-play-circle-fill:before {
 	content: "\e60c";
 }
@ -91,10 +139,22 @@
 	content: "\e60d";
 }

+.icon-subtitles:before {
+	content: "\e61d";
+}
+
+.icon-call-split:before {
+	content: "\e61e";
+}
+
 .icon-chat:before {
 	content: "\e60e";
 }

+.icon-import-export:before {
+	content: "\e61f";
+}
+
 .icon-stay-current-landscape:before {
 	content: "\e60f";
 }
@ -111,11 +171,39 @@
 	content: "\e612";
 }

+.icon-developer-mode:before {
+	content: "\e620";
+}
+
+.icon-now-widgets:before {
+	content: "\e621";
+}
+
+.icon-format-list-numbered:before {
+	content: "\e622";
+}
+
+.icon-insert-chart:before {
+	content: "\e623";
+}
+
 .icon-cloud-download:before {
 	content: "\e613";
 }

-.icon-laptop-chromebook:before {
-	content: "\e614";
+.icon-laptop:before {
+	content: "\e624";
+}
+
+.icon-flip:before {
+	content: "\e627";
+}
+
+.icon-tag-faces:before {
+	content: "\e625";
+}
+
+.icon-publ:before {
+	content: "\e626";
 }

--- a/public/resources/images/logos/html5/html5.png
+++ b/public/resources/images/logos/html5/html5.png
--- a/public/resources/images/logos/html5/html5.svg
+++ b/public/resources/images/logos/html5/html5.svg
--- a/public/resources/images/logos/html5/html5@2x.png
+++ b/public/resources/images/logos/html5/html5@2x.png
--- a/public/resources/images/logos/license/mit.png
+++ b/public/resources/images/logos/license/mit.png
--- a/public/resources/images/logos/license/mit.svg
+++ b/public/resources/images/logos/license/mit.svg
--- a/public/resources/images/logos/license/mit@2x.png
+++ b/public/resources/images/logos/license/mit@2x.png