diff --git a/.eslintrc b/.eslintrc
index 39c58f0..f9df343 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -8,7 +8,7 @@
   },
   "rules": {
     "no-cond-assign": 0,
-    "no-console": 2,
+    "no-console": 0,
     "no-constant-condition": 2,
     "no-control-regex": 2,
     "no-debugger": 2,
diff --git a/src/js/plugins/keyboard.js b/src/js/plugins/keyboard.js
index 1d38a6a..2527be6 100644
--- a/src/js/plugins/keyboard.js
+++ b/src/js/plugins/keyboard.js
@@ -29,7 +29,7 @@ export default class Keyboard {
     let method;
     let argument;
 
-    if (DOM.isFocusableElement()) {
+    if (DOM.isFocusableElement() || !DOM.isVisible(this.ws_.el)) {
       return;
     }
 
diff --git a/src/js/plugins/scroll.js b/src/js/plugins/scroll.js
index b909683..e5e27fe 100644
--- a/src/js/plugins/scroll.js
+++ b/src/js/plugins/scroll.js
@@ -1,3 +1,4 @@
+import DOM from '../utils/dom';
 import MobileDetector from '../utils/mobile-detector';
 
 
@@ -71,6 +72,10 @@ export default class Scroll {
    * @private
    */
   onMouseWheel_(event) {
+    if (!DOM.isVisible(this.ws_.el)) {
+      return;
+    }
+
     if (this.ws_.isMoving || this.timeout_) {
       event.preventDefault();
       return;
diff --git a/src/js/plugins/touch.js b/src/js/plugins/touch.js
index 2b60e4c..d3ce532 100644
--- a/src/js/plugins/touch.js
+++ b/src/js/plugins/touch.js
@@ -1,3 +1,4 @@
+import DOM from '../utils/dom';
 import MobileDetector from '../utils/mobile-detector';
 
 const EVENTS = {
@@ -88,6 +89,10 @@ export default class Touch {
    * @private
    */
   onStart_(event) {
+    if (!DOM.isVisible(this.ws_.el)) {
+      return;
+    }
+
     const info = Touch.normalizeEventInfo(event);
 
     this.startX_ = info.x;
@@ -102,6 +107,10 @@ export default class Touch {
    * @private
    */
   onMove_(event) {
+    if (!DOM.isVisible(this.ws_.el)) {
+      return;
+    }
+
     const info = Touch.normalizeEventInfo(event);
 
     this.endX_ = info.x;
@@ -113,6 +122,10 @@ export default class Touch {
    * @private
    */
   onStop_() {
+    if (!DOM.isVisible(this.ws_.el)) {
+      return;
+    }
+
     const diffX = this.startX_ - this.endX_;
     const diffY = this.startY_ - this.endY_;
 
diff --git a/src/js/plugins/zoom.js b/src/js/plugins/zoom.js
index ef76a4a..8a6246a 100644
--- a/src/js/plugins/zoom.js
+++ b/src/js/plugins/zoom.js
@@ -39,14 +39,15 @@ export default class Zoom {
     this.isZoomed_ = false;
 
     this.preBuildZoom_();
-    document.addEventListener('keydown', this.onKeyDown.bind(this));
+    document.body.addEventListener('keydown', this.onKeyDown.bind(this));
+    window.addEventListener('resize', this.onWindowResize.bind(this));
   }
 
   /**
    * On key down handler. Will decide if Zoom in or out
    * @param {Event} event Key down event
    */
-  onKeyDown( event ) {
+  onKeyDown(event) {
     if ( !this.isZoomed_ && Keys.MINUS.includes( event.which ) ) {
       this.zoomIn();
     } else if ( this.isZoomed_ && Keys.PLUS.includes( event.which ) ) {
@@ -79,27 +80,45 @@ export default class Zoom {
       wrap.className = CLASSES.WRAP;
       const div = DOM.wrap(wrap, 'div');
       div.className = CLASSES.DIV;
+      // Adding some layer for controling click events
+      const divLayer = document.createElement('div');
+      divLayer.className = 'zoom-layer';
+      divLayer.addEventListener('click', e => {
+        this.zoomOut();
+        this.ws_.goToSlide(elem.i);
+      });
+      wrap.appendChild(divLayer);
 
-      // Calculates the margins in relation to window width
-      const divCSS = window.getComputedStyle(div);
-      const marginW = DOM.parseSize(divCSS.paddingLeft)
-        + DOM.parseSize(divCSS.paddingRight);
-      const marginH = DOM.parseSize(divCSS.paddingTop)
-        + DOM.parseSize(divCSS.paddingBottom);
-
-      // Sets element size: window size - relative margins
-      const scale = divCSS.width.includes('%') ?
-        100 / DOM.parseSize(divCSS.width) :
-        window.innerWidth / DOM.parseSize(divCSS.width);
-      elem.el.style.width = `${window.innerWidth - marginW * scale}px`;
-      elem.el.style.height = `${window.innerHeight - marginH * scale}px`;
-
-      // Because of flexbox, wrap height is required
-      const slideCSS = window.getComputedStyle(elem.el);
-      wrap.style.height = `${DOM.parseSize(slideCSS.height) / scale}px`;
+      this.setSizes_(div, wrap, elem);
     });
   }
 
+  /**
+   * Sets layers size
+   * @param {Element} div flexbox element
+   * @param {Element} wrap wrapping element
+   * @param {Element} elem slide element
+   */
+  setSizes_(div, wrap, elem) {
+    // Calculates the margins in relation to window width
+    const divCSS = window.getComputedStyle(div);
+    const marginW = DOM.parseSize(divCSS.paddingLeft)
+      + DOM.parseSize(divCSS.paddingRight);
+    const marginH = DOM.parseSize(divCSS.paddingTop)
+      + DOM.parseSize(divCSS.paddingBottom);
+
+    // Sets element size: window size - relative margins
+    const scale = divCSS.width.includes('%') ?
+      100 / DOM.parseSize(divCSS.width) :
+      window.innerWidth / DOM.parseSize(divCSS.width);
+    elem.el.style.width = `${window.innerWidth - marginW * scale}px`;
+    elem.el.style.height = `${window.innerHeight - marginH * scale}px`;
+
+    // Because of flexbox, wrap height is required
+    const slideCSS = window.getComputedStyle(elem.el);
+    wrap.style.height = `${DOM.parseSize(slideCSS.height) / scale}px`;
+  }
+
   /**
    * Zoom In the slider, scales the slides and uses a grid layout to show them
    */
@@ -107,6 +126,7 @@ export default class Zoom {
     DOM.hide(this.ws_.el);
     DOM.show(this.zws_.el);
     this.isZoomed_ = true;
+    document.body.style.overflow = 'auto';
   }
 
   /**
@@ -116,6 +136,19 @@ export default class Zoom {
     DOM.hide(this.zws_.el);
     DOM.show(this.ws_.el);
     this.isZoomed_ = false;
+    document.body.style.overflow = '';
+  }
+
+  /**
+   * When windows resize it is necessary to recalculate layers sizes
+   * @param {Event} ev
+   */
+  onWindowResize(ev) {
+    this.zws_.slides.forEach( elem => {
+      const wrap = elem.el.parentElement;
+      const div = wrap.parentElement;
+      this.setSizes_(div, wrap, elem);
+    });
   }
 
 }
diff --git a/src/js/utils/dom.js b/src/js/utils/dom.js
index ae3487f..df0b609 100644
--- a/src/js/utils/dom.js
+++ b/src/js/utils/dom.js
@@ -121,6 +121,16 @@ export default class DOM {
     el.style.display = '';
   }
 
+  /**
+   * Checks if the element is visible.This is only intended
+   * to be used in conjunction with DOM.hide and DOM.show
+   * @param {Element} el Element to check.
+   * @return {boolean}
+   */
+  static isVisible(el) {
+    return el.style.display == '';
+  }
+
   /**
    * Fires a custom event on the given target.
    * @param {Element} target The target of the event.
diff --git a/static/css/base.css b/static/css/base.css
index 1909c04..a6d1ccf 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -49,6 +49,7 @@
 	14. Forms
 	15. Safari Bug (flex-wrap)
 	16. Print
+  17. Zoom
 
 ----------------------------------------------------------------------------------- */
 
@@ -315,7 +316,6 @@ html.ws-ready body {
 #webslides {
   height: 100vh;
   overflow-x: hidden;
-  overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
 }
 /* -- Hide scrollbar, but still being able to scroll -- */
@@ -3192,3 +3192,37 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
     display: none;
   }
 }
+
+
+/*=========================================
+16. ZOOM
+=========================================== */
+
+#webslides-zoomed.grid {
+  background: #ccc;
+}
+
+#webslides-zoomed.grid > .column {
+  position: relative;
+}
+#webslides-zoomed.grid > .column > .wrap-zoom {
+  position: relative;
+  background: #fff;
+}
+#webslides-zoomed.grid > .column {
+  width: 25%;
+}
+#webslides-zoomed.grid > .column > .wrap-zoom > .slide {
+  transform: scale(0.25) translate(-150%, -150vh);
+  display: flex !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  clip: rect(0px auto auto 0);
+}
+#webslides-zoomed.grid > .column > .wrap-zoom > .zoom-layer {
+  position: absolute;
+  background: transparent;
+  width: 100%;
+  height: 100%;
+}
diff --git a/static/js/webslides.js b/static/js/webslides.js
index 46191ea..efe2016 100644
--- a/static/js/webslides.js
+++ b/static/js/webslides.js
@@ -1,7 +1,7 @@
 /*!
  * Name: WebSlides
  * Version: 1.2.1
- * Date: 2017-04-01
+ * Date: 2017-04-05
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -231,6 +231,19 @@ var DOM = function () {
       el.style.display = '';
     }
 
+    /**
+     * Checks if the element is visible.This is only intended
+     * to be used in conjunction with DOM.hide and DOM.show
+     * @param {Element} el Element to check.
+     * @return {boolean}
+     */
+
+  }, {
+    key: 'isVisible',
+    value: function isVisible(el) {
+      return el.style.display == '';
+    }
+
     /**
      * Fires a custom event on the given target.
      * @param {Element} target The target of the event.
@@ -1531,7 +1544,7 @@ var Keyboard = function () {
       var method = void 0;
       var argument = void 0;
 
-      if (__WEBPACK_IMPORTED_MODULE_1__utils_dom__["a" /* default */].isFocusableElement()) {
+      if (__WEBPACK_IMPORTED_MODULE_1__utils_dom__["a" /* default */].isFocusableElement() || !__WEBPACK_IMPORTED_MODULE_1__utils_dom__["a" /* default */].isVisible(this.ws_.el)) {
         return;
       }
 
@@ -1778,13 +1791,15 @@ var Navigation = function () {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_dom__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__ = __webpack_require__(3);
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 
 
+
 /**
  * Scroll plugin.
  */
@@ -1827,7 +1842,7 @@ var Scroll = function () {
      */
     this.timeout_ = null;
 
-    if (!__WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__["a" /* default */].isAny()) {
+    if (!__WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__["a" /* default */].isAny()) {
       this.scrollContainer_.addEventListener('wheel', this.onMouseWheel_.bind(this));
 
       if (!wsInstance.isVertical) {
@@ -1863,6 +1878,10 @@ var Scroll = function () {
   }, {
     key: 'onMouseWheel_',
     value: function onMouseWheel_(event) {
+      if (!__WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].isVisible(this.ws_.el)) {
+        return;
+      }
+
       if (this.ws_.isMoving || this.timeout_) {
         event.preventDefault();
         return;
@@ -1909,13 +1928,15 @@ var Scroll = function () {
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_dom__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__ = __webpack_require__(3);
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 
 
+
 var EVENTS = {
   touch: {
     START: 'touchstart',
@@ -1984,9 +2005,9 @@ var Touch = function () {
 
     var events = void 0;
 
-    if (__WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__["a" /* default */].isAny()) {
+    if (__WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__["a" /* default */].isAny()) {
       // Likely IE
-      if (window.PointerEvent && (__WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__["a" /* default */].isWindows() || __WEBPACK_IMPORTED_MODULE_0__utils_mobile_detector__["a" /* default */].isWindowsPhone())) {
+      if (window.PointerEvent && (__WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__["a" /* default */].isWindows() || __WEBPACK_IMPORTED_MODULE_1__utils_mobile_detector__["a" /* default */].isWindowsPhone())) {
         events = EVENTS.pointer;
       } else {
         events = EVENTS.touch;
@@ -2010,6 +2031,10 @@ var Touch = function () {
   _createClass(Touch, [{
     key: 'onStart_',
     value: function onStart_(event) {
+      if (!__WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].isVisible(this.ws_.el)) {
+        return;
+      }
+
       var info = Touch.normalizeEventInfo(event);
 
       this.startX_ = info.x;
@@ -2027,6 +2052,10 @@ var Touch = function () {
   }, {
     key: 'onMove_',
     value: function onMove_(event) {
+      if (!__WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].isVisible(this.ws_.el)) {
+        return;
+      }
+
       var info = Touch.normalizeEventInfo(event);
 
       this.endX_ = info.x;
@@ -2041,6 +2070,10 @@ var Touch = function () {
   }, {
     key: 'onStop_',
     value: function onStop_() {
+      if (!__WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].isVisible(this.ws_.el)) {
+        return;
+      }
+
       var diffX = this.startX_ - this.endX_;
       var diffY = this.startY_ - this.endY_;
 
@@ -2436,7 +2469,8 @@ var Zoom = function () {
     this.isZoomed_ = false;
 
     this.preBuildZoom_();
-    document.addEventListener('keydown', this.onKeyDown.bind(this));
+    document.body.addEventListener('keydown', this.onKeyDown.bind(this));
+    window.addEventListener('resize', this.onWindowResize.bind(this));
   }
 
   /**
@@ -2484,24 +2518,44 @@ var Zoom = function () {
         wrap.className = CLASSES.WRAP;
         var div = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].wrap(wrap, 'div');
         div.className = CLASSES.DIV;
+        // Adding some layer for controling click events
+        var divLayer = document.createElement('div');
+        divLayer.className = 'zoom-layer';
+        divLayer.addEventListener('click', function (e) {
+          _this.zoomOut();
+          _this.ws_.goToSlide(elem.i);
+        });
+        wrap.appendChild(divLayer);
 
-        // Calculates the margins in relation to window width
-        var divCSS = window.getComputedStyle(div);
-        var marginW = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingLeft) + __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingRight);
-        var marginH = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingTop) + __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingBottom);
-
-        // Sets element size: window size - relative margins
-        console.log(window.innerWidth, divCSS.width);
-        var scale = divCSS.width.includes('%') ? 100 / __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.width) : window.innerWidth / __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.width);
-        elem.el.style.width = window.innerWidth - marginW * scale + 'px';
-        elem.el.style.height = window.innerHeight - marginH * scale + 'px';
-
-        // Because of flexbox, wrap height is required
-        var slideCSS = window.getComputedStyle(elem.el);
-        wrap.style.height = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(slideCSS.height) / scale + 'px';
+        _this.setSizes_(div, wrap, elem);
       });
     }
 
+    /**
+     * Sets layers size
+     * @param {Element} div flexbox element
+     * @param {Element} wrap wrapping element
+     * @param {Element} elem slide element
+     */
+
+  }, {
+    key: 'setSizes_',
+    value: function setSizes_(div, wrap, elem) {
+      // Calculates the margins in relation to window width
+      var divCSS = window.getComputedStyle(div);
+      var marginW = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingLeft) + __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingRight);
+      var marginH = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingTop) + __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.paddingBottom);
+
+      // Sets element size: window size - relative margins
+      var scale = divCSS.width.includes('%') ? 100 / __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.width) : window.innerWidth / __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(divCSS.width);
+      elem.el.style.width = window.innerWidth - marginW * scale + 'px';
+      elem.el.style.height = window.innerHeight - marginH * scale + 'px';
+
+      // Because of flexbox, wrap height is required
+      var slideCSS = window.getComputedStyle(elem.el);
+      wrap.style.height = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].parseSize(slideCSS.height) / scale + 'px';
+    }
+
     /**
      * Zoom In the slider, scales the slides and uses a grid layout to show them
      */
@@ -2512,6 +2566,7 @@ var Zoom = function () {
       __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].hide(this.ws_.el);
       __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].show(this.zws_.el);
       this.isZoomed_ = true;
+      document.body.style.overflow = 'auto';
     }
 
     /**
@@ -2524,6 +2579,24 @@ var Zoom = function () {
       __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].hide(this.zws_.el);
       __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].show(this.ws_.el);
       this.isZoomed_ = false;
+      document.body.style.overflow = '';
+    }
+
+    /**
+     * When windows resize it is necessary to recalculate layers sizes
+     * @param {Event} ev
+     */
+
+  }, {
+    key: 'onWindowResize',
+    value: function onWindowResize(ev) {
+      var _this2 = this;
+
+      this.zws_.slides.forEach(function (elem) {
+        var wrap = elem.el.parentElement;
+        var div = wrap.parentElement;
+        _this2.setSizes_(div, wrap, elem);
+      });
     }
   }]);
 
diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js
index 70edc04..81facfd 100644
--- a/static/js/webslides.min.js
+++ b/static/js/webslides.min.js
@@ -1,9 +1,9 @@
 /*!
  * Name: WebSlides
  * Version: 1.2.1
- * Date: 2017-04-01
+ * Date: 2017-04-05
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
  */
-!function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/static/js/",t(t.s=5)}([function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(18),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r="",s="",l=function(){function e(){i(this,e)}return o(e,null,[{key:"createNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=document.createElement(e);return i.id=t,n&&(i.textContent=n),i}},{key:"once",value:function(e,t,n){var i=function i(a){a.target===e&&(e.removeEventListener(t,i),n(a))};e.addEventListener(t,i,!1)}},{key:"getTransitionEvent",value:function(){if(r)return r;for(var e=document.createElement("ws"),t={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"},n=Object.keys(t),i=0,a=n.length;i<a&&!r;i++){var o=n[i];void 0!==e.style[o]&&(r=t[o])}return r}},{key:"getAnimationEvent",value:function(){if(s)return s;for(var e=document.createElement("ws"),t={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"},n=Object.keys(t),i=0,a=n.length;i<a&&!s;i++){var o=n[i];void 0!==e.style[o]&&(s=t[o])}return s}},{key:"hide",value:function(e){e.style.display="none"}},{key:"show",value:function(e){e.style.display=""}},{key:"fireEvent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new a.a(t,{detail:n});e.dispatchEvent(i)}},{key:"toArray",value:function(e){return[].slice.call(e)}},{key:"isFocusableElement",value:function(){var e=!1;if(document.activeElement){var t="inherit"!==document.activeElement.contentEditable;e=["INPUT","SELECT","OPTION","TEXTAREA"].indexOf(document.activeElement.tagName)>-1||t}return e}},{key:"parseSize",value:function(e){return Number(e.replace(/[^\d\.]/g,""))}},{key:"wrap",value:function e(t,n){var e=document.createElement(n);return t.parentElement.insertBefore(e,t),e.appendChild(t),e}},{key:"after",value:function(e,t){var n=t.parentNode;n.lastChild==t?n.appendChild(e):n.insertBefore(e,t.nextSibling)}}]),e}();t.a=l},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r={SLIDE:"slide",CURRENT:"current"},s=function(){function e(t,n){i(this,e),this.el=t,this.parent=t.parentNode,this.i=n,this.onEnable_=[],this.onDisable_=[],this.el.id="section-"+(n+1),this.el.classList.add(r.SLIDE),this.hide()}return o(e,[{key:"hide",value:function(){a.a.hide(this.el),this.el.classList.remove(r.CURRENT)}},{key:"show",value:function(){a.a.show(this.el),this.el.classList.add(r.CURRENT)}},{key:"moveAfterLast",value:function(){var e=this.parent.childNodes[this.parent.childElementCount-1];this.parent.insertBefore(this.el,e.nextSibling)}},{key:"moveBeforeFirst",value:function(){var e=this.parent.childNodes[0];this.parent.insertBefore(this.el,e)}},{key:"onEnable",value:function(e){this.onEnable_.push(e)}},{key:"onDisable",value:function(e){this.onDisable_.push(e)}},{key:"enable",value:function(){var e=this;this.onEnable_.forEach(function(t){return t(e)})}},{key:"disable",value:function(){var e=this;this.onDisable_.forEach(function(t){return t(e)})}}],[{key:"isCandidate",value:function(e){return 1===e.nodeType&&"SECTION"===e.tagName}},{key:"getSectionFromEl",value:function(e){for(var t=e,n=null,i=null;t.parentElement&&!t.classList.contains(r.SLIDE);)t=t.parentElement;return t.classList.contains(r.SLIDE)&&(n=t,i=parseInt(n.id.replace("section-",""),10)),{section:n,i:i}}}]),e}();t.a=s},function(e,t,n){"use strict";var i={ENTER:13,SPACE:32,RE_PAGE:33,AV_PAGE:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PLUS:[107,171],MINUS:[109,173]};t.a=i},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=window.navigator.userAgent,r=function(){function e(){i(this,e)}return a(e,null,[{key:"isAndroid",value:function(){return!!o.match(/Android/i)}},{key:"isBlackBerry",value:function(){return!!o.match(/BlackBerry/i)}},{key:"isiOS",value:function(){return!!o.match(/iPhone/i)}},{key:"isOpera",value:function(){return!!o.match(/Opera Mini/i)}},{key:"isWindows",value:function(){return!!o.match(/IEMobile/i)}},{key:"isWindowsPhone",value:function(){return!!o.match(/Windows Phone/i)}},{key:"isAny",value:function(){return e.isAndroid()||e.isBlackBerry()||e.isiOS()||e.isOpera()||e.isWindows()||e.isWindowsPhone()}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(12),o=n(1),r=n(0),s=n(20),l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),u={VERTICAL:"vertical",READY:"ws-ready"},c={autoslide:a.a.AutoSlide,clickNav:a.a.ClickNav,grid:a.a.Grid,hash:a.a.Hash,keyboard:a.a.Keyboard,nav:a.a.Navigation,scroll:a.a.Scroll,touch:a.a.Touch,video:a.a.Video,youtube:a.a.YouTube,zoom:a.a.Zoom},h=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoslide,a=void 0!==n&&n,o=t.changeOnClick,r=void 0!==o&&o,s=t.loop,l=void 0===s||s,c=t.minWheelDelta,h=void 0===c?40:c,d=t.scrollWait,f=void 0===d?450:d,v=t.slideOffset,y=void 0===v?50:v;if(i(this,e),this.el=document.getElementById("webslides"),!this.el)throw new Error("Couldn't find the webslides container!");this.isMoving=!1,this.slides=null,this.currentSlideI_=-1,this.currentSlide_=null,this.maxSlide_=0,this.isVertical=this.el.classList.contains(u.VERTICAL),this.plugins={},this.options={autoslide:a,changeOnClick:r,loop:l,minWheelDelta:h,scrollWait:f,slideOffset:y},this.initialised=!1,this.removeChildren_(),this.grabSlides_(),this.createPlugins_(),this.initSlides_(),this.onInit_()}return l(e,[{key:"removeChildren_",value:function(){for(var e=this.el.childNodes,t=e.length;t--;){var n=e[t];o.a.isCandidate(n)||this.el.removeChild(n)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(c).forEach(function(t){var n=c[t];e.plugins[t]=new n(e)})}},{key:"onInit_",value:function(){this.initialised=!0,r.a.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(u.READY)}},{key:"grabSlides_",value:function(){this.slides=r.a.toArray(this.el.childNodes).map(function(e,t){return new o.a(e,t)}),this.maxSlide_=this.slides.length}},{key:"goToSlide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.isValidIndexSlide_(e)&&!this.isMoving&&this.currentSlideI_!==e){this.isMoving=!0;var n=!1;null!==t?n=t:this.currentSlideI_>=0&&(n=e>this.currentSlideI_);var i=this.slides[e];null===this.currentSlide_||!this.isVertical||this.plugins.touch&&this.plugins.touch.isEnabled?this.transitionToSlide_(n,i,this.onSlideChange_):this.scrollTransitionToSlide_(n,i,this.onSlideChange_)}}},{key:"scrollTransitionToSlide_",value:function(e,t,i){var a=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),n.i(s.a)(this.currentSlide_.el.offsetTop,0)),n.i(s.a)(t.el.offsetTop,500,function(){a.currentSlide_.hide(),e&&a.currentSlide_.moveAfterLast(),a.el.style.overflow="auto",setTimeout(function(){i.call(a,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,i){var a=this;n.i(s.a)(0,0);var o="slideInRight";e||(t.moveBeforeFirst(),o="slideInLeft"),this.currentSlide_&&(e&&this.currentSlide_.moveAfterLast(),this.currentSlide_.hide()),t.show(),this.initialised&&this.plugins.touch&&this.plugins.touch.isEnabled?(r.a.once(t.el,r.a.getAnimationEvent(),function(){t.el.classList.remove(o),i.call(a,t)}),t.el.classList.add(o)):i.call(this,t)}},{key:"onSlideChange_",value:function(e){this.currentSlide_&&this.currentSlide_.disable(),this.currentSlide_=e,this.currentSlideI_=e.i,this.currentSlide_.enable(),this.isMoving=!1,r.a.fireEvent(this.el,"ws:slide-change",{slides:this.maxSlide_,currentSlide0:this.currentSlideI_,currentSlide:this.currentSlideI_+1})}},{key:"goNext",value:function(){var e=this.currentSlideI_+1;if(e>=this.maxSlide_){if(!this.options.loop)return;e=0}this.goToSlide(e,!0)}},{key:"goPrev",value:function(){var e=this.currentSlideI_-1;if(e<0){if(!this.options.loop)return;e=this.maxSlide_-1}this.goToSlide(e,!1)}},{key:"isValidIndexSlide_",value:function(e){return e>=0&&e<this.maxSlide_}},{key:"initSlides_",value:function(){var e=this.plugins.hash.constructor.getSlideNumber();if((null===e||e>=this.maxSlide_)&&(e=0),0!==e)for(var t=0;t<e;)this.slides[t].moveAfterLast(),t++;this.goToSlide(e)}}],[{key:"registerPlugin",value:function(e,t){c[e]=t}}]),e}();t.a=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(4);window.WebSlides=i.a},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){i(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(a.a.once(t.el,"ws:init",this.play.bind(this)),document.body.addEventListener("focus",this.onFocus.bind(this)))}return o(e,[{key:"onFocus",value:function(){a.a.isFocusableElement()?this.stop():null===this.interval_&&this.play()}},{key:"play",value:function(e){e=e||this.time,this.time=e,!this.interval_&&"number"==typeof e&&e>0&&(this.interval_=setInterval(this.ws_.goNext.bind(this.ws_),e))}},{key:"stop",value:function(){this.interval_&&(clearInterval(this.interval_),this.interval_=null)}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],r=function(){function e(t){i(this,e),this.ws_=t,t.options.changeOnClick&&this.ws_.el.addEventListener("click",this.onClick_.bind(this))}return a(e,[{key:"onClick_",value:function(e){o.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(2),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",s=function(){function e(t){i(this,e),this.ws_=t;var n="body.baseline {\n                  background: url("+r+") left top .8rem/.8rem;\n                }",a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n)),a.appendChild(o),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return o(e,[{key:"onKeyPress_",value:function(e){e.which===a.a.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=function(){function e(t){i(this,e),this.ws_=t,t.el.addEventListener("ws:slide-change",e.onSlideChange_),window.addEventListener("hashchange",this.onHashChange_.bind(this),!1)}return a(e,[{key:"onHashChange_",value:function(){var t=e.getSlideNumber();null!==t&&this.ws_.goToSlide(t)}}],[{key:"onSlideChange_",value:function(t){e.setSlideNumber(t.detail.currentSlide)}},{key:"getSlideNumber",value:function(){var e=document.location.hash.match(/#slide=(\d+)/),t=0;return Array.isArray(e)&&(t=parseInt(e[1],10)),"number"!=typeof t||t<0||!Array.isArray(e)?t=null:t--,t}},{key:"setSlideNumber",value:function(t){e.getSlideNumber()!==t-1&&history.pushState({slideI:t-1},"Slide "+t,"#slide="+t)}}]),e}();t.a=o},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(2),o=n(0),r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=function(){function e(t){i(this,e),this.ws_=t,document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return r(e,[{key:"onKeyPress_",value:function(e){var t=void 0,n=void 0;if(!o.a.isFocusableElement()){switch(e.which){case a.a.AV_PAGE:case a.a.SPACE:t=this.ws_.goNext;break;case a.a.RE_PAGE:t=this.ws_.goPrev;break;case a.a.HOME:t=this.ws_.goToSlide,n=0;break;case a.a.END:t=this.ws_.goToSlide,n=this.ws_.maxSlide_-1;break;case a.a.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case a.a.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case a.a.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case a.a.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext}t&&t.call(this.ws_,n)}}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},s={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},l=function(){function e(t){i(this,e);var n=t.isVertical?s.VERTICAL:s.HORIZONTAL;this.el=a.a.createNode("div","navigation"),this.next=e.createArrow(r.NEXT,n.NEXT),this.prev=e.createArrow(r.PREV,n.PREV),this.counter=a.a.createNode("span",r.COUNTER),this.ws_=t,this.el.appendChild(this.next),this.el.appendChild(this.prev),this.el.appendChild(this.counter),this.ws_.el.appendChild(this.el),this.bindEvents_()}return o(e,[{key:"bindEvents_",value:function(){this.ws_.el.addEventListener("ws:slide-change",this.onSlideChanged_.bind(this)),this.next.addEventListener("click",this.onButtonClicked_.bind(this)),this.prev.addEventListener("click",this.onButtonClicked_.bind(this))}},{key:"updateCounter",value:function(e,t){this.counter.textContent=e+" / "+t}},{key:"onSlideChanged_",value:function(e){this.updateCounter(e.detail.currentSlide,e.detail.slides)}},{key:"onButtonClicked_",value:function(e){e.preventDefault(),e.target===this.next?this.ws_.goNext():this.ws_.goPrev()}}],[{key:"createArrow",value:function(e,t){var n=a.a.createNode("a",e,t);return n.href="#",n.title="Arrow Keys",n}}]),e}();t.a=l},function(e,t,n){"use strict";var i=n(6),a=n(7),o=n(8),r=n(9),s=n(10),l=n(11),u=n(13),c=n(14),h=n(15),d=n(16),f=n(17);t.a={AutoSlide:i.a,ClickNav:a.a,Grid:o.a,Hash:r.a,Keyboard:s.a,Navigation:l.a,Scroll:u.a,Touch:c.a,Video:h.a,YouTube:d.a,Zoom:f.a}},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(3),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){i(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,a.a.isAny()||(this.scrollContainer_.addEventListener("wheel",this.onMouseWheel_.bind(this)),t.isVertical||t.el.addEventListener("ws:slide-change",this.onSlideChange_.bind(this)))}return o(e,[{key:"onSlideChange_",value:function(){var e=this;this.timeout_=setTimeout(function(){e.timeout_=null},this.ws_.options.scrollWait)}},{key:"onMouseWheel_",value:function(e){if(this.ws_.isMoving||this.timeout_)return void e.preventDefault();var t=e.deltaY,n=e.deltaX,i=this.ws_.isVertical,a=Math.abs(n)>Math.abs(t);if(this.isGoingUp_=t<0,this.isGoingLeft_=n<0,a){if(i)return;e.preventDefault()}(Math.abs(t)>=this.ws_.options.minWheelDelta||Math.abs(n)>=this.ws_.options.minWheelDelta)&&(a&&this.isGoingLeft_||!a&&this.isGoingUp_?this.ws_.goPrev():this.ws_.goNext(),e.preventDefault())}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(3),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r={touch:{START:"touchstart",MOVE:"touchmove",END:"touchend"},pointer:{START:"pointerdown",MOVE:"pointermove",END:"pointerup"}},s=function(){function e(t){i(this,e),this.ws_=t,this.startX_=0,this.startY_=0,this.endX_=0,this.endY_=0,this.isEnabled=!1;var n=void 0;a.a.isAny()&&(n=window.PointerEvent&&(a.a.isWindows()||a.a.isWindowsPhone())?r.pointer:r.touch,this.isEnabled=!0,document.addEventListener(n.START,this.onStart_.bind(this),!1),document.addEventListener(n.MOVE,this.onMove_.bind(this),!1),document.addEventListener(n.MOVE,this.onMove_.bind(this),!1),document.addEventListener(n.END,this.onStop_.bind(this),!1))}return o(e,[{key:"onStart_",value:function(t){var n=e.normalizeEventInfo(t);this.startX_=n.x,this.startY_=n.y,this.endX_=n.x,this.endY_=n.y}},{key:"onMove_",value:function(t){var n=e.normalizeEventInfo(t);this.endX_=n.x,this.endY_=n.y}},{key:"onStop_",value:function(){var e=this.startX_-this.endX_,t=this.startY_-this.endY_;Math.abs(e)>Math.abs(t)&&(e<-this.ws_.options.slideOffset?this.ws_.goPrev():e>this.ws_.options.slideOffset&&this.ws_.goNext())}}],[{key:"normalizeEventInfo",value:function(e){var t={pageX:0,pageY:0};return void 0!==e.changedTouches?t=e.changedTouches[0]:void 0!==e.originalEvent&&void 0!==e.originalEvent.changedTouches&&(t=e.originalEvent.changedTouches[0]),{x:e.offsetX||e.layerX||t.pageX,y:e.offsetY||e.layerY||t.pageY}}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(1),r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=function(){function e(t){i(this,e),this.ws_=t;var n=a.a.toArray(this.ws_.el.querySelectorAll("video"));n.length&&n.forEach(function(n){n.removeAttribute("autoplay");var i=o.a.getSectionFromEl(n),a=i.i,r=t.slides[a-1];r.video=n,r.onEnable(e.onSectionEnabled),r.onDisable(e.onSectionDisabled)})}return r(e,null,[{key:"onSectionEnabled",value:function(e){e.video.play()}},{key:"onSectionDisabled",value:function(e){e.video.pause()}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(1),r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=function(){function e(t){var n=this;i(this,e),this.ready=!1,this.onReadyC=null,this.slide=o.a.getSectionFromEl(t).section;var a=this.getPlayerVars(t);this.player=new YT.Player(t,{videoId:t.dataset.youtubeId,playerVars:a,events:{onReady:function(){n.ready=!0,n.timeout&&1!==n.player.getPlayerState()&&n.play(),n.onReadyC&&(n.onReadyC(),n.onReadyC=null)}}}),this.el=this.player.getIframe(),this.timeout=null}return r(e,[{key:"play",value:function(){var e=this;this.ready?(this.timeout=setTimeout(function(){e.timeout=null},1e3),this.player.playVideo()):this.onReadyC=this.play}},{key:"pause",value:function(){this.player&&this.player.pauseVideo&&1===this.player.getPlayerState()&&this.player.pauseVideo()}},{key:"getPlayerVars",value:function(){var e={modestbranding:1,rel:0,origin:window.location.origin};return this.slide.classList.contains("fullscreen")&&(e.disablekb=1,e.showinfo=0),e}}]),e}(),l=function(){function e(t){i(this,e),this.ws_=t,this.videos=a.a.toArray(this.ws_.el.querySelectorAll("[data-youtube")),this.videos.length&&this.inject()}return r(e,[{key:"onYTReady",value:function(){var t=this;this.videos.forEach(function(n){var i=new s(n);if(void 0!==n.dataset.autoplay){var a=o.a.getSectionFromEl(i.el),r=a.i,l=t.ws_.slides[r-1];l.player=i,l.onEnable(e.onSectionEnabled),l.onDisable(e.onSectionDisabled),t.ws_.currentSlide_===l&&e.onSectionEnabled(l)}})}},{key:"inject",value:function(){window.onYouTubeIframeAPIReady=this.onYTReady.bind(this);var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}],[{key:"onSectionEnabled",value:function(e){e.player.play()}},{key:"onSectionDisabled",value:function(e){e.player.pause()}}]),e}();t.a=l},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(2),r=n(1),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l={ZOOM:"grid",DIV:"column",WRAP:"wrap-zoom"},u=function(){function e(t){i(this,e),this.ws_=t,this.zws_={},this.isZoomed_=!1,this.preBuildZoom_(),document.addEventListener("keydown",this.onKeyDown.bind(this))}return s(e,[{key:"onKeyDown",value:function(e){!this.isZoomed_&&o.a.MINUS.includes(e.which)?this.zoomIn():this.isZoomed_&&o.a.PLUS.includes(e.which)&&this.zoomOut()}},{key:"preBuildZoom_",value:function(){var e=this;this.zws_.el=this.ws_.el.cloneNode(),this.zws_.el.id="webslides-zoomed",this.zws_.el.className=l.ZOOM,this.zws_.slides=[].map.call(this.ws_.slides,function(t,n){var i=t.el.cloneNode(!0);return e.zws_.el.appendChild(i),new r.a(i,n)}),a.a.hide(this.zws_.el),a.a.after(this.zws_.el,this.ws_.el),this.zws_.slides.forEach(function(e){var t=a.a.wrap(e.el,"div");t.className=l.WRAP;var n=a.a.wrap(t,"div");n.className=l.DIV;var i=window.getComputedStyle(n),o=a.a.parseSize(i.paddingLeft)+a.a.parseSize(i.paddingRight),r=a.a.parseSize(i.paddingTop)+a.a.parseSize(i.paddingBottom);console.log(window.innerWidth,i.width);var s=i.width.includes("%")?100/a.a.parseSize(i.width):window.innerWidth/a.a.parseSize(i.width);e.el.style.width=window.innerWidth-o*s+"px",e.el.style.height=window.innerHeight-r*s+"px";var u=window.getComputedStyle(e.el);t.style.height=a.a.parseSize(u.height)/s+"px"})}},{key:"zoomIn",value:function(){a.a.hide(this.ws_.el),a.a.show(this.zws_.el),this.isZoomed_=!0}},{key:"zoomOut",value:function(){a.a.hide(this.zws_.el),a.a.show(this.ws_.el),this.isZoomed_=!1}}]),e}();t.a=u},function(e,t,n){"use strict";var i=window.CustomEvent,a=function(e,t){var n=document.createEvent("CustomEvent");return t?n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail):n.initCustomEvent(e,!1,!1,void 0),n},o=function(){try{var e=new i("t",{detail:{a:"b"}});return"t"===e.type&&"b"===e.detail.a}catch(e){}return!1}()?i:a;t.a=o},function(e,t,n){"use strict";function i(e){return.5-Math.cos(e*Math.PI)/2}function a(e){return e}t.a={swing:i,linear:a}},function(e,t,n){"use strict";function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},i=e-o.scrollTop,r=o.scrollTop;if(!t)return o.scrollTop=e,void n();!function s(l){l+=16;var u=Math.min(1,l/t),c=a.a.swing(u,l*u,e,i,t);o.scrollTop=Math.floor(r+c*i),l<t?setTimeout(function(){return s(l)},16):n()}(0)}var a=n(19);t.a=i;var o=document.getElementById("webslides")}]);
\ No newline at end of file
+!function(e){function t(i){if(n[i])return n[i].exports;var a=n[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/static/js/",t(t.s=5)}([function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(18),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s="",r="",l=function(){function e(){i(this,e)}return o(e,null,[{key:"createNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",i=document.createElement(e);return i.id=t,n&&(i.textContent=n),i}},{key:"once",value:function(e,t,n){var i=function i(a){a.target===e&&(e.removeEventListener(t,i),n(a))};e.addEventListener(t,i,!1)}},{key:"getTransitionEvent",value:function(){if(s)return s;for(var e=document.createElement("ws"),t={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"},n=Object.keys(t),i=0,a=n.length;i<a&&!s;i++){var o=n[i];void 0!==e.style[o]&&(s=t[o])}return s}},{key:"getAnimationEvent",value:function(){if(r)return r;for(var e=document.createElement("ws"),t={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"},n=Object.keys(t),i=0,a=n.length;i<a&&!r;i++){var o=n[i];void 0!==e.style[o]&&(r=t[o])}return r}},{key:"hide",value:function(e){e.style.display="none"}},{key:"show",value:function(e){e.style.display=""}},{key:"isVisible",value:function(e){return""==e.style.display}},{key:"fireEvent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new a.a(t,{detail:n});e.dispatchEvent(i)}},{key:"toArray",value:function(e){return[].slice.call(e)}},{key:"isFocusableElement",value:function(){var e=!1;if(document.activeElement){var t="inherit"!==document.activeElement.contentEditable;e=["INPUT","SELECT","OPTION","TEXTAREA"].indexOf(document.activeElement.tagName)>-1||t}return e}},{key:"parseSize",value:function(e){return Number(e.replace(/[^\d\.]/g,""))}},{key:"wrap",value:function e(t,n){var e=document.createElement(n);return t.parentElement.insertBefore(e,t),e.appendChild(t),e}},{key:"after",value:function(e,t){var n=t.parentNode;n.lastChild==t?n.appendChild(e):n.insertBefore(e,t.nextSibling)}}]),e}();t.a=l},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s={SLIDE:"slide",CURRENT:"current"},r=function(){function e(t,n){i(this,e),this.el=t,this.parent=t.parentNode,this.i=n,this.onEnable_=[],this.onDisable_=[],this.el.id="section-"+(n+1),this.el.classList.add(s.SLIDE),this.hide()}return o(e,[{key:"hide",value:function(){a.a.hide(this.el),this.el.classList.remove(s.CURRENT)}},{key:"show",value:function(){a.a.show(this.el),this.el.classList.add(s.CURRENT)}},{key:"moveAfterLast",value:function(){var e=this.parent.childNodes[this.parent.childElementCount-1];this.parent.insertBefore(this.el,e.nextSibling)}},{key:"moveBeforeFirst",value:function(){var e=this.parent.childNodes[0];this.parent.insertBefore(this.el,e)}},{key:"onEnable",value:function(e){this.onEnable_.push(e)}},{key:"onDisable",value:function(e){this.onDisable_.push(e)}},{key:"enable",value:function(){var e=this;this.onEnable_.forEach(function(t){return t(e)})}},{key:"disable",value:function(){var e=this;this.onDisable_.forEach(function(t){return t(e)})}}],[{key:"isCandidate",value:function(e){return 1===e.nodeType&&"SECTION"===e.tagName}},{key:"getSectionFromEl",value:function(e){for(var t=e,n=null,i=null;t.parentElement&&!t.classList.contains(s.SLIDE);)t=t.parentElement;return t.classList.contains(s.SLIDE)&&(n=t,i=parseInt(n.id.replace("section-",""),10)),{section:n,i:i}}}]),e}();t.a=r},function(e,t,n){"use strict";var i={ENTER:13,SPACE:32,RE_PAGE:33,AV_PAGE:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PLUS:[107,171],MINUS:[109,173]};t.a=i},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=window.navigator.userAgent,s=function(){function e(){i(this,e)}return a(e,null,[{key:"isAndroid",value:function(){return!!o.match(/Android/i)}},{key:"isBlackBerry",value:function(){return!!o.match(/BlackBerry/i)}},{key:"isiOS",value:function(){return!!o.match(/iPhone/i)}},{key:"isOpera",value:function(){return!!o.match(/Opera Mini/i)}},{key:"isWindows",value:function(){return!!o.match(/IEMobile/i)}},{key:"isWindowsPhone",value:function(){return!!o.match(/Windows Phone/i)}},{key:"isAny",value:function(){return e.isAndroid()||e.isBlackBerry()||e.isiOS()||e.isOpera()||e.isWindows()||e.isWindowsPhone()}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(12),o=n(1),s=n(0),r=n(20),l=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),u={VERTICAL:"vertical",READY:"ws-ready"},c={autoslide:a.a.AutoSlide,clickNav:a.a.ClickNav,grid:a.a.Grid,hash:a.a.Hash,keyboard:a.a.Keyboard,nav:a.a.Navigation,scroll:a.a.Scroll,touch:a.a.Touch,video:a.a.Video,youtube:a.a.YouTube,zoom:a.a.Zoom},h=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoslide,a=void 0!==n&&n,o=t.changeOnClick,s=void 0!==o&&o,r=t.loop,l=void 0===r||r,c=t.minWheelDelta,h=void 0===c?40:c,d=t.scrollWait,f=void 0===d?450:d,v=t.slideOffset,y=void 0===v?50:v;if(i(this,e),this.el=document.getElementById("webslides"),!this.el)throw new Error("Couldn't find the webslides container!");this.isMoving=!1,this.slides=null,this.currentSlideI_=-1,this.currentSlide_=null,this.maxSlide_=0,this.isVertical=this.el.classList.contains(u.VERTICAL),this.plugins={},this.options={autoslide:a,changeOnClick:s,loop:l,minWheelDelta:h,scrollWait:f,slideOffset:y},this.initialised=!1,this.removeChildren_(),this.grabSlides_(),this.createPlugins_(),this.initSlides_(),this.onInit_()}return l(e,[{key:"removeChildren_",value:function(){for(var e=this.el.childNodes,t=e.length;t--;){var n=e[t];o.a.isCandidate(n)||this.el.removeChild(n)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(c).forEach(function(t){var n=c[t];e.plugins[t]=new n(e)})}},{key:"onInit_",value:function(){this.initialised=!0,s.a.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(u.READY)}},{key:"grabSlides_",value:function(){this.slides=s.a.toArray(this.el.childNodes).map(function(e,t){return new o.a(e,t)}),this.maxSlide_=this.slides.length}},{key:"goToSlide",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.isValidIndexSlide_(e)&&!this.isMoving&&this.currentSlideI_!==e){this.isMoving=!0;var n=!1;null!==t?n=t:this.currentSlideI_>=0&&(n=e>this.currentSlideI_);var i=this.slides[e];null===this.currentSlide_||!this.isVertical||this.plugins.touch&&this.plugins.touch.isEnabled?this.transitionToSlide_(n,i,this.onSlideChange_):this.scrollTransitionToSlide_(n,i,this.onSlideChange_)}}},{key:"scrollTransitionToSlide_",value:function(e,t,i){var a=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),n.i(r.a)(this.currentSlide_.el.offsetTop,0)),n.i(r.a)(t.el.offsetTop,500,function(){a.currentSlide_.hide(),e&&a.currentSlide_.moveAfterLast(),a.el.style.overflow="auto",setTimeout(function(){i.call(a,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,i){var a=this;n.i(r.a)(0,0);var o="slideInRight";e||(t.moveBeforeFirst(),o="slideInLeft"),this.currentSlide_&&(e&&this.currentSlide_.moveAfterLast(),this.currentSlide_.hide()),t.show(),this.initialised&&this.plugins.touch&&this.plugins.touch.isEnabled?(s.a.once(t.el,s.a.getAnimationEvent(),function(){t.el.classList.remove(o),i.call(a,t)}),t.el.classList.add(o)):i.call(this,t)}},{key:"onSlideChange_",value:function(e){this.currentSlide_&&this.currentSlide_.disable(),this.currentSlide_=e,this.currentSlideI_=e.i,this.currentSlide_.enable(),this.isMoving=!1,s.a.fireEvent(this.el,"ws:slide-change",{slides:this.maxSlide_,currentSlide0:this.currentSlideI_,currentSlide:this.currentSlideI_+1})}},{key:"goNext",value:function(){var e=this.currentSlideI_+1;if(e>=this.maxSlide_){if(!this.options.loop)return;e=0}this.goToSlide(e,!0)}},{key:"goPrev",value:function(){var e=this.currentSlideI_-1;if(e<0){if(!this.options.loop)return;e=this.maxSlide_-1}this.goToSlide(e,!1)}},{key:"isValidIndexSlide_",value:function(e){return e>=0&&e<this.maxSlide_}},{key:"initSlides_",value:function(){var e=this.plugins.hash.constructor.getSlideNumber();if((null===e||e>=this.maxSlide_)&&(e=0),0!==e)for(var t=0;t<e;)this.slides[t].moveAfterLast(),t++;this.goToSlide(e)}}],[{key:"registerPlugin",value:function(e,t){c[e]=t}}]),e}();t.a=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(4);window.WebSlides=i.a},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=function(){function e(t){i(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(a.a.once(t.el,"ws:init",this.play.bind(this)),document.body.addEventListener("focus",this.onFocus.bind(this)))}return o(e,[{key:"onFocus",value:function(){a.a.isFocusableElement()?this.stop():null===this.interval_&&this.play()}},{key:"play",value:function(e){e=e||this.time,this.time=e,!this.interval_&&"number"==typeof e&&e>0&&(this.interval_=setInterval(this.ws_.goNext.bind(this.ws_),e))}},{key:"stop",value:function(){this.interval_&&(clearInterval(this.interval_),this.interval_=null)}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],s=function(){function e(t){i(this,e),this.ws_=t,t.options.changeOnClick&&this.ws_.el.addEventListener("click",this.onClick_.bind(this))}return a(e,[{key:"onClick_",value:function(e){o.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.a=s},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(2),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",r=function(){function e(t){i(this,e),this.ws_=t;var n="body.baseline {\n                  background: url("+s+") left top .8rem/.8rem;\n                }",a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",o.styleSheet?o.styleSheet.cssText=n:o.appendChild(document.createTextNode(n)),a.appendChild(o),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return o(e,[{key:"onKeyPress_",value:function(e){e.which===a.a.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),o=function(){function e(t){i(this,e),this.ws_=t,t.el.addEventListener("ws:slide-change",e.onSlideChange_),window.addEventListener("hashchange",this.onHashChange_.bind(this),!1)}return a(e,[{key:"onHashChange_",value:function(){var t=e.getSlideNumber();null!==t&&this.ws_.goToSlide(t)}}],[{key:"onSlideChange_",value:function(t){e.setSlideNumber(t.detail.currentSlide)}},{key:"getSlideNumber",value:function(){var e=document.location.hash.match(/#slide=(\d+)/),t=0;return Array.isArray(e)&&(t=parseInt(e[1],10)),"number"!=typeof t||t<0||!Array.isArray(e)?t=null:t--,t}},{key:"setSlideNumber",value:function(t){e.getSlideNumber()!==t-1&&history.pushState({slideI:t-1},"Slide "+t,"#slide="+t)}}]),e}();t.a=o},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(2),o=n(0),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){i(this,e),this.ws_=t,document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return s(e,[{key:"onKeyPress_",value:function(e){var t=void 0,n=void 0;if(!o.a.isFocusableElement()&&o.a.isVisible(this.ws_.el)){switch(e.which){case a.a.AV_PAGE:case a.a.SPACE:t=this.ws_.goNext;break;case a.a.RE_PAGE:t=this.ws_.goPrev;break;case a.a.HOME:t=this.ws_.goToSlide,n=0;break;case a.a.END:t=this.ws_.goToSlide,n=this.ws_.maxSlide_-1;break;case a.a.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case a.a.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case a.a.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case a.a.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext}t&&t.call(this.ws_,n)}}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},r={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},l=function(){function e(t){i(this,e);var n=t.isVertical?r.VERTICAL:r.HORIZONTAL;this.el=a.a.createNode("div","navigation"),this.next=e.createArrow(s.NEXT,n.NEXT),this.prev=e.createArrow(s.PREV,n.PREV),this.counter=a.a.createNode("span",s.COUNTER),this.ws_=t,this.el.appendChild(this.next),this.el.appendChild(this.prev),this.el.appendChild(this.counter),this.ws_.el.appendChild(this.el),this.bindEvents_()}return o(e,[{key:"bindEvents_",value:function(){this.ws_.el.addEventListener("ws:slide-change",this.onSlideChanged_.bind(this)),this.next.addEventListener("click",this.onButtonClicked_.bind(this)),this.prev.addEventListener("click",this.onButtonClicked_.bind(this))}},{key:"updateCounter",value:function(e,t){this.counter.textContent=e+" / "+t}},{key:"onSlideChanged_",value:function(e){this.updateCounter(e.detail.currentSlide,e.detail.slides)}},{key:"onButtonClicked_",value:function(e){e.preventDefault(),e.target===this.next?this.ws_.goNext():this.ws_.goPrev()}}],[{key:"createArrow",value:function(e,t){var n=a.a.createNode("a",e,t);return n.href="#",n.title="Arrow Keys",n}}]),e}();t.a=l},function(e,t,n){"use strict";var i=n(6),a=n(7),o=n(8),s=n(9),r=n(10),l=n(11),u=n(13),c=n(14),h=n(15),d=n(16),f=n(17);t.a={AutoSlide:i.a,ClickNav:a.a,Grid:o.a,Hash:s.a,Keyboard:r.a,Navigation:l.a,Scroll:u.a,Touch:c.a,Video:h.a,YouTube:d.a,Zoom:f.a}},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(3),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){i(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,o.a.isAny()||(this.scrollContainer_.addEventListener("wheel",this.onMouseWheel_.bind(this)),t.isVertical||t.el.addEventListener("ws:slide-change",this.onSlideChange_.bind(this)))}return s(e,[{key:"onSlideChange_",value:function(){var e=this;this.timeout_=setTimeout(function(){e.timeout_=null},this.ws_.options.scrollWait)}},{key:"onMouseWheel_",value:function(e){if(a.a.isVisible(this.ws_.el)){if(this.ws_.isMoving||this.timeout_)return void e.preventDefault();var t=e.deltaY,n=e.deltaX,i=this.ws_.isVertical,o=Math.abs(n)>Math.abs(t);if(this.isGoingUp_=t<0,this.isGoingLeft_=n<0,o){if(i)return;e.preventDefault()}(Math.abs(t)>=this.ws_.options.minWheelDelta||Math.abs(n)>=this.ws_.options.minWheelDelta)&&(o&&this.isGoingLeft_||!o&&this.isGoingUp_?this.ws_.goPrev():this.ws_.goNext(),e.preventDefault())}}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(3),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r={touch:{START:"touchstart",MOVE:"touchmove",END:"touchend"},pointer:{START:"pointerdown",MOVE:"pointermove",END:"pointerup"}},l=function(){function e(t){i(this,e),this.ws_=t,this.startX_=0,this.startY_=0,this.endX_=0,this.endY_=0,this.isEnabled=!1;var n=void 0;o.a.isAny()&&(n=window.PointerEvent&&(o.a.isWindows()||o.a.isWindowsPhone())?r.pointer:r.touch,this.isEnabled=!0,document.addEventListener(n.START,this.onStart_.bind(this),!1),document.addEventListener(n.MOVE,this.onMove_.bind(this),!1),document.addEventListener(n.MOVE,this.onMove_.bind(this),!1),document.addEventListener(n.END,this.onStop_.bind(this),!1))}return s(e,[{key:"onStart_",value:function(t){if(a.a.isVisible(this.ws_.el)){var n=e.normalizeEventInfo(t);this.startX_=n.x,this.startY_=n.y,this.endX_=n.x,this.endY_=n.y}}},{key:"onMove_",value:function(t){if(a.a.isVisible(this.ws_.el)){var n=e.normalizeEventInfo(t);this.endX_=n.x,this.endY_=n.y}}},{key:"onStop_",value:function(){if(a.a.isVisible(this.ws_.el)){var e=this.startX_-this.endX_,t=this.startY_-this.endY_;Math.abs(e)>Math.abs(t)&&(e<-this.ws_.options.slideOffset?this.ws_.goPrev():e>this.ws_.options.slideOffset&&this.ws_.goNext())}}}],[{key:"normalizeEventInfo",value:function(e){var t={pageX:0,pageY:0};return void 0!==e.changedTouches?t=e.changedTouches[0]:void 0!==e.originalEvent&&void 0!==e.originalEvent.changedTouches&&(t=e.originalEvent.changedTouches[0]),{x:e.offsetX||e.layerX||t.pageX,y:e.offsetY||e.layerY||t.pageY}}}]),e}();t.a=l},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(1),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){i(this,e),this.ws_=t;var n=a.a.toArray(this.ws_.el.querySelectorAll("video"));n.length&&n.forEach(function(n){n.removeAttribute("autoplay");var i=o.a.getSectionFromEl(n),a=i.i,s=t.slides[a-1];s.video=n,s.onEnable(e.onSectionEnabled),s.onDisable(e.onSectionDisabled)})}return s(e,null,[{key:"onSectionEnabled",value:function(e){e.video.play()}},{key:"onSectionDisabled",value:function(e){e.video.pause()}}]),e}();t.a=r},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(1),s=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),r=function(){function e(t){var n=this;i(this,e),this.ready=!1,this.onReadyC=null,this.slide=o.a.getSectionFromEl(t).section;var a=this.getPlayerVars(t);this.player=new YT.Player(t,{videoId:t.dataset.youtubeId,playerVars:a,events:{onReady:function(){n.ready=!0,n.timeout&&1!==n.player.getPlayerState()&&n.play(),n.onReadyC&&(n.onReadyC(),n.onReadyC=null)}}}),this.el=this.player.getIframe(),this.timeout=null}return s(e,[{key:"play",value:function(){var e=this;this.ready?(this.timeout=setTimeout(function(){e.timeout=null},1e3),this.player.playVideo()):this.onReadyC=this.play}},{key:"pause",value:function(){this.player&&this.player.pauseVideo&&1===this.player.getPlayerState()&&this.player.pauseVideo()}},{key:"getPlayerVars",value:function(){var e={modestbranding:1,rel:0,origin:window.location.origin};return this.slide.classList.contains("fullscreen")&&(e.disablekb=1,e.showinfo=0),e}}]),e}(),l=function(){function e(t){i(this,e),this.ws_=t,this.videos=a.a.toArray(this.ws_.el.querySelectorAll("[data-youtube")),this.videos.length&&this.inject()}return s(e,[{key:"onYTReady",value:function(){var t=this;this.videos.forEach(function(n){var i=new r(n);if(void 0!==n.dataset.autoplay){var a=o.a.getSectionFromEl(i.el),s=a.i,l=t.ws_.slides[s-1];l.player=i,l.onEnable(e.onSectionEnabled),l.onDisable(e.onSectionDisabled),t.ws_.currentSlide_===l&&e.onSectionEnabled(l)}})}},{key:"inject",value:function(){window.onYouTubeIframeAPIReady=this.onYTReady.bind(this);var e=document.createElement("script");e.src="https://www.youtube.com/iframe_api";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}}],[{key:"onSectionEnabled",value:function(e){e.player.play()}},{key:"onSectionDisabled",value:function(e){e.player.pause()}}]),e}();t.a=l},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var a=n(0),o=n(2),s=n(1),r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),l={ZOOM:"grid",DIV:"column",WRAP:"wrap-zoom"},u=function(){function e(t){i(this,e),this.ws_=t,this.zws_={},this.isZoomed_=!1,this.preBuildZoom_(),document.body.addEventListener("keydown",this.onKeyDown.bind(this)),window.addEventListener("resize",this.onWindowResize.bind(this))}return r(e,[{key:"onKeyDown",value:function(e){!this.isZoomed_&&o.a.MINUS.includes(e.which)?this.zoomIn():this.isZoomed_&&o.a.PLUS.includes(e.which)&&this.zoomOut()}},{key:"preBuildZoom_",value:function(){var e=this;this.zws_.el=this.ws_.el.cloneNode(),this.zws_.el.id="webslides-zoomed",this.zws_.el.className=l.ZOOM,this.zws_.slides=[].map.call(this.ws_.slides,function(t,n){var i=t.el.cloneNode(!0);return e.zws_.el.appendChild(i),new s.a(i,n)}),a.a.hide(this.zws_.el),a.a.after(this.zws_.el,this.ws_.el),this.zws_.slides.forEach(function(t){var n=a.a.wrap(t.el,"div");n.className=l.WRAP;var i=a.a.wrap(n,"div");i.className=l.DIV;var o=document.createElement("div");o.className="zoom-layer",o.addEventListener("click",function(n){e.zoomOut(),e.ws_.goToSlide(t.i)}),n.appendChild(o),e.setSizes_(i,n,t)})}},{key:"setSizes_",value:function(e,t,n){var i=window.getComputedStyle(e),o=a.a.parseSize(i.paddingLeft)+a.a.parseSize(i.paddingRight),s=a.a.parseSize(i.paddingTop)+a.a.parseSize(i.paddingBottom),r=i.width.includes("%")?100/a.a.parseSize(i.width):window.innerWidth/a.a.parseSize(i.width);n.el.style.width=window.innerWidth-o*r+"px",n.el.style.height=window.innerHeight-s*r+"px";var l=window.getComputedStyle(n.el);t.style.height=a.a.parseSize(l.height)/r+"px"}},{key:"zoomIn",value:function(){a.a.hide(this.ws_.el),a.a.show(this.zws_.el),this.isZoomed_=!0,document.body.style.overflow="auto"}},{key:"zoomOut",value:function(){a.a.hide(this.zws_.el),a.a.show(this.ws_.el),this.isZoomed_=!1,document.body.style.overflow=""}},{key:"onWindowResize",value:function(e){var t=this;this.zws_.slides.forEach(function(e){var n=e.el.parentElement,i=n.parentElement;t.setSizes_(i,n,e)})}}]),e}();t.a=u},function(e,t,n){"use strict";var i=window.CustomEvent,a=function(e,t){var n=document.createEvent("CustomEvent");return t?n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail):n.initCustomEvent(e,!1,!1,void 0),n},o=function(){try{var e=new i("t",{detail:{a:"b"}});return"t"===e.type&&"b"===e.detail.a}catch(e){}return!1}()?i:a;t.a=o},function(e,t,n){"use strict";function i(e){return.5-Math.cos(e*Math.PI)/2}function a(e){return e}t.a={swing:i,linear:a}},function(e,t,n){"use strict";function i(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},i=e-o.scrollTop,s=o.scrollTop;if(!t)return o.scrollTop=e,void n();!function r(l){l+=16;var u=Math.min(1,l/t),c=a.a.swing(u,l*u,e,i,t);o.scrollTop=Math.floor(s+c*i),l<t?setTimeout(function(){return r(l)},16):n()}(0)}var a=n(19);t.a=i;var o=document.getElementById("webslides")}]);
\ No newline at end of file
diff --git a/tests/test.css b/tests/test.css
index c52ed91..814b5a1 100644
--- a/tests/test.css
+++ b/tests/test.css
@@ -10,22 +10,20 @@
   position: relative;
   background: #fff;
 }
-
+#webslides-zoomed.grid > .column {
+  width: 25%;
+}
 #webslides-zoomed.grid > .column > .wrap-zoom > .slide {
   transform: scale(0.25) translate(-150%, -150vh);
   display: flex !important;
-  position: absolute;
-  top: 0;
-  left: 0;
-  clip: rect(0px auto auto 0);
-}
-
-
-
-
-.enorme {
-	position: absolute;
-	top: 0;
-	left: 0;
-	font-size: 500px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  clip: rect(0px auto auto 0);
+}
+#webslides-zoomed.grid > .column > .wrap-zoom > .zoom-layer {
+  position: absolute;
+  background: transparent;
+  width: 100%;
+  height: 100%;
 }