From 46c9f3c486e719a8e3fe4d7f8394b8fdd37a8021 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Tue, 25 Jun 2013 22:06:00 -0400
Subject: [PATCH] Add media query polyfill script

---
 _includes/scripts.html      |   2 +-
 assets/js/main.js           | 343 ++++++++++++++++++++++++++++++++++++
 assets/js/main.min.js       |   1 +
 assets/js/vendor/respond.js | 342 +++++++++++++++++++++++++++++++++++
 4 files changed, 687 insertions(+), 1 deletion(-)
 create mode 100644 assets/js/main.min.js
 create mode 100644 assets/js/vendor/respond.js
diff --git a/_includes/scripts.html b/_includes/scripts.html
index 200bae9..afdb812 100644
--- a/_includes/scripts.html
+++ b/_includes/scripts.html
@@ -1,6 +1,6 @@
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script>window.jQuery || document.write('<script src="{{ site.url }}/assets/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
-<script src="{{ site.url }}/assets/js/main.js"></script>
+<script src="{{ site.url }}/assets/js/main.min.js"></script>
 <!-- Asynchronous Google Analytics snippet -->
 <script>
   var _gaq = _gaq || [];
diff --git a/assets/js/main.js b/assets/js/main.js
index e52b916..ced911d 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,3 +1,346 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+
+window.matchMedia = window.matchMedia || (function( doc, undefined ) {
+
+  "use strict";
+
+  var bool,
+      docElem = doc.documentElement,
+      refNode = docElem.firstElementChild || docElem.firstChild,
+      // fakeBody required for <FF4 when executed in <head>
+      fakeBody = doc.createElement( "body" ),
+      div = doc.createElement( "div" );
+
+  div.id = "mq-test-1";
+  div.style.cssText = "position:absolute;top:-100em";
+  fakeBody.style.background = "none";
+  fakeBody.appendChild(div);
+
+  return function(q){
+
+    div.innerHTML = "&shy;<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>";
+
+    docElem.insertBefore( fakeBody, refNode );
+    bool = div.offsetWidth === 42;
+    docElem.removeChild( fakeBody );
+
+    return {
+      matches: bool,
+      media: q
+    };
+
+  };
+
+}( document ));
+
+
+
+
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
+(function( win ){
+
+  "use strict";
+
+  //exposed namespace
+  var respond = {};
+  win.respond = respond;
+  
+  //define update even in native-mq-supporting browsers, to avoid errors
+  respond.update = function(){};
+  
+  //expose media query support flag for external use
+  respond.mediaQueriesSupported = win.matchMedia && win.matchMedia( "only all" ).matches;
+  
+  //if media queries are supported, exit here
+  if( respond.mediaQueriesSupported ){
+    return;
+  }
+  
+  //define vars
+  var doc = win.document,
+    docElem = doc.documentElement,
+    mediastyles = [],
+    rules = [],
+    appendedEls = [],
+    parsedSheets = {},
+    resizeThrottle = 30,
+    head = doc.getElementsByTagName( "head" )[0] || docElem,
+    base = doc.getElementsByTagName( "base" )[0],
+    links = head.getElementsByTagName( "link" ),
+    requestQueue = [],
+    
+    //loop stylesheets, send text content to translate
+    ripCSS = function(){
+
+      for( var i = 0; i < links.length; i++ ){
+        var sheet = links[ i ],
+        href = sheet.href,
+        media = sheet.media,
+        isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+
+        //only links plz and prevent re-parsing
+        if( !!href && isCSS && !parsedSheets[ href ] ){
+          // selectivizr exposes css through the rawCssText expando
+          if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+            translate( sheet.styleSheet.rawCssText, href, media );
+            parsedSheets[ href ] = true;
+          } else {
+            if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base) ||
+              href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
+              requestQueue.push( {
+                href: href,
+                media: media
+              } );
+            }
+          }
+        }
+      }
+      makeRequests();
+    },
+    
+    //recurse through request queue, get css text
+    makeRequests  = function(){
+      if( requestQueue.length ){
+        var thisRequest = requestQueue.shift();
+        
+        ajax( thisRequest.href, function( styles ){
+          translate( styles, thisRequest.href, thisRequest.media );
+          parsedSheets[ thisRequest.href ] = true;
+
+          // by wrapping recursive function call in setTimeout 
+          // we prevent "Stack overflow" error in IE7
+          win.setTimeout(function(){ makeRequests(); },0);
+        } );
+      }
+    },
+    
+    //find media blocks in css text, convert to style blocks
+    translate = function( styles, href, media ){
+      var qs = styles.match(  /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi ),
+        ql = qs && qs.length || 0;
+
+      //try to get CSS path
+      href = href.substring( 0, href.lastIndexOf( "/" ) );
+
+      var repUrls = function( css ){
+          return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
+        },
+        useMedia = !ql && media;
+
+      //if path exists, tack on trailing slash
+      if( href.length ){ href += "/"; } 
+        
+      //if no internal queries exist, but media attr does, use that 
+      //note: this currently lacks support for situations where a media attr is specified on a link AND
+        //its associated stylesheet has internal CSS media queries.
+        //In those cases, the media attribute will currently be ignored.
+      if( useMedia ){
+        ql = 1;
+      }
+
+      for( var i = 0; i < ql; i++ ){
+        var fullq, thisq, eachq, eql;
+
+        //media attr
+        if( useMedia ){
+          fullq = media;
+          rules.push( repUrls( styles ) );
+        }
+        //parse for styles
+        else{
+          fullq = qs[ i ].match( /@media *([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
+          rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
+        }
+        
+        eachq = fullq.split( "," );
+        eql = eachq.length;
+          
+        for( var j = 0; j < eql; j++ ){
+          thisq = eachq[ j ];
+          mediastyles.push( { 
+            media : thisq.split( "(" )[ 0 ].match( /(only\s+)?([a-zA-Z]+)\s?/ ) && RegExp.$2 || "all",
+            rules : rules.length - 1,
+            hasquery : thisq.indexOf("(") > -1,
+            minw : thisq.match( /\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ), 
+            maxw : thisq.match( /\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
+          } );
+        } 
+      }
+
+      applyMedia();
+    },
+        
+    lastCall,
+    
+    resizeDefer,
+    
+    // returns the value of 1em in pixels
+    getEmValue = function() {
+      var ret,
+        div = doc.createElement('div'),
+        body = doc.body,
+        fakeUsed = false;
+                  
+      div.style.cssText = "position:absolute;font-size:1em;width:1em";
+          
+      if( !body ){
+        body = fakeUsed = doc.createElement( "body" );
+        body.style.background = "none";
+      }
+          
+      body.appendChild( div );
+                
+      docElem.insertBefore( body, docElem.firstChild );
+                
+      ret = div.offsetWidth;
+                
+      if( fakeUsed ){
+        docElem.removeChild( body );
+      }
+      else {
+        body.removeChild( div );
+      }
+      
+      //also update eminpx before returning
+      ret = eminpx = parseFloat(ret);
+                
+      return ret;
+    },
+    
+    //cached container for 1em value, populated the first time it's needed 
+    eminpx,
+    
+    //enable/disable styles
+    applyMedia = function( fromResize ){
+      var name = "clientWidth",
+        docElemProp = docElem[ name ],
+        currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
+        styleBlocks = {},
+        lastLink = links[ links.length-1 ],
+        now = (new Date()).getTime();
+
+      //throttle resize calls 
+      if( fromResize && lastCall && now - lastCall < resizeThrottle ){
+        win.clearTimeout( resizeDefer );
+        resizeDefer = win.setTimeout( applyMedia, resizeThrottle );
+        return;
+      }
+      else {
+        lastCall = now;
+      }
+                    
+      for( var i in mediastyles ){
+        if( mediastyles.hasOwnProperty( i ) ){
+          var thisstyle = mediastyles[ i ],
+            min = thisstyle.minw,
+            max = thisstyle.maxw,
+            minnull = min === null,
+            maxnull = max === null,
+            em = "em";
+          
+          if( !!min ){
+            min = parseFloat( min ) * ( min.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+          }
+          if( !!max ){
+            max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+          }
+          
+          // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
+          if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){
+            if( !styleBlocks[ thisstyle.media ] ){
+              styleBlocks[ thisstyle.media ] = [];
+            }
+            styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
+          }
+        }
+      }
+      
+      //remove any existing respond style element(s)
+      for( var j in appendedEls ){
+        if( appendedEls.hasOwnProperty( j ) ){
+          if( appendedEls[ j ] && appendedEls[ j ].parentNode === head ){
+            head.removeChild( appendedEls[ j ] );
+          }
+        }
+      }
+      
+      //inject active styles, grouped by media type
+      for( var k in styleBlocks ){
+        if( styleBlocks.hasOwnProperty( k ) ){
+          var ss = doc.createElement( "style" ),
+            css = styleBlocks[ k ].join( "\n" );
+          
+          ss.type = "text/css"; 
+          ss.media = k;
+          
+          //originally, ss was appended to a documentFragment and sheets were appended in bulk.
+          //this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one!
+          head.insertBefore( ss, lastLink.nextSibling );
+          
+          if ( ss.styleSheet ){ 
+            ss.styleSheet.cssText = css;
+          }
+          else {
+            ss.appendChild( doc.createTextNode( css ) );
+          }
+
+          //push to appendedEls to track for later removal
+          appendedEls.push( ss );
+        }
+      }
+    },
+    //tweaked Ajax functions from Quirksmode
+    ajax = function( url, callback ) {
+      var req = xmlHttp();
+      if (!req){
+        return;
+      } 
+      req.open( "GET", url, true );
+      req.onreadystatechange = function () {
+        if ( req.readyState !== 4 || req.status !== 200 && req.status !== 304 ){
+          return;
+        }
+        callback( req.responseText );
+      };
+      if ( req.readyState === 4 ){
+        return;
+      }
+      req.send( null );
+    },
+    //define ajax obj 
+    xmlHttp = (function() {
+      var xmlhttpmethod = false;  
+      try {
+        xmlhttpmethod = new win.XMLHttpRequest();
+      }
+      catch( e ){
+        xmlhttpmethod = new win.ActiveXObject( "Microsoft.XMLHTTP" );
+      }
+      return function(){
+        return xmlhttpmethod;
+      };
+    })();
+  
+  //translate CSS
+  ripCSS();
+  
+  //expose update for re-running respond later on
+  respond.update = ripCSS;
+  
+  //adjust on resize
+  function callMedia(){
+    applyMedia( true );
+  }
+  if( win.addEventListener ){
+    win.addEventListener( "resize", callMedia, false );
+  }
+  else if( win.attachEvent ){
+    win.attachEvent( "onresize", callMedia );
+  }
+})(this);
+
 /*! responsive-nav.js v1.0.14
  * https://github.com/viljamis/responsive-nav.js
  * http://responsive-nav.com
diff --git a/assets/js/main.min.js b/assets/js/main.min.js
new file mode 100644
index 0000000..fdc4040
--- /dev/null
+++ b/assets/js/main.min.js
@@ -0,0 +1 @@
+window.matchMedia=window.matchMedia||function(e,t){"use strict";var n,r=e.documentElement,i=r.firstElementChild||r.firstChild,s=e.createElement("body"),o=e.createElement("div");o.id="mq-test-1";o.style.cssText="position:absolute;top:-100em";s.style.background="none";s.appendChild(o);return function(e){o.innerHTML='&shy;<style media="'+e+'"> #mq-test-1 { width: 42px; }</style>';r.insertBefore(s,i);n=o.offsetWidth===42;r.removeChild(s);return{matches:n,media:e}}}(document);(function(e){"use strict";function x(){w(!0)}var t={};e.respond=t;t.update=function(){};t.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(t.mediaQueriesSupported)return;var n=e.document,r=n.documentElement,i=[],s=[],o=[],u={},a=30,f=n.getElementsByTagName("head")[0]||r,l=n.getElementsByTagName("base")[0],c=f.getElementsByTagName("link"),h=[],p=function(){for(var t=0;t<c.length;t++){var n=c[t],r=n.href,i=n.media,s=n.rel&&n.rel.toLowerCase()==="stylesheet";if(!!r&&s&&!u[r])if(n.styleSheet&&n.styleSheet.rawCssText){v(n.styleSheet.rawCssText,r,i);u[r]=!0}else(!/^([a-zA-Z:]*\/\/)/.test(r)&&!l||r.replace(RegExp.$1,"").split("/")[0]===e.location.host)&&h.push({href:r,media:i})}d()},d=function(){if(h.length){var t=h.shift();E(t.href,function(n){v(n,t.href,t.media);u[t.href]=!0;e.setTimeout(function(){d()},0)})}},v=function(e,t,n){var r=e.match(/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi),o=r&&r.length||0;t=t.substring(0,t.lastIndexOf("/"));var u=function(e){return e.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+t+"$2$3")},a=!o&&n;t.length&&(t+="/");a&&(o=1);for(var f=0;f<o;f++){var l,c,h,p;if(a){l=n;s.push(u(e))}else{l=r[f].match(/@media *([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;s.push(RegExp.$2&&u(RegExp.$2))}h=l.split(",");p=h.length;for(var d=0;d<p;d++){c=h[d];i.push({media:c.split("(")[0].match(/(only\s+)?([a-zA-Z]+)\s?/)&&RegExp.$2||"all",rules:s.length-1,hasquery:c.indexOf("(")>-1,minw:c.match(/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:c.match(/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}w()},m,g,y=function(){var e,t=n.createElement("div"),i=n.body,s=!1;t.style.cssText="position:absolute;font-size:1em;width:1em";if(!i){i=s=n.createElement("body");i.style.background="none"}i.appendChild(t);r.insertBefore(i,r.firstChild);e=t.offsetWidth;s?r.removeChild(i):i.removeChild(t);e=b=parseFloat(e);return e},b,w=function(t){var u="clientWidth",l=r[u],h=n.compatMode==="CSS1Compat"&&l||n.body[u]||l,p={},d=c[c.length-1],v=(new Date).getTime();if(t&&m&&v-m<a){e.clearTimeout(g);g=e.setTimeout(w,a);return}m=v;for(var E in i)if(i.hasOwnProperty(E)){var S=i[E],x=S.minw,T=S.maxw,N=x===null,C=T===null,k="em";!x||(x=parseFloat(x)*(x.indexOf(k)>-1?b||y():1));!T||(T=parseFloat(T)*(T.indexOf(k)>-1?b||y():1));if(!S.hasquery||(!N||!C)&&(N||h>=x)&&(C||h<=T)){p[S.media]||(p[S.media]=[]);p[S.media].push(s[S.rules])}}for(var L in o)o.hasOwnProperty(L)&&o[L]&&o[L].parentNode===f&&f.removeChild(o[L]);for(var A in p)if(p.hasOwnProperty(A)){var O=n.createElement("style"),M=p[A].join("\n");O.type="text/css";O.media=A;f.insertBefore(O,d.nextSibling);O.styleSheet?O.styleSheet.cssText=M:O.appendChild(n.createTextNode(M));o.push(O)}},E=function(e,t){var n=S();if(!n)return;n.open("GET",e,!0);n.onreadystatechange=function(){if(n.readyState!==4||n.status!==200&&n.status!==304)return;t(n.responseText)};if(n.readyState===4)return;n.send(null)},S=function(){var t=!1;try{t=new e.XMLHttpRequest}catch(n){t=new e.ActiveXObject("Microsoft.XMLHTTP")}return function(){return t}}();p();t.update=p;e.addEventListener?e.addEventListener("resize",x,!1):e.attachEvent&&e.attachEvent("onresize",x)})(this);var responsiveNav=function(e,t){function y(e,t){g||(g=new m(e,t));return g}var n=!!e.getComputedStyle;e.getComputedStyle||(e.getComputedStyle=function(e){this.el=e;this.getPropertyValue=function(t){var n=/(\-([a-z]){1})/g;t==="float"&&(t="styleFloat");n.test(t)&&(t=t.replace(n,function(){return arguments[2].toUpperCase()}));return e.currentStyle[t]?e.currentStyle[t]:null};return this});var r,i,s,o=t.documentElement,u=t.getElementsByTagName("head")[0],a=t.createElement("style"),f=!1,l=function(e,t,n,r){if("addEventListener"in e)try{e.addEventListener(t,n,r)}catch(i){if(typeof n!="object"||!n.handleEvent)throw i;e.addEventListener(t,function(e){n.handleEvent.call(n,e)},r)}else"attachEvent"in e&&(typeof n=="object"&&n.handleEvent?e.attachEvent("on"+t,function(){n.handleEvent.call(n)}):e.attachEvent("on"+t,n))},c=function(e,t,n,r){if("removeEventListener"in e)try{e.removeEventListener(t,n,r)}catch(i){if(typeof n!="object"||!n.handleEvent)throw i;e.removeEventListener(t,function(e){n.handleEvent.call(n,e)},r)}else"detachEvent"in e&&(typeof n=="object"&&n.handleEvent?e.detachEvent("on"+t,function(){n.handleEvent.call(n)}):e.detachEvent("on"+t,n))},h=function(e){var t=e.firstChild;while(t!==null&&t.nodeType!==1)t=t.nextSibling;return t},p=function(e,t){for(var n in t)e.setAttribute(n,t[n])},d=function(e,t){e.className+=" "+t;e.className=e.className.replace(/(^\s*)|(\s*$)/g,"")},v=function(e,t){var n=new RegExp("(\\s|^)"+t+"(\\s|$)");e.className=e.className.replace(n," ").replace(/(^\s*)|(\s*$)/g,"")},m=function(e,n){var s;this.options={animate:!0,transition:400,label:"Menu",insert:"after",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(s in n)this.options[s]=n[s];d(o,this.options.jsClass);this.wrapperEl=e.replace("#","");if(!t.getElementById(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=t.getElementById(this.wrapperEl);this.wrapper.inner=h(this.wrapper);i=this.options;r=this.wrapper;this._init(this)};m.prototype={destroy:function(){this._removeStyles();v(r,"closed");v(r,"opened");r.removeAttribute("style");r.removeAttribute("aria-hidden");r=null;g=null;c(e,"load",this,!1);c(e,"resize",this,!1);c(s,"mousedown",this,!1);c(s,"touchstart",this,!1);c(s,"touchend",this,!1);c(s,"keyup",this,!1);c(s,"click",this,!1);i.customToggle?s.removeAttribute("aria-hidden"):s.parentNode.removeChild(s)},toggle:function(){if(!f){v(r,"closed");d(r,"opened");r.style.position=i.openPos;p(r,{"aria-hidden":"false"});f=!0;i.open()}else{v(r,"opened");d(r,"closed");p(r,{"aria-hidden":"true"});i.animate?setTimeout(function(){r.style.position="absolute"},i.transition+10):r.style.position="absolute";f=!1;i.close()}},handleEvent:function(t){var n=t||e.event;switch(n.type){case"mousedown":this._onmousedown(n);break;case"touchstart":this._ontouchstart(n);break;case"touchend":this._ontouchend(n);break;case"keyup":this._onkeyup(n);break;case"click":this._onclick(n);break;case"load":this._transitions(n);this._resize(n);break;case"resize":this._resize(n)}},_init:function(){d(r,"closed");this._createToggle();l(e,"load",this,!1);l(e,"resize",this,!1);l(s,"mousedown",this,!1);l(s,"touchstart",this,!1);l(s,"touchend",this,!1);l(s,"keyup",this,!1);l(s,"click",this,!1)},_createStyles:function(){a.parentNode||u.appendChild(a)},_removeStyles:function(){a.parentNode&&a.parentNode.removeChild(a)},_createToggle:function(){if(!i.customToggle){var e=t.createElement("a");e.innerHTML=i.label;p(e,{href:"#",id:"nav-toggle"});i.insert==="after"?r.parentNode.insertBefore(e,r.nextSibling):r.parentNode.insertBefore(e,r);s=t.getElementById("nav-toggle")}else{var n=i.customToggle.replace("#","");if(!t.getElementById(n))throw new Error("The custom nav toggle you are trying to select doesn't exist");s=t.getElementById(n)}},_preventDefault:function(e){if(e.preventDefault){e.preventDefault();e.stopPropagation()}else e.returnValue=!1},_onmousedown:function(t){var n=t||e.event;if(n.which!==3&&n.button!==2){this._preventDefault(t);this.toggle(t)}},_ontouchstart:function(e){s.onmousedown=null;this._preventDefault(e);this.toggle(e)},_ontouchend:function(){var e=this;r.addEventListener("click",e._preventDefault,!0);setTimeout(function(){r.removeEventListener("click",e._preventDefault,!0)},i.transition)},_onkeyup:function(t){var n=t||e.event;n.keyCode===13&&this.toggle(t)},_onclick:function(e){this._preventDefault(e)},_transitions:function(){if(i.animate){var e=r.style,t="max-height "+i.transition+"ms";e.WebkitTransition=t;e.MozTransition=t;e.OTransition=t;e.transition=t}},_calcHeight:function(){var e=r.inner.offsetHeight,t="#"+this.wrapperEl+".opened{max-height:"+e+"px}";if(n){a.innerHTML=t;t=""}},_resize:function(){if(e.getComputedStyle(s,null).getPropertyValue("display")!=="none"){p(s,{"aria-hidden":"false"});if(r.className.match(/(^|\s)closed(\s|$)/)){p(r,{"aria-hidden":"true"});r.style.position="absolute"}this._createStyles();this._calcHeight()}else{p(s,{"aria-hidden":"true"});p(r,{"aria-hidden":"false"});r.style.position=i.openPos;this._removeStyles()}i.init()}};var g;return y}(window,document);(function(e){"use strict";e.fn.fitVids=function(t){var n={customSelector:null},r=document.createElement("div"),i=document.getElementsByTagName("base")[0]||document.getElementsByTagName("script")[0];r.className="fit-vids-style";r.innerHTML="&shy;<style>               .fluid-width-video-wrapper {                 width: 100%;                              position: relative;                       padding: 0;                            }                                                                                   .fluid-width-video-wrapper iframe,        .fluid-width-video-wrapper object,        .fluid-width-video-wrapper embed {           position: absolute;                       top: 0;                                   left: 0;                                  width: 100%;                              height: 100%;                          }                                       </style>";i.parentNode.insertBefore(r,i);t&&e.extend(n,t);return this.each(function(){var t=["iframe[src*='player.vimeo.com']","iframe[src*='www.youtube.com']","iframe[src*='www.youtube-nocookie.com']","iframe[src*='www.kickstarter.com']","object","embed"];n.customSelector&&t.push(n.customSelector);var r=e(this).find(t.join(","));r.each(function(){var t=e(this);if(this.tagName.toLowerCase()==="embed"&&t.parent("object").length||t.parent(".fluid-width-video-wrapper").length)return;var n=this.tagName.toLowerCase()==="object"||t.attr("height")&&!isNaN(parseInt(t.attr("height"),10))?parseInt(t.attr("height"),10):t.height(),r=isNaN(parseInt(t.attr("width"),10))?t.width():parseInt(t.attr("width"),10),i=n/r;if(!t.attr("id")){var s="fitvid"+Math.floor(Math.random()*999999);t.attr("id",s)}t.wrap('<div class="fluid-width-video-wrapper"></div>').parent(".fluid-width-video-wrapper").css("padding-top",i*100+"%");t.removeAttr("height").removeAttr("width")})})}})(jQuery);var navigation=responsiveNav("#site-nav",{animate:!0,transition:400,label:"<i class='icon-reorder'></i> Menu",insert:"before",customToggle:"",openPos:"relative",jsClass:"js",init:function(){},open:function(){},close:function(){}});$(function(){$("article").fitVids()});
\ No newline at end of file
diff --git a/assets/js/vendor/respond.js b/assets/js/vendor/respond.js
new file mode 100644
index 0000000..0297d6c
--- /dev/null
+++ b/assets/js/vendor/respond.js
@@ -0,0 +1,342 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+
+window.matchMedia = window.matchMedia || (function( doc, undefined ) {
+
+  "use strict";
+
+  var bool,
+      docElem = doc.documentElement,
+      refNode = docElem.firstElementChild || docElem.firstChild,
+      // fakeBody required for <FF4 when executed in <head>
+      fakeBody = doc.createElement( "body" ),
+      div = doc.createElement( "div" );
+
+  div.id = "mq-test-1";
+  div.style.cssText = "position:absolute;top:-100em";
+  fakeBody.style.background = "none";
+  fakeBody.appendChild(div);
+
+  return function(q){
+
+    div.innerHTML = "&shy;<style media=\"" + q + "\"> #mq-test-1 { width: 42px; }</style>";
+
+    docElem.insertBefore( fakeBody, refNode );
+    bool = div.offsetWidth === 42;
+    docElem.removeChild( fakeBody );
+
+    return {
+      matches: bool,
+      media: q
+    };
+
+  };
+
+}( document ));
+
+
+
+
+
+/*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
+(function( win ){
+
+	"use strict";
+
+	//exposed namespace
+	var respond = {};
+	win.respond = respond;
+	
+	//define update even in native-mq-supporting browsers, to avoid errors
+	respond.update = function(){};
+	
+	//expose media query support flag for external use
+	respond.mediaQueriesSupported	= win.matchMedia && win.matchMedia( "only all" ).matches;
+	
+	//if media queries are supported, exit here
+	if( respond.mediaQueriesSupported ){
+		return;
+	}
+	
+	//define vars
+	var doc = win.document,
+		docElem = doc.documentElement,
+		mediastyles = [],
+		rules = [],
+		appendedEls = [],
+		parsedSheets = {},
+		resizeThrottle = 30,
+		head = doc.getElementsByTagName( "head" )[0] || docElem,
+		base = doc.getElementsByTagName( "base" )[0],
+		links = head.getElementsByTagName( "link" ),
+		requestQueue = [],
+		
+		//loop stylesheets, send text content to translate
+		ripCSS = function(){
+
+			for( var i = 0; i < links.length; i++ ){
+				var sheet = links[ i ],
+				href = sheet.href,
+				media = sheet.media,
+				isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+
+				//only links plz and prevent re-parsing
+				if( !!href && isCSS && !parsedSheets[ href ] ){
+					// selectivizr exposes css through the rawCssText expando
+					if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+						translate( sheet.styleSheet.rawCssText, href, media );
+						parsedSheets[ href ] = true;
+					} else {
+						if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base) ||
+							href.replace( RegExp.$1, "" ).split( "/" )[0] === win.location.host ){
+							requestQueue.push( {
+								href: href,
+								media: media
+							} );
+						}
+					}
+				}
+			}
+			makeRequests();
+		},
+		
+		//recurse through request queue, get css text
+		makeRequests	= function(){
+			if( requestQueue.length ){
+				var thisRequest = requestQueue.shift();
+				
+				ajax( thisRequest.href, function( styles ){
+					translate( styles, thisRequest.href, thisRequest.media );
+					parsedSheets[ thisRequest.href ] = true;
+
+					// by wrapping recursive function call in setTimeout 
+					// we prevent "Stack overflow" error in IE7
+					win.setTimeout(function(){ makeRequests(); },0);
+				} );
+			}
+		},
+		
+		//find media blocks in css text, convert to style blocks
+		translate = function( styles, href, media ){
+			var qs = styles.match(  /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi ),
+				ql = qs && qs.length || 0;
+
+			//try to get CSS path
+			href = href.substring( 0, href.lastIndexOf( "/" ) );
+
+			var repUrls	= function( css ){
+					return css.replace( /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g, "$1" + href + "$2$3" );
+				},
+				useMedia = !ql && media;
+
+			//if path exists, tack on trailing slash
+			if( href.length ){ href += "/"; }	
+				
+			//if no internal queries exist, but media attr does, use that	
+			//note: this currently lacks support for situations where a media attr is specified on a link AND
+				//its associated stylesheet has internal CSS media queries.
+				//In those cases, the media attribute will currently be ignored.
+			if( useMedia ){
+				ql = 1;
+			}
+
+			for( var i = 0; i < ql; i++ ){
+				var fullq, thisq, eachq, eql;
+
+				//media attr
+				if( useMedia ){
+					fullq = media;
+					rules.push( repUrls( styles ) );
+				}
+				//parse for styles
+				else{
+					fullq = qs[ i ].match( /@media *([^\{]+)\{([\S\s]+?)$/ ) && RegExp.$1;
+					rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
+				}
+				
+				eachq = fullq.split( "," );
+				eql	= eachq.length;
+					
+				for( var j = 0; j < eql; j++ ){
+					thisq = eachq[ j ];
+					mediastyles.push( { 
+						media : thisq.split( "(" )[ 0 ].match( /(only\s+)?([a-zA-Z]+)\s?/ ) && RegExp.$2 || "all",
+						rules : rules.length - 1,
+						hasquery : thisq.indexOf("(") > -1,
+						minw : thisq.match( /\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ), 
+						maxw : thisq.match( /\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/ ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
+					} );
+				}	
+			}
+
+			applyMedia();
+		},
+        
+		lastCall,
+		
+		resizeDefer,
+		
+		// returns the value of 1em in pixels
+		getEmValue = function() {
+			var ret,
+				div = doc.createElement('div'),
+				body = doc.body,
+				fakeUsed = false;
+									
+			div.style.cssText = "position:absolute;font-size:1em;width:1em";
+					
+			if( !body ){
+				body = fakeUsed = doc.createElement( "body" );
+				body.style.background = "none";
+			}
+					
+			body.appendChild( div );
+								
+			docElem.insertBefore( body, docElem.firstChild );
+								
+			ret = div.offsetWidth;
+								
+			if( fakeUsed ){
+				docElem.removeChild( body );
+			}
+			else {
+				body.removeChild( div );
+			}
+			
+			//also update eminpx before returning
+			ret = eminpx = parseFloat(ret);
+								
+			return ret;
+		},
+		
+		//cached container for 1em value, populated the first time it's needed 
+		eminpx,
+		
+		//enable/disable styles
+		applyMedia = function( fromResize ){
+			var name = "clientWidth",
+				docElemProp = docElem[ name ],
+				currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
+				styleBlocks	= {},
+				lastLink = links[ links.length-1 ],
+				now = (new Date()).getTime();
+
+			//throttle resize calls	
+			if( fromResize && lastCall && now - lastCall < resizeThrottle ){
+				win.clearTimeout( resizeDefer );
+				resizeDefer = win.setTimeout( applyMedia, resizeThrottle );
+				return;
+			}
+			else {
+				lastCall = now;
+			}
+										
+			for( var i in mediastyles ){
+				if( mediastyles.hasOwnProperty( i ) ){
+					var thisstyle = mediastyles[ i ],
+						min = thisstyle.minw,
+						max = thisstyle.maxw,
+						minnull = min === null,
+						maxnull = max === null,
+						em = "em";
+					
+					if( !!min ){
+						min = parseFloat( min ) * ( min.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+					}
+					if( !!max ){
+						max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+					}
+					
+					// if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
+					if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){
+						if( !styleBlocks[ thisstyle.media ] ){
+							styleBlocks[ thisstyle.media ] = [];
+						}
+						styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
+					}
+				}
+			}
+			
+			//remove any existing respond style element(s)
+			for( var j in appendedEls ){
+				if( appendedEls.hasOwnProperty( j ) ){
+					if( appendedEls[ j ] && appendedEls[ j ].parentNode === head ){
+						head.removeChild( appendedEls[ j ] );
+					}
+				}
+			}
+			
+			//inject active styles, grouped by media type
+			for( var k in styleBlocks ){
+				if( styleBlocks.hasOwnProperty( k ) ){
+					var ss = doc.createElement( "style" ),
+						css = styleBlocks[ k ].join( "\n" );
+					
+					ss.type = "text/css";	
+					ss.media = k;
+					
+					//originally, ss was appended to a documentFragment and sheets were appended in bulk.
+					//this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one!
+					head.insertBefore( ss, lastLink.nextSibling );
+					
+					if ( ss.styleSheet ){ 
+						ss.styleSheet.cssText = css;
+					}
+					else {
+						ss.appendChild( doc.createTextNode( css ) );
+					}
+
+					//push to appendedEls to track for later removal
+					appendedEls.push( ss );
+				}
+			}
+		},
+		//tweaked Ajax functions from Quirksmode
+		ajax = function( url, callback ) {
+			var req = xmlHttp();
+			if (!req){
+				return;
+			}	
+			req.open( "GET", url, true );
+			req.onreadystatechange = function () {
+				if ( req.readyState !== 4 || req.status !== 200 && req.status !== 304 ){
+					return;
+				}
+				callback( req.responseText );
+			};
+			if ( req.readyState === 4 ){
+				return;
+			}
+			req.send( null );
+		},
+		//define ajax obj 
+		xmlHttp = (function() {
+			var xmlhttpmethod = false;	
+			try {
+				xmlhttpmethod = new win.XMLHttpRequest();
+			}
+			catch( e ){
+				xmlhttpmethod = new win.ActiveXObject( "Microsoft.XMLHTTP" );
+			}
+			return function(){
+				return xmlhttpmethod;
+			};
+		})();
+	
+	//translate CSS
+	ripCSS();
+	
+	//expose update for re-running respond later on
+	respond.update = ripCSS;
+	
+	//adjust on resize
+	function callMedia(){
+		applyMedia( true );
+	}
+	if( win.addEventListener ){
+		win.addEventListener( "resize", callMedia, false );
+	}
+	else if( win.attachEvent ){
+		win.attachEvent( "onresize", callMedia );
+	}
+})(this);
\ No newline at end of file
