ratchet_design 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 89650100df2404d22f67c7f009684726963eb6d7
-  data.tar.gz: ea6180540d9a955e87377e2585b79d88ddcf3ad2
+  metadata.gz: 05e52118e10d1100b0d48fc879d875a872586559
+  data.tar.gz: a4b56310564057e3446f8b8d16c7a39f7d728b0c
 SHA512:
-  metadata.gz: 139f8966dc358cb3e6b245039979db3f4ecc12dab5cb9a8278a5fe3c87bec82a5f9a8459636e1be57a18677cb8435228a4cf83570aeb9bf0e70fefc5c52b2b5d
-  data.tar.gz: dba992c64cc3f07799c2a5dabb3bf413321c4d8efc928a06b1cb76e9b7cb1a249a31014e6cfe967ace0f9078772d9b64bd210776a9cf3fc7320f1156dcfacfb4
+  metadata.gz: 44157e35a90e6263f377a3477956cce463aba8a69d4a207af25cfeb30dab9d2c2298e02ee61dc4228533242c75d3cc3e90127d55c8594799e5a13db8f52e50b3
+  data.tar.gz: 6e94d09f3ea42db5ac4c61775d39f65d6fa3dfe666a40cba15959bf4bc493879f733288b70bf4b31ae74b18378d24359192e166c53494711e7c8d3a788de7496

data/app/assets/javascripts/ratchet/base/mobilemenu.js

@@ -5,19 +5,24 @@
  * @license MIT (http://www.opensource.org/licenses/mit-license.php/)
  **/
 
+// Dependencies
+var matches = require( '../utility/matches' );
+
 // Public API function
 var mobileMenu = function( element, settings ) {
 
   // Overridable defaults
   var defaults = {
-    initWidth : '700px',
-    openClass : 'menu-open'
-  };
+    initWidth  : '700px',
+    openClass  : 'menu-open',
+    menuButton : '.mobile-menu-button'
+  },
 
   // Scoped variables
-  var options    = Object.assign( {}, defaults, settings ),
-      selector   = document.querySelector( element ),
-      widthQuery = window.matchMedia( '(max-width: ' + options.initWidth + ')' );
+  options    = Object.assign( {}, defaults, settings ),
+  selector   = document.querySelector( element ),
+  widthQuery = window.matchMedia( '(max-width: ' + options.initWidth + ')' ),
+  docBody    = document.body;
 
   // Attach listeners
   if ( selector ) {
@@ -33,9 +38,16 @@ var mobileMenu = function( element, settings ) {
   // Click handler function
   function clickHandler( event ) {
 
-    event.preventDefault();
+    // Combine element selector with anchor links
+    var toggleSelector = options.menuButton + ', .' + options.openClass + ' ' + element + ' a[href^="#"]';
+
+    // Only run on menu button
+    if ( matches( event.target, toggleSelector ) ) {
 
-    document.body.classList.toggle( options.openClass );
+      // Toggle body class
+      docBody.classList.toggle( options.openClass );
+
+    }
 
   }
 

data/app/assets/javascripts/ratchet/base/validation.js

@@ -46,28 +46,31 @@ var validation = function( element, settings ) {
     // Scoped variables
     var element   = event.target,
         minWords  = element.dataset.minWords,
+        maxWords  = element.dataset.maxWords,
         indicator = getClosest( element, 'label' ) || element,
         validity;
 
+    // If element only contains whitespace, strip value
+    if ( element.value && !element.value.replace( /\s/g, '' ).length ) {
+      element.value = '';
+    }
+
     // Remove pre-existing validation message
     messageHandler( 'hide', element );
 
     // If element has `data-min-words` attribute
     if ( minWords ) {
 
-      // And it has a value that is less than the set minimum
-      if ( element.value && wordCount( element.value ) < minWords ) {
-
-        // Set a custom error message
-        element.setCustomValidity( 'Please write at least ' + minWords + ' words.' );
+      // Run respective validation function
+      validateWords( 'min', element, minWords );
 
-      // Otherwise
-      } else {
+    }
 
-        // Default to normal error messaging
-        element.setCustomValidity( '' );
+    // If element has `data-min-words` attribute
+    if ( maxWords ) {
 
-      }
+      // Run respective validation function
+      validateWords( 'max', element, maxWords );
 
     }
 
@@ -103,7 +106,7 @@ var validation = function( element, settings ) {
   function submissionHandler( event ) {
 
     // Only run on submission
-    if ( !matches( event.target, 'input[type=submit], button:not([type=button])' ) ) return;
+    if ( !matches( event.target, 'input[type=submit], button[type=submit]' ) ) return;
 
     // Scoped variables
     var invalidForm = getClosest( event.target, 'form' ),
@@ -224,6 +227,36 @@ var validation = function( element, settings ) {
 
   }
 
+  // Min- or max-words validation function
+  function validateWords( type, element, goal ) {
+
+    // Defaults settings to min-words
+    var value     = element.value,
+        condition = wordCount( value ) < goal,
+        verbiage  = 'at least ';
+
+    // Overwrite defaults in case of max-words
+    if ( type === 'max' ) {
+      condition = wordCount( value ) > goal;
+      verbiage  = 'no more than ';
+    }
+
+    // If value exists and it meets invalid condition
+    if ( value && condition ) {
+
+      // Set a custom error message
+      element.setCustomValidity( 'Please write ' + verbiage + goal + ' words.' );
+
+    // Otherwise
+    } else {
+
+      // Default to normal error messaging
+      element.setCustomValidity( '' );
+
+    }
+
+  }
+
 };
 
 // Public API

data/app/assets/javascripts/ratchet/core.js

@@ -1,74 +1,77 @@
 // Shim modules
-require( './shim/classlist'     );
+require( './shim/classlist' );
 require( './shim/object.assign' );
 
 // Utility modules
-var loadFont    = require( './utility/load_font'    );
-var fullStop    = require( './utility/full_stop'    );
-var unhover     = require( './utility/unhover'      );
-var throttle    = require( './utility/throttle'     );
-var loadScript  = require( './utility/load_script'  );
-var fromTop     = require( './utility/from_top'     );
-var scrollTo    = require( './utility/scroll_to'    );
-var matches     = require( './utility/matches'      );
-var getClosest  = require( './utility/get_closest'  );
-var getNext     = require( './utility/get_next'     );
-var wordCount   = require( './utility/word_count'   );
+var loadFont    = require( './utility/load_font' );
+var fullStop    = require( './utility/full_stop' );
+var unhover     = require( './utility/unhover' );
+var throttle    = require( './utility/throttle' );
+var loadScript  = require( './utility/load_script' );
+var fromTop     = require( './utility/from_top' );
+var scrollTo    = require( './utility/scroll_to' );
+var matches     = require( './utility/matches' );
+var getClosest  = require( './utility/get_closest' );
+var getNext     = require( './utility/get_next' );
+var wordCount   = require( './utility/word_count' );
 var compileData = require( './utility/compile_data' );
-var timeout     = require( './utility/timeout'      );
+var timeout     = require( './utility/timeout' );
 
 // Base modules
 var mobileMenu  = require( './base/mobilemenu' );
-var form        = require( './base/form'       );
+var form        = require( './base/form' );
 var validation  = require( './base/validation' );
 
 // Enhancement modules
-var loader      = require( './enhancement/loader'    );
+var loader      = require( './enhancement/loader' );
 var waypoints   = require( './enhancement/waypoints' );
-var notice      = require( './enhancement/notice'    );
-var sticky      = require( './enhancement/sticky'    );
-var esvg        = require( './_svg'                  );
-// var swap        = require( './enhancement/swap'      );
+var notice      = require( './enhancement/notice' );
+var sticky      = require( './enhancement/sticky' );
+var esvg        = require( './_svg' );
+// var swap        = require( './enhancement/swap' );
 
 // Vendor modules
-var event       = require( 'compose-event'            );
+var event       = require( 'compose-event' );
 var highlighter = require( 'compose-code-highlighter' );
-require( 'codemirror/mode/htmlmixed/htmlmixed'        );
-require( 'codemirror/mode/slim/slim'                  );
-require( 'codemirror/mode/javascript/javascript'      );
-require( 'codemirror/mode/css/css'                    );
-require( 'codemirror/mode/sql/sql'                    );
-require( 'codemirror/mode/php/php'                    );
-require( 'codemirror/mode/ruby/ruby'                  );
-require( 'codemirror/mode/shell/shell'                );
-require( 'codemirror/mode/go/go'                      );
-require( 'codemirror/mode/python/python'              );
-require( 'codemirror/mode/yaml/yaml'                  );
-require( 'codemirror/mode/clike/clike'                );
-require( 'codemirror/addon/runmode/runmode'           );
-require( 'codemirror/addon/edit/matchbrackets'        );
+require( 'codemirror/mode/htmlmixed/htmlmixed' );
+require( 'codemirror/mode/slim/slim' );
+require( 'codemirror/mode/javascript/javascript' );
+require( 'codemirror/mode/css/css' );
+require( 'codemirror/mode/sql/sql' );
+require( 'codemirror/mode/php/php' );
+require( 'codemirror/mode/ruby/ruby' );
+require( 'codemirror/mode/shell/shell' );
+require( 'codemirror/mode/go/go' );
+require( 'codemirror/mode/python/python' );
+require( 'codemirror/mode/yaml/yaml' );
+require( 'codemirror/mode/clike/clike' );
+require( 'codemirror/addon/runmode/runmode' );
+require( 'codemirror/addon/edit/matchbrackets' );
 
 // Public API object
 window.ratchet = module.exports = {
-  esvg        : esvg,
-  event       : event,
   loadFont    : loadFont,
+  fullStop    : fullStop,
+  unhover     : unhover,
   throttle    : throttle,
   loadScript  : loadScript,
+  fromTop     : fromTop,
   scrollTo    : scrollTo,
-  wordCount   : wordCount,
-  getNext     : getNext,
+  matches     : matches,
   getClosest  : getClosest,
+  getNext     : getNext,
+  wordCount   : wordCount,
   compileData : compileData,
   timeout     : timeout,
   mobileMenu  : mobileMenu,
   form        : form,
   validation  : validation,
   loader      : loader,
-  // swap        : swap,
   waypoints   : waypoints,
   notice      : notice,
-  sticky      : sticky
+  sticky      : sticky,
+  esvg        : esvg,
+  event       : event
 }
 
 // Default events instantiation

data/app/assets/javascripts/ratchet/enhancement/waypoints.js

@@ -18,7 +18,6 @@ var waypoints = function( elements, settings ) {
   // Overridable defaults
   var defaults = {
     initWidth        : '700px',
-    navigation       : '.secondary',
     activeAnchor     : 'active',
     elemOffset       : 0,
     showLandmarks    : false,
@@ -40,8 +39,9 @@ var waypoints = function( elements, settings ) {
   } else {
 
     // Scoped variables
-    var navigation  = document.querySelector( options.navigation ),
-        widthQuery  = window.matchMedia( '(min-width: ' + options.initWidth + ')' ),
+    var initWidth   = options.initWidth ? options.initWidth : '0px',
+        widthQuery  = window.matchMedia( '(min-width: ' + initWidth + ')' ),
+        docBody     = document.body,
         coordinates = [],
         oldActiveItem,
         windowHash,
@@ -100,7 +100,7 @@ var waypoints = function( elements, settings ) {
       window.addEventListener( 'optimizedScroll', scrollHandler, false );
 
       // Click function listener
-      navigation.addEventListener( 'click', clickHandler, false );
+      docBody.addEventListener( 'click', clickHandler, false );
 
       // Call hash change listener function explicitly at run time
       hashHandler();
@@ -118,7 +118,7 @@ var waypoints = function( elements, settings ) {
       window.removeEventListener( 'optimizedScroll', scrollHandler, false );
 
       // Remove click listener
-      navigation.removeEventListener( 'click', clickHandler, false );
+      docBody.removeEventListener( 'click', clickHandler, false );
 
       // Remove hash change listener
       window.removeEventListener( 'hashchange', hashHandler, false );
@@ -131,7 +131,7 @@ var waypoints = function( elements, settings ) {
   function resizeHandler() {
 
     // Update document height variable
-    docHeight = document.body.scrollHeight;
+    docHeight = docBody.scrollHeight;
 
     // Update window height variable
     winHeight = window.innerHeight;
@@ -200,13 +200,13 @@ var waypoints = function( elements, settings ) {
       if ( newActiveItem === oldActiveItem ) return false;
 
       // Update active link
-      activeLink = navigation.querySelector( 'a[href="#' + newActiveItem + '"]' );
+      activeLink = docBody.querySelector( 'a[href="#' + newActiveItem + '"]' );
 
       // If no active link is found, abort
       if ( !activeLink ) return false;
 
       // And enable navigation item
-      activate( navigation, activeLink, options.activeAnchor );
+      activate( activeLink, options.activeAnchor );
 
       // If landmarks are turned on
       if ( options.showLandmarks === true ) {
@@ -215,7 +215,7 @@ var waypoints = function( elements, settings ) {
         landmark = getClosest( activeLink, options.landmarkSelector );
 
         // Enable active landmark
-        activate( navigation, landmark, options.activeLandmark );
+        activate( landmark, options.activeLandmark );
 
       }
 
@@ -229,12 +229,12 @@ var waypoints = function( elements, settings ) {
   // Click handler function
   function clickHandler( event ) {
 
-    // Prevent default behavior
-    event.preventDefault();
-
     // Matches selector function init
     if ( matches( event.target, 'a[href^="#"]' ) ) {
 
+      // Prevent default behavior
+      event.preventDefault();
+
       // Travel to clicked target
       travel( event.target, 'click' );
 
@@ -268,7 +268,7 @@ var waypoints = function( elements, settings ) {
     if ( targetElement ) {
 
       // Enable new active navigation item
-      activate( navigation, destination, options.activeAnchor );
+      activate( destination, options.activeAnchor );
 
       // Loop through coordinates
       for ( var i = 0; i < coordinates.length; i++ ) {
@@ -309,10 +309,10 @@ var waypoints = function( elements, settings ) {
   }
 
   // Link activation function
-  function activate( container, selector, cls ) {
+  function activate( selector, cls ) {
 
     // Find currently active link
-    var activeLink = container.querySelector( '.' + cls );
+    var activeLink = docBody.querySelector( '.' + cls );
 
     // And if it exists, disable it
     if ( activeLink ) activeLink.classList.remove( cls );

data/app/assets/stylesheets/ratchet/base/_button.scss

@@ -6,6 +6,25 @@
  * i. Utility
  * ------------------------------------- */
 
+// Reset default <button> styles
+@mixin button-reset() {
+  font: initial;
+  margin: initial;
+  padding: initial;
+  border: initial;
+  background: initial;
+  -moz-user-select: text;
+
+  &:focus {
+    outline: initial;
+  }
+
+  &::-moz-focus-inner {
+    padding: 0;
+    border: 0;
+  }
+}
+
 // Resizable / colorable buttons
 @mixin button($color: $cerulean, $size: normal, $fill: on, $bevel: off) {
 
@@ -46,7 +65,7 @@
   }
 
   // Declarations
-  display: inline-flex;
+  display: inline-block;
   width: auto;
   text-align: center;
   font-size: $font-size;

data/app/assets/stylesheets/ratchet/base/_document.scss

@@ -65,33 +65,46 @@ $breakpoint: 800px;
 
   // Shown on smaller screens
   @media (max-width: $breakpoint) {
+    @include button-reset;
     @include shown;
     z-index: 4;
     width: 36px;
     height: 36px;
-    border-radius: 50%;
+    margin-left: auto;
     padding: 12px 10px;
+    border-radius: 50%;
+    transition: .5s transform;
     box-shadow: 0 0 0 1px $white;
-    margin-left: auto;
+    background: transparent linear-gradient(to bottom, $white, $white) 50% 50% / 16px 2px no-repeat;
 
-    span {
+    &:after,
+    &:before {
+      content: '';
       display: block;
       width: 16px;
       height: 2px;
       background: $white;
-      transition: .5s opacity,
-                  .5s transform;
+      transition:
+        .5s opacity,
+        .5s transform;
     }
 
-    span:nth-child(2) {
-      margin: 3px 0;
+    &:after {
+      margin: 8px 0;
     }
 
     // Fancy animation when menu open
-    .menu-open & span {
-      &:nth-child(1) { transform: translateY(5px)  rotate(-45deg);  }
-      &:nth-child(2) { transform: rotate(-45deg);  opacity: 0;      }
-      &:nth-child(3) { transform: translateY(-5px) rotate(-135deg); }
+    .menu-open & {
+      transform: rotate(-45deg);
+
+      &:after {
+        transform: translateY(-5px) rotate(-90deg);
+      }
+
+      &:before {
+        transform: translateY(5px);
+        opacity: 0;
+      }
     }
   }
 }
@@ -191,10 +204,11 @@ header[role=banner] > nav[role=navigation] {
     position: fixed;
     top: 0;
     left: 0;
-    bottom: 0;
-    width: 100%;
+    width: 100vw;
+    height: 100vh;
     opacity: 0;
     z-index: 3;
+    align-items: center;
     flex-direction: column;
     justify-content: center;
     background: transparent;
@@ -218,7 +232,6 @@ header[role=banner] > nav[role=navigation] {
 
     // Main navigation
     header[role=banner] > nav[role=navigation] {
-      left: 0;
       opacity: 1;
       transform: translateX(0);
       background: rgba($shark, .95);

data/app/assets/stylesheets/ratchet/utility/_global.scss

@@ -120,7 +120,7 @@ $content-padding: vr(2); // 30px
 
 // Repeat a `$string` and number of `$times`
 @function repeat-string($string, $times) {
-  $result: "";
+  $result: '';
 
   @for $i from 1 through $times {
     $result: $result + $string;

data/app/helpers/ratchet/application_helper.rb

@@ -44,6 +44,11 @@ module Ratchet
       selector ? content_for(:selector) { selector } : content_for(:selector).presence
     end
 
+    # Consolidated page class output
+    def page_classes
+      request.path_parameters[:page].split("/").last + (selector ? " #{selector}" : "")
+    end
+
     # TODO:
     # sitemap "ignore"
 

data/app/views/layouts/ratchet/default.html.slim

@@ -40,7 +40,7 @@ html
     / Head
     = yield :head
 
-  body class="#{request.path_parameters[:page].split('/').last} #{selector}"
+  body class="#{page_classes}"
 
     / Icon inclusion
     = render "shared/ratchet/icons"

data/app/views/shared/ratchet/_header.html.slim

@@ -8,9 +8,7 @@ header role="banner"
   - if content_for?(:top_nav)
 
     / Hamburger menu button
-    a.mobile-menu-button href="#?"
-      - 3.times do
-        span
+    button.mobile-menu-button
 
     / Main site navigation
     nav role="navigation"

data/lib/ratchet_design/version.rb

@@ -1,3 +1,3 @@
 module RatchetDesign
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

data/public/assets/ratchet/{core-0.1.0.js → core-0.1.1.js}

@@ -3,11 +3,11 @@
 },{}],2:[function(require,module,exports){
 "use strict";var evt=require("compose-event"),form=function(e,t){function n(e){var t=e.parentNode;"LABEL"===t.tagName?t.classList.add("tick-label"):(e.insertAdjacentHTML("beforebegin",'<label class="tick-label"></label>'),e.previousSibling.insertAdjacentElement("afterbegin",e)),e.insertAdjacentHTML("afterend","<span></span>")}function r(e){return"number"===e.target.type&&void((e.which<48||e.which>57)&&e.preventDefault())}function a(e){var t=e.target?e.target:e;if("range"!==t.type)return!1;var n=t.max?t.value/t.max*100:t.value/100*100;t.style.backgroundImage="linear-gradient(90deg, #009DDC "+n+"%, #D1D1D1 "+n+"%)"}function i(e){function t(e){var t=(""+e).match(/( ?:\.( \d+ ) )?( ?:[eE]( [+-]?\d+ ) )?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}function n(e,n){if(n<1){var r=t(parseInt(n));return parseFloat(e.toFixed(r))}return Math.round(e/n)*n}function r(e){var t,r=e.target,a=e.changedTouches[0],i=parseFloat(r.getAttribute("min"))||0,u=parseFloat(r.getAttribute("max"))||100,c=parseFloat(r.getAttribute("step"))||1,l=u-i,d=r.getBoundingClientRect(),s=100/d.width*(o/2)/100;return t=100/d.width*(a.clientX-d.left),t<0?t=0:t>100&&(t=100),t<50?t-=(100-2*t)*s:t>50&&(t+=2*(t-50)*s),i+n(l*(t/100),c)}function a(e){"range"===e.target.type&&(e.preventDefault(),e.target.value=r(e),evt.fire(e.target,"touchend"===e.type?"change":"input"))}if("ontouchstart"in document.documentElement){for(var i=document.querySelectorAll("[type=range]"),o=e||20,u=i.length-1;u>=0;u--)i[u].style.touchAction="manipulation",i[u].style.webkitUserSelect="none";d.addEventListener("touchstart",a,!1),d.addEventListener("touchmove",a,!1),d.addEventListener("touchend",a,!1)}}var o={},u=document.querySelector(e)||document.querySelector("form");if(!u)return!1;var c=(Object.assign({},o,t),document.querySelectorAll("input[type=range]")),l=document.querySelectorAll("input[type=checkbox], input[type=radio]"),d=document.body;d.addEventListener("keypress",r,!1),d.addEventListener("input",a,!0);for(var s=0;s<c.length;s++)a(c[s]);for(var g=0;g<l.length;g++)n(l[g]);i()};module.exports=form;
 },{"compose-event":42}],3:[function(require,module,exports){
-"use strict";var mobileMenu=function(e,t){function n(e){e.preventDefault(),document.body.classList.toggle(s.openClass)}function i(e){e.matches?c.addEventListener("click",n,!1):c.removeEventListener("click",n,!1)}var o={initWidth:"700px",openClass:"menu-open"},s=Object.assign({},o,t),c=document.querySelector(e),a=window.matchMedia("(max-width: "+s.initWidth+")");c&&(i(a),a.addListener(i))};module.exports=mobileMenu;
-},{}],4:[function(require,module,exports){
-"use strict";var matches=require("../utility/matches"),getClosest=require("../utility/get_closest"),wordCount=require("../utility/word_count"),validation=function(e,t){function a(e){if(!matches(e.target,"input:not([type=submit]), textarea"))return!1;var t,a=e.target,i=a.dataset.minWords,n=getClosest(a,"label")||a;s("hide",a),i&&(a.value&&wordCount(a.value)<i?a.setCustomValidity("Please write at least "+i+" words."):a.setCustomValidity("")),t=a.checkValidity(),a.value&&!t?(n.classList.remove("valid"),n.classList.add("invalid")):a.value&&t?(n.classList.remove("invalid"),n.classList.add("valid")):a.value||(n.classList.remove("valid"),n.classList.remove("invalid"))}function i(e){if(matches(e.target,"input[type=submit], button:not([type=button])")){var t,a=getClosest(e.target,"form"),i=a.querySelector("input:invalid, textarea:invalid");if(i){if(t=getClosest(i,"label")||i,matches(i,"[data-stripe=number]")&&(i.value=i.value.replace(/[^0-9 -]/g,""),i=a.querySelector("input:invalid, textarea:invalid"),!i))return;return e.preventDefault(),"none"!==i.style.display?i.focus():i.nextSibling.focus(),t.classList.remove("valid"),t.classList.add("invalid"),s("show",i),!1}}}function s(e,t){var a=getClosest(t,"form"),i=a.querySelector(".validation-message"),s=t.validationMessage,n=function(){i.parentNode.removeChild(i)},l=function(){var e=getClosest(t,"label");return!!e&&void e.insertAdjacentHTML("beforeend",'<aside class="validation-message"><p>'+s+"</p></aside>")};t.dataset.message&&(s=t.dataset.message),i&&"hide"===e&&n(),"show"!==e||i?"show"===e&&i&&(i.parentNode!==t.parentNode?(n(),l()):i.childNodes[0].textContent=s):l()}var n={},l=document.querySelector(e)||document.querySelector("[required]");if(!l||"function"!=typeof document.createElement("input").checkValidity)return!1;var r=(Object.assign({},n,t),document.body);r.addEventListener("invalid",function(e){e.preventDefault()},!0),r.addEventListener("blur",a,!0),r.addEventListener("click",i,!1)};module.exports=validation;
+"use strict";var matches=require("../utility/matches"),mobileMenu=function(e,t){function n(t){var n=s.menuButton+", ."+s.openClass+" "+e+' a[href^="#"]';matches(t.target,n)&&c.classList.toggle(s.openClass)}function i(e){e.matches?a.addEventListener("click",n,!1):a.removeEventListener("click",n,!1)}var o={initWidth:"700px",openClass:"menu-open",menuButton:".mobile-menu-button"},s=Object.assign({},o,t),a=document.querySelector(e),u=window.matchMedia("(max-width: "+s.initWidth+")"),c=document.body;a&&(i(u),u.addListener(i))};module.exports=mobileMenu;
+},{"../utility/matches":19}],4:[function(require,module,exports){
+"use strict";var matches=require("../utility/matches"),getClosest=require("../utility/get_closest"),wordCount=require("../utility/word_count"),validation=function(e,t){function a(e){if(!matches(e.target,"input:not([type=submit]), textarea"))return!1;var t,a=e.target,i=a.dataset.minWords,r=a.dataset.maxWords,l=getClosest(a,"label")||a;a.value&&!a.value.replace(/\s/g,"").length&&(a.value=""),s("hide",a),i&&n("min",a,i),r&&n("max",a,r),t=a.checkValidity(),a.value&&!t?(l.classList.remove("valid"),l.classList.add("invalid")):a.value&&t?(l.classList.remove("invalid"),l.classList.add("valid")):a.value||(l.classList.remove("valid"),l.classList.remove("invalid"))}function i(e){if(matches(e.target,"input[type=submit], button[type=submit]")){var t,a=getClosest(e.target,"form"),i=a.querySelector("input:invalid, textarea:invalid");if(i){if(t=getClosest(i,"label")||i,matches(i,"[data-stripe=number]")&&(i.value=i.value.replace(/[^0-9 -]/g,""),i=a.querySelector("input:invalid, textarea:invalid"),!i))return;return e.preventDefault(),"none"!==i.style.display?i.focus():i.nextSibling.focus(),t.classList.remove("valid"),t.classList.add("invalid"),s("show",i),!1}}}function s(e,t){var a=getClosest(t,"form"),i=a.querySelector(".validation-message"),s=t.validationMessage,n=function(){i.parentNode.removeChild(i)},r=function(){var e=getClosest(t,"label");return!!e&&void e.insertAdjacentHTML("beforeend",'<aside class="validation-message"><p>'+s+"</p></aside>")};t.dataset.message&&(s=t.dataset.message),i&&"hide"===e&&n(),"show"!==e||i?"show"===e&&i&&(i.parentNode!==t.parentNode?(n(),r()):i.childNodes[0].textContent=s):r()}function n(e,t,a){var i=t.value,s=wordCount(i)<a,n="at least ";"max"===e&&(s=wordCount(i)>a,n="no more than "),i&&s?t.setCustomValidity("Please write "+n+a+" words."):t.setCustomValidity("")}var r={},l=document.querySelector(e)||document.querySelector("[required]");if(!l||"function"!=typeof document.createElement("input").checkValidity)return!1;var o=(Object.assign({},r,t),document.body);o.addEventListener("invalid",function(e){e.preventDefault()},!0),o.addEventListener("blur",a,!0),o.addEventListener("click",i,!1)};module.exports=validation;
 },{"../utility/get_closest":15,"../utility/matches":19,"../utility/word_count":24}],5:[function(require,module,exports){
-"use strict";require("./shim/classlist"),require("./shim/object.assign");var loadFont=require("./utility/load_font"),fullStop=require("./utility/full_stop"),unhover=require("./utility/unhover"),throttle=require("./utility/throttle"),loadScript=require("./utility/load_script"),fromTop=require("./utility/from_top"),scrollTo=require("./utility/scroll_to"),matches=require("./utility/matches"),getClosest=require("./utility/get_closest"),getNext=require("./utility/get_next"),wordCount=require("./utility/word_count"),compileData=require("./utility/compile_data"),timeout=require("./utility/timeout"),mobileMenu=require("./base/mobilemenu"),form=require("./base/form"),validation=require("./base/validation"),loader=require("./enhancement/loader"),waypoints=require("./enhancement/waypoints"),notice=require("./enhancement/notice"),sticky=require("./enhancement/sticky"),esvg=require("./_svg"),event=require("compose-event"),highlighter=require("compose-code-highlighter");require("codemirror/mode/htmlmixed/htmlmixed"),require("codemirror/mode/slim/slim"),require("codemirror/mode/javascript/javascript"),require("codemirror/mode/css/css"),require("codemirror/mode/sql/sql"),require("codemirror/mode/php/php"),require("codemirror/mode/ruby/ruby"),require("codemirror/mode/shell/shell"),require("codemirror/mode/go/go"),require("codemirror/mode/python/python"),require("codemirror/mode/yaml/yaml"),require("codemirror/mode/clike/clike"),require("codemirror/addon/runmode/runmode"),require("codemirror/addon/edit/matchbrackets"),window.ratchet=module.exports={esvg:esvg,event:event,loadFont:loadFont,throttle:throttle,loadScript:loadScript,scrollTo:scrollTo,wordCount:wordCount,getNext:getNext,getClosest:getClosest,compileData:compileData,timeout:timeout,mobileMenu:mobileMenu,form:form,validation:validation,loader:loader,waypoints:waypoints,notice:notice,sticky:sticky},event.change(function(){unhover(),fullStop(),form(),validation(),highlighter.highlight()},!1);
+"use strict";require("./shim/classlist"),require("./shim/object.assign");var loadFont=require("./utility/load_font"),fullStop=require("./utility/full_stop"),unhover=require("./utility/unhover"),throttle=require("./utility/throttle"),loadScript=require("./utility/load_script"),fromTop=require("./utility/from_top"),scrollTo=require("./utility/scroll_to"),matches=require("./utility/matches"),getClosest=require("./utility/get_closest"),getNext=require("./utility/get_next"),wordCount=require("./utility/word_count"),compileData=require("./utility/compile_data"),timeout=require("./utility/timeout"),mobileMenu=require("./base/mobilemenu"),form=require("./base/form"),validation=require("./base/validation"),loader=require("./enhancement/loader"),waypoints=require("./enhancement/waypoints"),notice=require("./enhancement/notice"),sticky=require("./enhancement/sticky"),esvg=require("./_svg"),event=require("compose-event"),highlighter=require("compose-code-highlighter");require("codemirror/mode/htmlmixed/htmlmixed"),require("codemirror/mode/slim/slim"),require("codemirror/mode/javascript/javascript"),require("codemirror/mode/css/css"),require("codemirror/mode/sql/sql"),require("codemirror/mode/php/php"),require("codemirror/mode/ruby/ruby"),require("codemirror/mode/shell/shell"),require("codemirror/mode/go/go"),require("codemirror/mode/python/python"),require("codemirror/mode/yaml/yaml"),require("codemirror/mode/clike/clike"),require("codemirror/addon/runmode/runmode"),require("codemirror/addon/edit/matchbrackets"),window.ratchet=module.exports={loadFont:loadFont,fullStop:fullStop,unhover:unhover,throttle:throttle,loadScript:loadScript,fromTop:fromTop,scrollTo:scrollTo,matches:matches,getClosest:getClosest,getNext:getNext,wordCount:wordCount,compileData:compileData,timeout:timeout,mobileMenu:mobileMenu,form:form,validation:validation,loader:loader,waypoints:waypoints,notice:notice,sticky:sticky,esvg:esvg,event:event},event.change(function(){unhover(),fullStop(),form(),validation(),highlighter.highlight()},!1);
 },{"./_svg":1,"./base/form":2,"./base/mobilemenu":3,"./base/validation":4,"./enhancement/loader":6,"./enhancement/notice":7,"./enhancement/sticky":8,"./enhancement/waypoints":9,"./shim/classlist":10,"./shim/object.assign":11,"./utility/compile_data":12,"./utility/from_top":13,"./utility/full_stop":14,"./utility/get_closest":15,"./utility/get_next":16,"./utility/load_font":17,"./utility/load_script":18,"./utility/matches":19,"./utility/scroll_to":20,"./utility/throttle":21,"./utility/timeout":22,"./utility/unhover":23,"./utility/word_count":24,"codemirror/addon/edit/matchbrackets":25,"codemirror/addon/runmode/runmode":26,"codemirror/mode/clike/clike":28,"codemirror/mode/css/css":29,"codemirror/mode/go/go":30,"codemirror/mode/htmlmixed/htmlmixed":31,"codemirror/mode/javascript/javascript":32,"codemirror/mode/php/php":33,"codemirror/mode/python/python":34,"codemirror/mode/ruby/ruby":35,"codemirror/mode/shell/shell":36,"codemirror/mode/slim/slim":37,"codemirror/mode/sql/sql":38,"codemirror/mode/yaml/yaml":40,"compose-code-highlighter":41,"compose-event":42}],6:[function(require,module,exports){
 "use strict";var loader=function(s){var e={selector:document.body,loaderClass:"loader",loadingMessage:"Hang tight…",loadingClass:"loading",successMessage:"Got it!",successClass:"success",failureMessage:"Hold up!",failureClass:"failure"},a=Object.assign({},e,s);a.selector.insertAdjacentHTML("afterbegin",'<div class="'+a.loaderClass+'"></div>');var l=document.querySelector("div."+a.loaderClass),t=function(s){"pending"===s?(l.textContent=a.loadingMessage,l.classList.remove(a.successClass,a.failureClass),l.classList.add(a.loadingClass)):"failure"===s?(l.textContent=a.failureMessage,l.classList.remove(a.loadingClass),l.classList.add(a.failureClass)):"success"===s&&(l.textContent=a.successMessage,l.classList.remove(a.loadingClass),l.classList.add(a.successClass))},i=function(){l.classList.remove(a.loadingClass,a.successClass,a.failureClass)};return{show:t,hide:i}};module.exports=loader;
 },{}],7:[function(require,module,exports){
@@ -15,7 +15,7 @@
 },{}],8:[function(require,module,exports){
 "use strict";var throttle=require("../utility/throttle"),fromTop=require("../utility/from_top"),sticky=function(t,e){function i(t){t.matches?(o(),window.addEventListener("optimizedResize",o,!1),n(),window.addEventListener("optimizedScroll",n,!1)):(h.classList.remove("sticky"),window.removeEventListener("optimizedResize",o,!1),window.removeEventListener("optimizedScroll",n,!1))}function o(){c=document.body.scrollHeight,l=window.innerHeight}function n(){var t=window.pageYOffset,e=t>u,i=w?t>=c-p-w+a:null;e&&!i?(h.classList.remove("anchored"),h.classList.add("sticky")):e&&i?(h.classList.remove("sticky"),h.classList.add("anchored")):h.classList.remove("sticky")}var s={topPadding:!1,initWidth:"700px",stickyClass:"sticky",anchorPoint:null},r=Object.assign({},s,e),d=document.querySelector(t);if(!d)return!1;var c,l,a=r.topPadding===!0?parseInt(window.getComputedStyle(d,null).getPropertyValue("padding-top")):0,m=window.matchMedia("(min-width: "+r.initWidth+")"),u=fromTop(d)+a,p=d.offsetHeight,w=r.anchorPoint,h=document.body;throttle("resize","optimizedResize"),throttle("scroll","optimizedScroll"),i(m),m.addListener(i)};module.exports=sticky;
 },{"../utility/from_top":13,"../utility/throttle":21}],9:[function(require,module,exports){
-"use strict";var matches=require("../utility/matches"),fromTop=require("../utility/from_top"),scrollTo=require("../utility/scroll_to"),getClosest=require("../utility/get_closest"),throttle=require("../utility/throttle"),waypoints=function(e,t){function i(e){e.matches?(o(),window.addEventListener("optimizedResize",o,!1),n(),window.addEventListener("optimizedScroll",n,!1),v.addEventListener("click",r,!1),l(),window.addEventListener("hashchange",l,!1)):(window.removeEventListener("optimizedResize",o,!1),window.removeEventListener("optimizedScroll",n,!1),v.removeEventListener("click",r,!1),window.removeEventListener("hashchange",l,!1))}function o(){u=document.body.scrollHeight,w=window.innerHeight;for(var e=0;e<f.length;e++){var t={elem:f[e],offset:fromTop(f[e])};g[e]=t}}function n(){for(var e,t,i,o=window.pageYOffset,n=o<0||o+w>=u,r=0;r<g.length;r++){var l=g[0],a=g[r],c=g[r+1],f=g[g.length-1];o<l.offset?e=l.elem.id:n||o>f.offset-d.elemOffset?e=f.elem.id:o>a.offset-d.elemOffset&&o<c.offset-d.elemOffset&&(e=a.elem.id)}if(e){if(e===h)return!1;if(t=v.querySelector('a[href="#'+e+'"]'),!t)return!1;s(v,t,d.activeAnchor),d.showLandmarks===!0&&(i=getClosest(t,d.landmarkSelector),s(v,i,d.activeLandmark)),h=e}}function r(e){e.preventDefault(),matches(e.target,'a[href^="#"]')&&a(e.target,"click")}function l(){if(!window.location.hash)return!1;var e=document.querySelector('a[href="'+window.location.hash+'"]');a(e,"hash")}function a(e,t){var i,o=e.href.split("#")[1],r=document.querySelector("#"+o);if(r){s(v,e,d.activeAnchor);for(var l=0;l<g.length;l++)g[l].elem===r&&(i=g[l].offset);"click"===t?(window.removeEventListener("optimizedScroll",n,!1),history.pushState(null,"","#"+o),scrollTo(i-d.elemOffset+1,function(){window.addEventListener("optimizedScroll",n,!1)})):"hash"===t&&window.scrollTo(0,i-d.elemOffset+1)}}function s(e,t,i){var o=e.querySelector("."+i);o&&o.classList.remove(i),t.classList.add(i)}var c={initWidth:"700px",navigation:".secondary",activeAnchor:"active",elemOffset:0,showLandmarks:!1,landmarkSelector:".landmark",activeLandmark:"pinned"},d=Object.assign({},c,t),f=document.querySelectorAll(e);if(!f.length)return!1;var h,m,u,w,v=document.querySelector(d.navigation),p=window.matchMedia("(min-width: "+d.initWidth+")"),g=[];window.location.hash&&(m=window.location.hash.replace("#",""),window.location.hash="",history.replaceState(null,"","#"+m)),throttle("resize","optimizedResize"),throttle("scroll","optimizedScroll"),window.addEventListener("load",function(){i(p),p.addListener(i)},!1)};module.exports=waypoints;
+"use strict";var matches=require("../utility/matches"),fromTop=require("../utility/from_top"),scrollTo=require("../utility/scroll_to"),getClosest=require("../utility/get_closest"),throttle=require("../utility/throttle"),waypoints=function(e,t){function i(e){e.matches?(o(),window.addEventListener("optimizedResize",o,!1),n(),window.addEventListener("optimizedScroll",n,!1),L.addEventListener("click",r,!1),l(),window.addEventListener("hashchange",l,!1)):(window.removeEventListener("optimizedResize",o,!1),window.removeEventListener("optimizedScroll",n,!1),L.removeEventListener("click",r,!1),window.removeEventListener("hashchange",l,!1))}function o(){w=L.scrollHeight,u=window.innerHeight;for(var e=0;e<f.length;e++){var t={elem:f[e],offset:fromTop(f[e])};g[e]=t}}function n(){for(var e,t,i,o=window.pageYOffset,n=o<0||o+u>=w,r=0;r<g.length;r++){var l=g[0],a=g[r],c=g[r+1],f=g[g.length-1];o<l.offset?e=l.elem.id:n||o>f.offset-d.elemOffset?e=f.elem.id:o>a.offset-d.elemOffset&&o<c.offset-d.elemOffset&&(e=a.elem.id)}if(e){if(e===h)return!1;if(t=L.querySelector('a[href="#'+e+'"]'),!t)return!1;s(t,d.activeAnchor),d.showLandmarks===!0&&(i=getClosest(t,d.landmarkSelector),s(i,d.activeLandmark)),h=e}}function r(e){matches(e.target,'a[href^="#"]')&&(e.preventDefault(),a(e.target,"click"))}function l(){if(!window.location.hash)return!1;var e=document.querySelector('a[href="'+window.location.hash+'"]');a(e,"hash")}function a(e,t){var i,o=e.href.split("#")[1],r=document.querySelector("#"+o);if(r){s(e,d.activeAnchor);for(var l=0;l<g.length;l++)g[l].elem===r&&(i=g[l].offset);"click"===t?(window.removeEventListener("optimizedScroll",n,!1),history.pushState(null,"","#"+o),scrollTo(i-d.elemOffset+1,function(){window.addEventListener("optimizedScroll",n,!1)})):"hash"===t&&window.scrollTo(0,i-d.elemOffset+1)}}function s(e,t){var i=L.querySelector("."+t);i&&i.classList.remove(t),e.classList.add(t)}var c={initWidth:"700px",activeAnchor:"active",elemOffset:0,showLandmarks:!1,landmarkSelector:".landmark",activeLandmark:"pinned"},d=Object.assign({},c,t),f=document.querySelectorAll(e);if(!f.length)return!1;var h,m,w,u,v=d.initWidth?d.initWidth:"0px",p=window.matchMedia("(min-width: "+v+")"),L=document.body,g=[];window.location.hash&&(m=window.location.hash.replace("#",""),window.location.hash="",history.replaceState(null,"","#"+m)),throttle("resize","optimizedResize"),throttle("scroll","optimizedScroll"),window.addEventListener("load",function(){i(p),p.addListener(i)},!1)};module.exports=waypoints;
 },{"../utility/from_top":13,"../utility/get_closest":15,"../utility/matches":19,"../utility/scroll_to":20,"../utility/throttle":21}],10:[function(require,module,exports){
 "use strict";"document"in self&&("classList"in document.createElement("_")?!function(){var t=document.createElement("_");if(t.classList.add("c1","c2"),!t.classList.contains("c2")){var e=function(t){var e=DOMTokenList.prototype[t];DOMTokenList.prototype[t]=function(t){var n,i=arguments.length;for(n=0;n<i;n++)t=arguments[n],e.call(this,t)}};e("add"),e("remove")}if(t.classList.toggle("c3",!1),t.classList.contains("c3")){var n=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(t,e){return 1 in arguments&&!this.contains(t)==!e?e:n.call(this,t)}}t=null}():!function(t){if("Element"in t){var e="classList",n="prototype",i=t.Element[n],s=Object,r=String[n].trim||function(){return this.replace(/^\s+|\s+$/g,"")},o=Array[n].indexOf||function(t){for(var e=0;e<this.length;e++)if(e in this&&this[e]===t)return e;return-1},a=function(t,e){this.name=t,this.code=DOMException[t],this.message=e},c=function(t,e){if(""===e)throw new a("SYNTAX_ERR","An invalid or illegal string was specified");if(/\s/.test(e))throw new a("INVALID_CHARACTER_ERR","String contains an invalid character");return o.call(t,e)},l=function(t){for(var e=r.call(t.getAttribute("class")||""),n=e?e.split(/\s+/):[],i=0;i<n.length;i++)this.push(n[i]);this._updateClassName=function(){t.setAttribute("class",this.toString())}},u=l[n]=[],f=function(){return new l(this)};if(a[n]=Error[n],u.item=function(t){return this[t]||null},u.contains=function(t){return t+="",c(this,t)!==-1},u.add=function(){var t,e=arguments,n=0,i=e.length,s=!1;do t=e[n]+"",c(this,t)===-1&&(this.push(t),s=!0);while(++n<i);s&&this._updateClassName()},u.remove=function(){var t,e,n=arguments,i=0,s=n.length,r=!1;do for(t=n[i]+"",e=c(this,t);e!==-1;)this.splice(e,1),r=!0,e=c(this,t);while(++i<s);r&&this._updateClassName()},u.toggle=function(t,e){t+="";var n=this.contains(t),i=n?e!==!0&&"remove":e!==!1&&"add";return i&&this[i](t),e===!0||e===!1?e:!n},u.toString=function(){return this.join(" ")},s.defineProperty){var h={get:f,enumerable:!0,configurable:!0};try{s.defineProperty(i,e,h)}catch(t){t.number===-2146823252&&(h.enumerable=!1,s.defineProperty(i,e,h))}}else s[n].__defineGetter__&&i.__defineGetter__(e,f)}}(self));
 },{}],11:[function(require,module,exports){
@@ -100,4 +100,4 @@ function Tap(e,t){function n(t){function n(n){if(t!==n&&(a(),!n.defaultPrevented
 });
 
 
-//# sourceMappingURL=/assets/ratchet/core-0.1.0.map.json
+//# sourceMappingURL=/assets/ratchet/core-0.1.1.map.json