diff --git a/.eslintrc b/.eslintrc
index 3763bfd3..793d329b 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -132,5 +132,3 @@
     "yield-star-spacing": [2, "after"]
   }
 }
-
-
diff --git a/src/js/modules/webslides.js b/src/js/modules/webslides.js
index 5e040130..20b1fbcc 100644
--- a/src/js/modules/webslides.js
+++ b/src/js/modules/webslides.js
@@ -5,7 +5,8 @@ import scrollTo from '../utils/scroll-to';
 
 const CLASSES = {
   VERTICAL: 'vertical',
-  READY: 'ws-ready'
+  READY: 'ws-ready',
+  DISABLED: 'disabled'
 };
 
 // Default plugins
@@ -19,7 +20,8 @@ const PLUGINS = {
   'scroll': Plugins.Scroll,
   'touch': Plugins.Touch,
   'video': Plugins.Video,
-  'youtube': Plugins.YouTube
+  'youtube': Plugins.YouTube,
+  'zoom': Plugins.Zoom
 };
 
 
@@ -386,6 +388,35 @@ export default class WebSlides {
     this.goToSlide(slideNumber);
   }
 
+  /**
+   * Toggles zoom
+   */
+  toggleZoom() {
+    this.plugins.zoom.toggleZoom();
+  }
+
+  /**
+   * Disables the webslides element adding a class "disabled"
+   */
+  disable() {
+    this.el.classList.add(CLASSES.DISABLED);
+  }
+
+  /**
+   * Enables the webslides element removing a class "disabled"
+   */
+  enable() {
+    this.el.classList.remove(CLASSES.DISABLED);
+  }
+
+  /**
+   * Checks if it is disabled
+   * @return {boolean}
+   */
+  isDisabled() {
+    return this.el.classList.contains(CLASSES.DISABLED);
+  }
+
   /**
    * Registers a plugin to be loaded when the instance is created. It allows
    * (on purpose) to replace default plugins.
diff --git a/src/js/plugins/keyboard.js b/src/js/plugins/keyboard.js
index 1d38a6aa..46f98820 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() || this.ws_.isDisabled()) {
       return;
     }
 
diff --git a/src/js/plugins/navigation.js b/src/js/plugins/navigation.js
index 264f37c8..09901651 100644
--- a/src/js/plugins/navigation.js
+++ b/src/js/plugins/navigation.js
@@ -48,7 +48,7 @@ export default class Navigation {
      * Counter Element.
      * @type {Element}
      */
-    this.counter = DOM.createNode('span', ELEMENT_ID.COUNTER);
+    this.counter = Navigation.createCounter(ELEMENT_ID.COUNTER);
     /**
      * @type {WebSlides}
      * @private
@@ -72,6 +72,7 @@ export default class Navigation {
       'ws:slide-change', this.onSlideChanged_.bind(this));
     this.next.addEventListener('click', this.onButtonClicked_.bind(this));
     this.prev.addEventListener('click', this.onButtonClicked_.bind(this));
+    this.counter.addEventListener('click', this.onButtonClicked_.bind(this));
   }
 
   /**
@@ -80,7 +81,7 @@ export default class Navigation {
    * @param {string|number} max Max slide number.
    */
   updateCounter(current, max) {
-    this.counter.textContent = `${current} / ${max}`;
+    this.counter.childNodes[0].textContent = `${current} / ${max}`;
   }
 
   /**
@@ -97,6 +98,21 @@ export default class Navigation {
     return arrow;
   }
 
+  /**
+   * Creates the navigation counter.
+   * @param {!String} id Desired ID for the counter.
+   * @return {Element} The arrow element.
+   */
+  static createCounter(id) {
+    const counter = DOM.createNode('span', id);
+    const link = document.createElement('a');
+    link.href = '#';
+    link.title = 'View all slides';
+    counter.appendChild(link);
+
+    return counter;
+  }
+
   /**
    * Slide Change event handler. Will update the text on the navigation.
    * @param {CustomEvent} event
@@ -115,8 +131,10 @@ export default class Navigation {
     event.preventDefault();
     if (event.target === this.next) {
       this.ws_.goNext();
-    } else {
+    } else if (event.target === this.prev) {
       this.ws_.goPrev();
+    } else {
+      this.ws_.toggleZoom();
     }
   }
 }
diff --git a/src/js/plugins/plugins.js b/src/js/plugins/plugins.js
index 0f8a2342..038eb85c 100644
--- a/src/js/plugins/plugins.js
+++ b/src/js/plugins/plugins.js
@@ -8,6 +8,7 @@ import Scroll from './scroll';
 import Touch from './touch';
 import Video from './video';
 import YouTube from './youtube';
+import Zoom from './zoom';
 
 export default {
   AutoSlide,
@@ -19,5 +20,6 @@ export default {
   Scroll,
   Touch,
   Video,
-  YouTube
+  YouTube,
+  Zoom
 };
diff --git a/src/js/plugins/scroll.js b/src/js/plugins/scroll.js
index 1aa1aa8c..017d5c5d 100644
--- a/src/js/plugins/scroll.js
+++ b/src/js/plugins/scroll.js
@@ -76,6 +76,10 @@ export default class Scroll {
    * @private
    */
   onMouseWheel_(event) {
+    if (this.ws_.isDisabled()) {
+      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 07da2f2b..0818e2a0 100644
--- a/src/js/plugins/touch.js
+++ b/src/js/plugins/touch.js
@@ -63,6 +63,27 @@ export default class Touch {
      */
     this.isEnabled = false;
 
+    /**
+     * Whether is a gesture or not.
+     * @type {boolean}
+     * @private
+     */
+    this.isGesture = false;
+
+    /**
+     * Stores start touch event (x, y).
+     * @type {array}
+     * @private
+     */
+    this.startTouches = [];
+
+    /**
+     * Stores end touch event (x, y).
+     * @type {array}
+     * @private
+     */
+    this.endTouches = [];
+
     let events;
 
     if (MobileDetector.isAny()) {
@@ -87,12 +108,22 @@ export default class Touch {
    * @private
    */
   onStart_(event) {
+    if (this.ws_.isDisabled()) {
+      return;
+    }
+
     const info = Touch.normalizeEventInfo(event);
 
-    this.startX_ = info.x;
-    this.startY_ = info.y;
-    this.endX_ = info.x;
-    this.endY_ = info.y;
+    if (event.touches.length == 1) {
+      this.startX_ = info.x;
+      this.startY_ = info.y;
+      this.endX_ = info.x;
+      this.endY_ = info.y;
+    } else if (event.touches.length > 1) {
+      this.startTouches = this.getTouchCoorinates(event);
+      this.endTouches = this.startTouches;
+      this.isGesture = true;
+    }
   }
 
   /**
@@ -101,10 +132,18 @@ export default class Touch {
    * @private
    */
   onMove_(event) {
+    if (this.ws_.isDisabled()) {
+      return;
+    }
+
     const info = Touch.normalizeEventInfo(event);
 
-    this.endX_ = info.x;
-    this.endY_ = info.y;
+    if (this.isGesture) {
+      this.endTouches = this.getTouchCoorinates(event);
+    } else {
+      this.endX_ = info.x;
+      this.endY_ = info.y;
+    }
   }
 
   /**
@@ -112,19 +151,49 @@ export default class Touch {
    * @private
    */
   onStop_() {
-    const diffX = this.startX_ - this.endX_;
-    const diffY = this.startY_ - this.endY_;
-
-    // It's an horizontal drag
-    if (Math.abs(diffX) > Math.abs(diffY)) {
-      if (diffX < -this.ws_.options.slideOffset) {
-        this.ws_.goPrev();
-      } else if(diffX > this.ws_.options.slideOffset) {
-        this.ws_.goNext();
+    if (this.ws_.isDisabled()) {
+      return;
+    }
+
+    if (this.isGesture) {
+      const startDistance = Math.sqrt(
+        Math.pow(this.startTouches[0].x - this.startTouches[1].x, 2) +
+        Math.pow(this.startTouches[0].y - this.startTouches[1].y, 2)
+      );
+      const endDistance = Math.sqrt(
+        Math.pow(this.endTouches[0].x - this.endTouches[1].x, 2) +
+        Math.pow(this.endTouches[0].y - this.endTouches[1].y, 2)
+      );
+      if (startDistance > endDistance) {
+        // Pinch gesture
+        this.ws_.toggleZoom();
+      }
+      this.isGesture = false;
+    } else {
+      const diffX = this.startX_ - this.endX_;
+      const diffY = this.startY_ - this.endY_;
+
+      // It's an horizontal drag
+      if (Math.abs(diffX) > Math.abs(diffY)) {
+        if (diffX < -this.ws_.options.slideOffset) {
+          this.ws_.goPrev();
+        } else if(diffX > this.ws_.options.slideOffset) {
+          this.ws_.goNext();
+        }
       }
     }
   }
 
+  /**
+   * Get X,Y coordinates from touchs pointers
+   * @param {Event} event
+   * @return {array}
+   */
+  getTouchCoorinates(event) {
+    return [{x: event.touches[0].clientX, y: event.touches[0].clientY},
+      {x: event.touches[1].clientX, y: event.touches[1].clientY}];
+  }
+
   /**
    * Normalizes an event to deal with differences between PointerEvent and
    * TouchEvent.
diff --git a/src/js/plugins/zoom.js b/src/js/plugins/zoom.js
new file mode 100644
index 00000000..d5d7630d
--- /dev/null
+++ b/src/js/plugins/zoom.js
@@ -0,0 +1,205 @@
+import DOM from '../utils/dom';
+import Keys from '../utils/keys';
+import Slide from '../modules/slide';
+
+
+const CLASSES = {
+  ZOOM: 'grid',
+  DIV: 'column',
+  WRAP: 'wrap-zoom'
+};
+
+const ID = 'webslides-zoomed';
+
+/**
+ * Zoom plugin.
+ */
+export default class Zoom {
+  /**
+   * @param {WebSlides} wsInstance The WebSlides instance
+   * @constructor
+   */
+  constructor(wsInstance) {
+    /**
+     * @type {WebSlides}
+     * @private
+     */
+    this.ws_ = wsInstance;
+
+    /**
+     * @type {WebSlides}
+     * @private
+     */
+    this.zws_ = {};
+
+    /**
+     * @type {boolean}
+     * @private
+     */
+    this.isZoomed_ = false;
+
+    this.preBuildZoom_();
+    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) {
+    if ( !this.isZoomed_ && Keys.MINUS.includes( event.which ) ) {
+      this.zoomIn();
+    } else if ( this.isZoomed_ &&
+      (Keys.PLUS.includes( event.which ) || event.which == Keys.ESCAPE ) ) {
+      this.zoomOut();
+    }
+  }
+
+  /**
+   * Prepare zoom structure, scales the slides and uses a grid layout
+   * to show them
+   */
+  preBuildZoom_() {
+    // Clone #webslides element
+    this.zws_.el = this.ws_.el.cloneNode();
+    this.zws_.el.id = ID;
+    this.zws_.el.className = CLASSES.ZOOM;
+
+    this.zws_.el.addEventListener('click', () => this.toggleZoom());
+
+    // Clone the slides
+    this.zws_.slides = [].map.call(this.ws_.slides,
+        (slide, i) => {
+          const s_ = slide.el.cloneNode(true);
+          this.zws_.el.appendChild(s_);
+          return new Slide(s_, i);
+        });
+    DOM.hide(this.zws_.el);
+    DOM.after(this.zws_.el, this.ws_.el);
+
+    // Creates the container for each slide
+    this.zws_.slides.forEach( elem => this.createSlideBlock_(elem));
+  }
+
+  /**
+   * Creates a block structure around the slide
+   * @param {Element} elem slide element
+   */
+  createSlideBlock_(elem) {
+    // Wraps the slide around a container
+    const wrap = DOM.wrap(elem.el, 'div');
+    wrap.className = CLASSES.WRAP;
+    // Slide container, need due to flexbox styles
+    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 => {
+      e.stopPropagation();
+      this.zoomOut();
+      this.ws_.goToSlide(elem.i);
+    });
+    wrap.appendChild(divLayer);
+    // Slide number
+    const slideNumber = document.createElement('span');
+    slideNumber.className = 'slide-number';
+    slideNumber.textContent = `${elem.i+1}`;
+    div.appendChild(slideNumber);
+
+    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);
+    if (scale == 1) {
+      // If the scale is 100% means it is mobile
+      const wsW = this.ws_.el.clientWidth;
+      elem.el.style.width = `${(wsW - marginW) * 2}px`;
+      elem.el.style.height = `${(wsW - marginH) * 1.5}px`;
+      elem.el.style.minHeight = scale == 1? 'auto' : '';
+      // Because of flexbox, wrap height is required
+      wrap.style.height = `${(wsW - marginH) * 1.5 / 2}px`;
+    } else {
+      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
+      wrap.style.height = `${window.innerHeight / scale}px`;
+    }
+  }
+
+  /**
+   * Toggles zoom
+   */
+  toggleZoom() {
+    if (this.isZoomed_) {
+      this.zoomOut();
+    } else {
+      this.zoomIn();
+    }
+  }
+
+  /**
+   * Zoom In the slider, scales the slides and uses a grid layout to show them
+   */
+  zoomIn() {
+    this.ws_.el.classList.add('zooming', 'in');
+    this.zws_.el.classList.add('zooming', 'in');
+    DOM.show(this.zws_.el);
+    setTimeout(() => {
+      this.ws_.el.classList.remove('zooming', 'in');
+      this.zws_.el.classList.remove('zooming', 'in');
+      this.ws_.disable();
+    }, 400);
+    this.isZoomed_ = true;
+    document.body.style.overflow = 'auto';
+  }
+
+  /**
+   * Zoom Out the slider, remove scale from the slides
+   */
+  zoomOut() {
+    this.ws_.el.classList.add('zooming', 'out');
+    this.zws_.el.classList.add('zooming', 'out');
+    setTimeout(() => {
+      this.ws_.el.classList.remove('zooming', 'out');
+      this.zws_.el.classList.remove('zooming', 'out');
+      DOM.hide(this.zws_.el);
+      this.ws_.enable();
+    }, 400);
+    this.isZoomed_ = false;
+    document.body.style.overflow = '';
+  }
+
+  /**
+   * When windows resize it is necessary to recalculate layers sizes
+   * @param {Event} ev
+   */
+  onWindowResize(ev) {
+    if (this.isZoomed_) this.zoomOut();
+
+    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 a9d5c397..a98832b6 100644
--- a/src/js/utils/dom.js
+++ b/src/js/utils/dom.js
@@ -127,6 +127,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.
@@ -171,4 +181,42 @@ export default class DOM {
 
     return result;
   }
+
+  /**
+   * Gets the integer value of a style property
+   * @param {string} prop CSS property value
+   * @return {integer} The property without the units
+   */
+  static parseSize(prop) {
+    return Number( prop.replace( /[^\d\.]/g, '' ) );
+  }
+
+  /**
+   * Wraps a HTML structure arrond a element
+   * @param {Element} elem the element to be wrapped
+   * @param {string} tag the new element tag
+   * @return {Element} the new element
+   */
+  static wrap(elem, tag) {
+    const wrap = document.createElement(tag);
+    elem.parentElement.insertBefore(wrap, elem);
+    wrap.appendChild(elem);
+
+    return wrap;
+  }
+
+  /**
+   * Inserts and element after another element
+   * @param {Element} elem the element to be inserted
+   * @param {Element} target the element to be inserted after
+   */
+  static after(elem, target) {
+    const parent = target.parentNode;
+
+    if (parent.lastChild == target) {
+      parent.appendChild(elem);
+    } else {
+      parent.insertBefore(elem, target.nextSibling);
+    }
+  }
 }
diff --git a/src/js/utils/keys.js b/src/js/utils/keys.js
index 2a6041f3..5a27e76b 100644
--- a/src/js/utils/keys.js
+++ b/src/js/utils/keys.js
@@ -8,7 +8,10 @@ const Keys = {
   LEFT: 37,
   UP: 38,
   RIGHT: 39,
-  DOWN: 40
+  DOWN: 40,
+  PLUS: [107, 171],
+  MINUS: [109, 173],
+  ESCAPE: 27
 };
 
 export default Keys;
diff --git a/static/css/base.css b/static/css/base.css
index 53305d97..3142842d 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -47,12 +47,18 @@
 	12. Avatars
 	13. Tables
 	14. Forms
+<<<<<<< HEAD
   15. Longform Elements
 	16. Safari Bug (flex-wrap)
 	17. Print
+=======
+	15. Longform Elements
+	16. Safari Bug (flex-wrap)
+	17. Print
+	18. Zoom: Index of slides (grid)
+>>>>>>> feature/zoom
 
 ----------------------------------------------------------------------------------- */
-
 /*=========================================
 0. CSS Reset & Normalize
 =========================================== */
@@ -706,7 +712,11 @@ footer,
   height: 100%;
   margin: 0;
 }
+<<<<<<< HEAD
 /* -- Responsive background video 
+=======
+/* -- Responsive background video
+>>>>>>> feature/zoom
 https://fvsch.com/code/video-background/ -- */
 
 .fullscreen > .embed {
@@ -724,18 +734,30 @@ https://fvsch.com/code/video-background/ -- */
   .fullscreen > .embed > iframe,
   .fullscreen > .embed > object,
   .fullscreen > .embed > embed,
+<<<<<<< HEAD
   .fullscreen > .embed > video { 
     height: 300%; 
     top: -100%; 
+=======
+  .fullscreen > .embed > video {
+    height: 300%;
+    top: -100%;
+>>>>>>> feature/zoom
   }
 }
 @media (max-aspect-ratio: 16/9) {
   .fullscreen > .embed > iframe,
   .fullscreen > .embed > object,
   .fullscreen > .embed > embed,
+<<<<<<< HEAD
   .fullscreen > .embed > video { 
     width: 300%; 
     left: -100%; 
+=======
+  .fullscreen > .embed > video {
+    width: 300%;
+    left: -100%;
+>>>>>>> feature/zoom
   }
 }
 /* 2. If supporting object-fit, overriding (1): */
@@ -744,9 +766,15 @@ https://fvsch.com/code/video-background/ -- */
   .fullscreen > .embed > object,
   .fullscreen > .embed > embed,
   .fullscreen > .embed > video {
+<<<<<<< HEAD
     top: 0; 
     left: 0;
     width: 100%; 
+=======
+    top: 0;
+    left: 0;
+    width: 100%;
+>>>>>>> feature/zoom
     height: 100%;
     object-fit: cover;
   }
@@ -3236,14 +3264,23 @@ button:disabled:hover {
 }
 
 /*=========================================
+<<<<<<< HEAD
 15. Longform 
+=======
+15. Longform
+>>>>>>> feature/zoom
 =========================================== */
 
 /* -- Posts = .wrap.longform -- */
 
 .longform {
+<<<<<<< HEAD
 width: 72rem; 
 /* Why 72rem=720px? 
+=======
+width: 72rem;
+/* Why 72rem=720px?
+>>>>>>> feature/zoom
 90-95 characters per line = better reading speed */
 }
 .longform .alignleft, .longform .alignright {
@@ -3337,4 +3374,197 @@ Solution: stackoverflow.com/questions/34250282/flexbox-safari-bug-flex-wrap
   #counter, #navigation {
     display: none;
   }
-}
\ No newline at end of file
+<<<<<<< HEAD
+}
+=======
+}
+
+/*=========================================
+18. Zoom: Index of slides (grid)
+=========================================== */
+#webslides-zoomed.grid{
+  -webkit-flex-direction: row;
+  flex-direction: row;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  -webkit-align-content: flex-start;
+  align-content: flex-start;
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+  min-height: 100vh;
+}
+#webslides-zoomed.grid > .column > .wrap-zoom {
+  position: relative;
+  -webkit-transition: .3s;
+  transition: .3s;
+  overflow: hidden;
+}
+#webslides-zoomed.grid > .column {
+  width: 25%;
+  -webkit-order: 0;
+  order: 0;
+  -webkit-flex: 0 1 auto;
+  flex: 0 1 auto;
+  -webkit-align-self: auto;
+  align-self: auto;
+}
+
+#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%;
+  cursor: pointer;
+}
+#webslides-zoomed.grid > .column > .wrap-zoom:hover {
+  transform: scale(1.02);
+}
+
+.text-slide-number {
+  text-align: center;
+  display: inline-block;
+  margin: .8rem auto;
+}
+
+
+@media screen and (orientation: portrait), screen and (max-width: 768px) and (orientation:landscape) {
+  #webslides-zoomed.grid > .column {
+    width: 50%;
+  }
+  #webslides-zoomed.grid > .column > .wrap-zoom > .slide {
+    transform: scale(0.5) translate(-50%, -50%);
+  }
+}
+
+@media (max-aspect-ratio: 2/3) {
+  #webslides-zoomed.grid > .column {
+    width: 100%;
+  }
+  #webslides-zoomed.grid > .column > .wrap-zoom > .slide {
+    transform: scale(0.5) translate(-50%, -50%);
+  }
+}
+
+#webslides.disabled, #webslides.zooming {
+	position: absolute;
+	width: 100%;
+	z-index: 0;
+}
+#webslides.disabled {
+  filter: blur(10px);
+}
+#webslides-zoomed.zooming {
+  opacity: 1;
+  transform: scale(1);
+}
+#webslides.zooming.in {
+  -webkit-animation: bg-zoom-in 0.4s 1;
+  animation: bg-zoom-in 0.4s 1;
+}
+
+#webslides.zooming.out {
+  -webkit-animation: bg-zoom-out 0.4s 1;
+  animation: bg-zoom-out 0.4s 1;
+}
+
+#webslides-zoomed.zooming.in {
+  -webkit-animation: grid-zoom-in 0.4s 1;
+  animation: grid-zoom-in 0.4s 1;
+}
+
+#webslides-zoomed.zooming.out {
+  -webkit-animation: grid-zoom-out 0.4s 1;
+  animation: grid-zoom-out 0.4s 1;
+}
+
+@-webkit-keyframes bg-zoom-in {
+  0% {
+    filter: blur(0px);
+  }
+  100% {
+    filter: blur(10px);
+  }
+}
+@keyframes bg-zoom-in {
+  0% {
+    filter: blur(0px);
+  }
+  100% {
+    filter: blur(10px);
+  }
+}
+
+@-webkit-keyframes bg-zoom-out {
+  0% {
+    filter: blur(10px);
+  }
+  100% {
+    filter: blur(0px);
+  }
+}
+@keyframes bg-zoom-out {
+  0% {
+    filter: blur(10px);
+  }
+  100% {
+    filter: blur(0px);
+  }
+}
+
+@-webkit-keyframes grid-zoom-in {
+  0% {
+    opacity: 0;
+    transform: scale(1.2);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes grid-zoom-in {
+  0% {
+    opacity: 0;
+    transform: scale(1.2);
+    filter: blur(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+    filter: blur(0px);
+  }
+}
+
+@-webkit-keyframes grid-zoom-out {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+    filter: blur(0px);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1.2);
+    filter: blur(10px);
+  }
+}
+@keyframes grid-zoom-out {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+    filter: blur(0px);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(1.2);
+    filter: blur(10px);
+  }
+}
+>>>>>>> feature/zoom
diff --git a/static/css/colors.css b/static/css/colors.css
index df046f6b..004949f5 100644
--- a/static/css/colors.css
+++ b/static/css/colors.css
@@ -39,7 +39,9 @@ WebSlides - Colors
 Base
 =========================================== */
 
-body {
+body,
+/*index of slides: mini-slides same bg color as body */
+#webslides-zoomed.grid > .column > .wrap-zoom {
   color: #333;
   background-color: #f7f9fb;
 }
@@ -918,4 +920,24 @@ footer[role=contentinfo] {
 /*footer:hover {
 background-color:rgba(255,255,255 , 0.3);
 }
-*/
\ No newline at end of file
+<<<<<<< HEAD
+*/
+=======
+*/
+
+/*============================
+Zoom: Index of slides
+============================== */
+
+#webslides-zoomed.grid > .column > .wrap-zoom {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.04);
+}
+#webslides-zoomed.grid > .column > .wrap-zoom:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.08);
+}
+.text-slide-number {
+  /*background-color: rgba(255, 255, 255, 0.1);*/
+  color: #456;
+  text-shadow: 0 1px 0 #fafafa;
+ }
+>>>>>>> feature/zoom
diff --git a/static/js/webslides.js b/static/js/webslides.js
index 35da68e6..e5e76c9f 100644
--- a/static/js/webslides.js
+++ b/static/js/webslides.js
@@ -1,7 +1,12 @@
 /*!
  * Name: WebSlides
+<<<<<<< HEAD
  * Version: 1.3.1
  * Date: 2017-04-26
+=======
+ * Version: 1.2.1
+ * Date: 2017-04-29
+>>>>>>> feature/zoom
  * Description: Making HTML presentations easy
  * URL: https://github.com/webslides/webslides#readme
  * Credits: @jlantunez, @LuisSacristan, @Belelros
@@ -79,12 +84,16 @@
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+<<<<<<< HEAD
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+=======
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__custom_event__ = __webpack_require__(18);
+>>>>>>> feature/zoom
 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; }; }();
 
 var _customEvent = __webpack_require__(17);
@@ -240,6 +249,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.
@@ -293,6 +315,53 @@ var DOM = function () {
 
       return result;
     }
+
+    /**
+     * Gets the integer value of a style property
+     * @param {string} prop CSS property value
+     * @return {integer} The property without the units
+     */
+
+  }, {
+    key: 'parseSize',
+    value: function parseSize(prop) {
+      return Number(prop.replace(/[^\d\.]/g, ''));
+    }
+
+    /**
+     * Wraps a HTML structure arrond a element
+     * @param {Element} elem the element to be wrapped
+     * @param {string} tag the new element tag
+     * @return {Element} the new element
+     */
+
+  }, {
+    key: 'wrap',
+    value: function wrap(elem, tag) {
+      var wrap = document.createElement(tag);
+      elem.parentElement.insertBefore(wrap, elem);
+      wrap.appendChild(elem);
+
+      return wrap;
+    }
+
+    /**
+     * Inserts and element after another element
+     * @param {Element} elem the element to be inserted
+     * @param {Element} target the element to be inserted after
+     */
+
+  }, {
+    key: 'after',
+    value: function after(elem, target) {
+      var parent = target.parentNode;
+
+      if (parent.lastChild == target) {
+        parent.appendChild(elem);
+      } else {
+        parent.insertBefore(elem, target.nextSibling);
+      }
+    }
   }]);
 
   return DOM;
@@ -525,7 +594,10 @@ var Keys = {
   LEFT: 37,
   UP: 38,
   RIGHT: 39,
-  DOWN: 40
+  DOWN: 40,
+  PLUS: [107, 171],
+  MINUS: [109, 173],
+  ESCAPE: 27
 };
 
 exports.default = Keys;
@@ -645,12 +717,19 @@ exports.default = MobileDetector;
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+<<<<<<< HEAD
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+=======
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__ = __webpack_require__(12);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__slide__ = __webpack_require__(1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_dom__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_scroll_to__ = __webpack_require__(20);
+>>>>>>> feature/zoom
 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; }; }();
 
 var _plugins = __webpack_require__(12);
@@ -675,11 +754,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 var CLASSES = {
   VERTICAL: 'vertical',
-  READY: 'ws-ready'
+  READY: 'ws-ready',
+  DISABLED: 'disabled'
 };
 
 // Default plugins
 var PLUGINS = {
+<<<<<<< HEAD
   'autoslide': _plugins2.default.AutoSlide,
   'clickNav': _plugins2.default.ClickNav,
   'grid': _plugins2.default.Grid,
@@ -690,6 +771,19 @@ var PLUGINS = {
   'touch': _plugins2.default.Touch,
   'video': _plugins2.default.Video,
   'youtube': _plugins2.default.YouTube
+=======
+  'autoslide': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].AutoSlide,
+  'clickNav': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].ClickNav,
+  'grid': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Grid,
+  'hash': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Hash,
+  'keyboard': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Keyboard,
+  'nav': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Navigation,
+  'scroll': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Scroll,
+  'touch': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Touch,
+  'video': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Video,
+  'youtube': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].YouTube,
+  'zoom': __WEBPACK_IMPORTED_MODULE_0__plugins_plugins__["a" /* default */].Zoom
+>>>>>>> feature/zoom
 };
 
 /**
@@ -1099,6 +1193,47 @@ var WebSlides = function () {
       this.goToSlide(slideNumber);
     }
 
+    /**
+     * Toggles zoom
+     */
+
+  }, {
+    key: 'toggleZoom',
+    value: function toggleZoom() {
+      this.plugins.zoom.toggleZoom();
+    }
+
+    /**
+     * Disables the webslides element adding a class "disabled"
+     */
+
+  }, {
+    key: 'disable',
+    value: function disable() {
+      this.el.classList.add(CLASSES.DISABLED);
+    }
+
+    /**
+     * Enables the webslides element removing a class "disabled"
+     */
+
+  }, {
+    key: 'enable',
+    value: function enable() {
+      this.el.classList.remove(CLASSES.DISABLED);
+    }
+
+    /**
+     * Checks if it is disabled
+     * @return {boolean}
+     */
+
+  }, {
+    key: 'isDisabled',
+    value: function isDisabled() {
+      return this.el.classList.contains(CLASSES.DISABLED);
+    }
+
     /**
      * Registers a plugin to be loaded when the instance is created. It allows
      * (on purpose) to replace default plugins.
@@ -1558,7 +1693,11 @@ var Keyboard = function () {
       var method = void 0;
       var argument = void 0;
 
+<<<<<<< HEAD
       if (_dom2.default.isFocusableElement()) {
+=======
+      if (__WEBPACK_IMPORTED_MODULE_1__utils_dom__["a" /* default */].isFocusableElement() || this.ws_.isDisabled()) {
+>>>>>>> feature/zoom
         return;
       }
 
@@ -1674,7 +1813,11 @@ var Navigation = function () {
      * Counter Element.
      * @type {Element}
      */
+<<<<<<< HEAD
     this.counter = _dom2.default.createNode('span', ELEMENT_ID.COUNTER);
+=======
+    this.counter = Navigation.createCounter(ELEMENT_ID.COUNTER);
+>>>>>>> feature/zoom
     /**
      * @type {WebSlides}
      * @private
@@ -1701,6 +1844,7 @@ var Navigation = 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));
+      this.counter.addEventListener('click', this.onButtonClicked_.bind(this));
     }
 
     /**
@@ -1712,7 +1856,7 @@ var Navigation = function () {
   }, {
     key: 'updateCounter',
     value: function updateCounter(current, max) {
-      this.counter.textContent = current + ' / ' + max;
+      this.counter.childNodes[0].textContent = current + ' / ' + max;
     }
 
     /**
@@ -1747,8 +1891,10 @@ var Navigation = function () {
       event.preventDefault();
       if (event.target === this.next) {
         this.ws_.goNext();
-      } else {
+      } else if (event.target === this.prev) {
         this.ws_.goPrev();
+      } else {
+        this.ws_.toggleZoom();
       }
     }
   }], [{
@@ -1760,6 +1906,24 @@ var Navigation = function () {
 
       return arrow;
     }
+
+    /**
+     * Creates the navigation counter.
+     * @param {!String} id Desired ID for the counter.
+     * @return {Element} The arrow element.
+     */
+
+  }, {
+    key: 'createCounter',
+    value: function createCounter(id) {
+      var counter = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].createNode('span', id);
+      var link = document.createElement('a');
+      link.href = '#';
+      link.title = 'View all slides';
+      counter.appendChild(link);
+
+      return counter;
+    }
   }]);
 
   return Navigation;
@@ -1772,6 +1936,21 @@ exports.default = Navigation;
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+<<<<<<< HEAD
+=======
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__autoslide__ = __webpack_require__(6);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__click_nav__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__grid__ = __webpack_require__(8);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__hash__ = __webpack_require__(9);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__keyboard__ = __webpack_require__(10);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__navigation__ = __webpack_require__(11);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__scroll__ = __webpack_require__(13);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__touch__ = __webpack_require__(14);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__video__ = __webpack_require__(15);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__youtube__ = __webpack_require__(16);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__zoom__ = __webpack_require__(17);
+
+>>>>>>> feature/zoom
 
 
 Object.defineProperty(exports, "__esModule", {
@@ -1796,6 +1975,7 @@ var _hash2 = _interopRequireDefault(_hash);
 
 var _keyboard = __webpack_require__(10);
 
+<<<<<<< HEAD
 var _keyboard2 = _interopRequireDefault(_keyboard);
 
 var _navigation = __webpack_require__(11);
@@ -1832,6 +2012,21 @@ exports.default = {
   Video: _video2.default,
   YouTube: _youtube2.default
 };
+=======
+/* harmony default export */ __webpack_exports__["a"] = ({
+  AutoSlide: __WEBPACK_IMPORTED_MODULE_0__autoslide__["a" /* default */],
+  ClickNav: __WEBPACK_IMPORTED_MODULE_1__click_nav__["a" /* default */],
+  Grid: __WEBPACK_IMPORTED_MODULE_2__grid__["a" /* default */],
+  Hash: __WEBPACK_IMPORTED_MODULE_3__hash__["a" /* default */],
+  Keyboard: __WEBPACK_IMPORTED_MODULE_4__keyboard__["a" /* default */],
+  Navigation: __WEBPACK_IMPORTED_MODULE_5__navigation__["a" /* default */],
+  Scroll: __WEBPACK_IMPORTED_MODULE_6__scroll__["a" /* default */],
+  Touch: __WEBPACK_IMPORTED_MODULE_7__touch__["a" /* default */],
+  Video: __WEBPACK_IMPORTED_MODULE_8__video__["a" /* default */],
+  YouTube: __WEBPACK_IMPORTED_MODULE_9__youtube__["a" /* default */],
+  Zoom: __WEBPACK_IMPORTED_MODULE_10__zoom__["a" /* default */]
+});
+>>>>>>> feature/zoom
 
 /***/ }),
 /* 13 */
@@ -1931,6 +2126,10 @@ var Scroll = function () {
   }, {
     key: 'onMouseWheel_',
     value: function onMouseWheel_(event) {
+      if (this.ws_.isDisabled()) {
+        return;
+      }
+
       if (this.ws_.isMoving || this.timeout_) {
         event.preventDefault();
         return;
@@ -2059,6 +2258,27 @@ var Touch = function () {
      */
     this.isEnabled = false;
 
+    /**
+     * Whether is a gesture or not.
+     * @type {boolean}
+     * @private
+     */
+    this.isGesture = false;
+
+    /**
+     * Stores start touch event (x, y).
+     * @type {array}
+     * @private
+     */
+    this.startTouches = [];
+
+    /**
+     * Stores end touch event (x, y).
+     * @type {array}
+     * @private
+     */
+    this.endTouches = [];
+
     var events = void 0;
 
     if (_mobileDetector2.default.isAny()) {
@@ -2086,12 +2306,22 @@ var Touch = function () {
   _createClass(Touch, [{
     key: 'onStart_',
     value: function onStart_(event) {
+      if (this.ws_.isDisabled()) {
+        return;
+      }
+
       var info = Touch.normalizeEventInfo(event);
 
-      this.startX_ = info.x;
-      this.startY_ = info.y;
-      this.endX_ = info.x;
-      this.endY_ = info.y;
+      if (event.touches.length == 1) {
+        this.startX_ = info.x;
+        this.startY_ = info.y;
+        this.endX_ = info.x;
+        this.endY_ = info.y;
+      } else if (event.touches.length > 1) {
+        this.startTouches = this.getTouchCoorinates(event);
+        this.endTouches = this.startTouches;
+        this.isGesture = true;
+      }
     }
 
     /**
@@ -2103,10 +2333,18 @@ var Touch = function () {
   }, {
     key: 'onMove_',
     value: function onMove_(event) {
+      if (this.ws_.isDisabled()) {
+        return;
+      }
+
       var info = Touch.normalizeEventInfo(event);
 
-      this.endX_ = info.x;
-      this.endY_ = info.y;
+      if (this.isGesture) {
+        this.endTouches = this.getTouchCoorinates(event);
+      } else {
+        this.endX_ = info.x;
+        this.endY_ = info.y;
+      }
     }
 
     /**
@@ -2117,19 +2355,45 @@ var Touch = function () {
   }, {
     key: 'onStop_',
     value: function onStop_() {
-      var diffX = this.startX_ - this.endX_;
-      var diffY = this.startY_ - this.endY_;
+      if (this.ws_.isDisabled()) {
+        return;
+      }
 
-      // It's an horizontal drag
-      if (Math.abs(diffX) > Math.abs(diffY)) {
-        if (diffX < -this.ws_.options.slideOffset) {
-          this.ws_.goPrev();
-        } else if (diffX > this.ws_.options.slideOffset) {
-          this.ws_.goNext();
+      if (this.isGesture) {
+        var startDistance = Math.sqrt(Math.pow(this.startTouches[0].x - this.startTouches[1].x, 2) + Math.pow(this.startTouches[0].y - this.startTouches[1].y, 2));
+        var endDistance = Math.sqrt(Math.pow(this.endTouches[0].x - this.endTouches[1].x, 2) + Math.pow(this.endTouches[0].y - this.endTouches[1].y, 2));
+        if (startDistance > endDistance) {
+          // Pinch gesture
+          this.ws_.toggleZoom();
+        }
+        this.isGesture = false;
+      } else {
+        var diffX = this.startX_ - this.endX_;
+        var diffY = this.startY_ - this.endY_;
+
+        // It's an horizontal drag
+        if (Math.abs(diffX) > Math.abs(diffY)) {
+          if (diffX < -this.ws_.options.slideOffset) {
+            this.ws_.goPrev();
+          } else if (diffX > this.ws_.options.slideOffset) {
+            this.ws_.goNext();
+          }
         }
       }
     }
 
+    /**
+     * Get X,Y coordinates from touchs pointers
+     * @param {Event} event
+     * @return {array}
+     */
+
+  }, {
+    key: 'getTouchCoorinates',
+    value: function getTouchCoorinates(event) {
+      return [{ x: event.touches[0].clientX, y: event.touches[0].clientY }, { x: event.touches[1].clientX, y: event.touches[1].clientY }];
+    }
+
     /**
      * Normalizes an event to deal with differences between PointerEvent and
      * TouchEvent.
@@ -2347,7 +2611,11 @@ var Player = function () {
   }
 
   /**
+<<<<<<< HEAD
    * Destroys the iframe. Saves the current time in case it gets restored.
+=======
+   * Plays the video.
+>>>>>>> feature/zoom
    */
 
 
@@ -2608,11 +2876,271 @@ exports.default = YouTube;
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+<<<<<<< HEAD
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+=======
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_dom__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_keys__ = __webpack_require__(2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modules_slide__ = __webpack_require__(1);
+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 CLASSES = {
+  ZOOM: 'grid',
+  DIV: 'column',
+  WRAP: 'wrap-zoom'
+};
+
+var ID = 'webslides-zoomed';
+
+/**
+ * Zoom plugin.
+ */
+
+var Zoom = function () {
+  /**
+   * @param {WebSlides} wsInstance The WebSlides instance
+   * @constructor
+   */
+  function Zoom(wsInstance) {
+    _classCallCheck(this, Zoom);
+
+    /**
+     * @type {WebSlides}
+     * @private
+     */
+    this.ws_ = wsInstance;
+
+    /**
+     * @type {WebSlides}
+     * @private
+     */
+    this.zws_ = {};
+
+    /**
+     * @type {boolean}
+     * @private
+     */
+    this.isZoomed_ = false;
+
+    this.preBuildZoom_();
+    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
+   */
+
+
+  _createClass(Zoom, [{
+    key: 'onKeyDown',
+    value: function onKeyDown(event) {
+      if (!this.isZoomed_ && __WEBPACK_IMPORTED_MODULE_1__utils_keys__["a" /* default */].MINUS.includes(event.which)) {
+        this.zoomIn();
+      } else if (this.isZoomed_ && (__WEBPACK_IMPORTED_MODULE_1__utils_keys__["a" /* default */].PLUS.includes(event.which) || event.which == __WEBPACK_IMPORTED_MODULE_1__utils_keys__["a" /* default */].ESCAPE)) {
+        this.zoomOut();
+      }
+    }
+
+    /**
+     * Prepare zoom structure, scales the slides and uses a grid layout
+     * to show them
+     */
+
+  }, {
+    key: 'preBuildZoom_',
+    value: function preBuildZoom_() {
+      var _this = this;
+
+      // Clone #webslides element
+      this.zws_.el = this.ws_.el.cloneNode();
+      this.zws_.el.id = ID;
+      this.zws_.el.className = CLASSES.ZOOM;
+
+      this.zws_.el.addEventListener('click', function () {
+        return _this.toggleZoom();
+      });
+
+      // Clone the slides
+      this.zws_.slides = [].map.call(this.ws_.slides, function (slide, i) {
+        var s_ = slide.el.cloneNode(true);
+        _this.zws_.el.appendChild(s_);
+        return new __WEBPACK_IMPORTED_MODULE_2__modules_slide__["a" /* default */](s_, i);
+      });
+      __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].hide(this.zws_.el);
+      __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].after(this.zws_.el, this.ws_.el);
+
+      // Creates the container for each slide
+      this.zws_.slides.forEach(function (elem) {
+        return _this.createSlideBlock_(elem);
+      });
+    }
+
+    /**
+     * Creates a block structure around the slide
+     * @param {Element} elem slide element
+     */
+
+  }, {
+    key: 'createSlideBlock_',
+    value: function createSlideBlock_(elem) {
+      var _this2 = this;
+
+      // Wraps the slide around a container
+      var wrap = __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].wrap(elem.el, 'div');
+      wrap.className = CLASSES.WRAP;
+      // Slide container, need due to flexbox styles
+      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) {
+        e.stopPropagation();
+        _this2.zoomOut();
+        _this2.ws_.goToSlide(elem.i);
+      });
+      wrap.appendChild(divLayer);
+      // Slide number
+      var slideNumber = document.createElement('span');
+      slideNumber.className = 'slide-number';
+      slideNumber.textContent = '' + (elem.i + 1);
+      div.appendChild(slideNumber);
+
+      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);
+      if (scale == 1) {
+        // If the scale is 100% means it is mobile
+        var wsW = this.ws_.el.clientWidth;
+        elem.el.style.width = (wsW - marginW) * 2 + 'px';
+        elem.el.style.height = (wsW - marginH) * 1.5 + 'px';
+        elem.el.style.minHeight = scale == 1 ? 'auto' : '';
+        // Because of flexbox, wrap height is required
+        wrap.style.height = (wsW - marginH) * 1.5 / 2 + 'px';
+      } else {
+        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
+        wrap.style.height = window.innerHeight / scale + 'px';
+      }
+    }
+
+    /**
+     * Toggles zoom
+     */
+
+  }, {
+    key: 'toggleZoom',
+    value: function toggleZoom() {
+      if (this.isZoomed_) {
+        this.zoomOut();
+      } else {
+        this.zoomIn();
+      }
+    }
+
+    /**
+     * Zoom In the slider, scales the slides and uses a grid layout to show them
+     */
+
+  }, {
+    key: 'zoomIn',
+    value: function zoomIn() {
+      var _this3 = this;
+
+      this.ws_.el.classList.add('zooming', 'in');
+      this.zws_.el.classList.add('zooming', 'in');
+      __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].show(this.zws_.el);
+      setTimeout(function () {
+        _this3.ws_.el.classList.remove('zooming', 'in');
+        _this3.zws_.el.classList.remove('zooming', 'in');
+        _this3.ws_.disable();
+      }, 400);
+      this.isZoomed_ = true;
+      document.body.style.overflow = 'auto';
+    }
+
+    /**
+     * Zoom Out the slider, remove scale from the slides
+     */
+
+  }, {
+    key: 'zoomOut',
+    value: function zoomOut() {
+      var _this4 = this;
+
+      this.ws_.el.classList.add('zooming', 'out');
+      this.zws_.el.classList.add('zooming', 'out');
+      setTimeout(function () {
+        _this4.ws_.el.classList.remove('zooming', 'out');
+        _this4.zws_.el.classList.remove('zooming', 'out');
+        __WEBPACK_IMPORTED_MODULE_0__utils_dom__["a" /* default */].hide(_this4.zws_.el);
+        _this4.ws_.enable();
+      }, 400);
+      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 _this5 = this;
+
+      if (this.isZoomed_) this.zoomOut();
+
+      this.zws_.slides.forEach(function (elem) {
+        var wrap = elem.el.parentElement;
+        var div = wrap.parentElement;
+        _this5.setSizes_(div, wrap, elem);
+      });
+    }
+  }]);
+
+  return Zoom;
+}();
+
+/* harmony default export */ __webpack_exports__["a"] = (Zoom);
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+>>>>>>> feature/zoom
 var NativeCustomEvent = window.CustomEvent;
 
 /**
@@ -2657,8 +3185,13 @@ var WSCustomEvent = canIuseNativeCustom() ? NativeCustomEvent : IECustomEvent;
 exports.default = WSCustomEvent;
 
 /***/ }),
+<<<<<<< HEAD
 /* 18 */
 /***/ (function(module, exports, __webpack_require__) {
+=======
+/* 19 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+>>>>>>> feature/zoom
 
 "use strict";
 
@@ -2687,10 +3220,19 @@ function linear(p) {
 exports.default = { swing: swing, linear: linear };
 
 /***/ }),
+<<<<<<< HEAD
 /* 19 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
+=======
+/* 20 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__easing__ = __webpack_require__(19);
+/* harmony export (immutable) */ __webpack_exports__["a"] = scrollTo;
+>>>>>>> feature/zoom
 
 
 Object.defineProperty(exports, "__esModule", {
diff --git a/static/js/webslides.min.js b/static/js/webslides.min.js
index b3313652..edecd880 100644
--- a/static/js/webslides.min.js
+++ b/static/js/webslides.min.js
@@ -1,9 +1,18 @@
 /*!
  * Name: WebSlides
+<<<<<<< HEAD
  * Version: 1.3.1
  * Date: 2017-04-26
+=======
+ * Version: 1.2.1
+ * Date: 2017-04-29
+>>>>>>> feature/zoom
  * 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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(17),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s="",l="",u=function(){function e(){i(this,e)}return a(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 r=n[i];void 0!==e.style[r]&&(s=t[r])}return s}},{key:"getAnimationEvent",value:function(){if(l)return l;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&&!l;i++){var r=n[i];void 0!==e.style[r]&&(l=t[r])}return l}},{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 o.default(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}}]),e}();t.default=u},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Events=t.default=void 0;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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={SLIDE:"slide",CURRENT:"current"},l={ENTER:"dom:enter",LEAVE:"dom:leave",ENABLE:"slide:enable",DISABLE:"slide:disable"},u=function(){function e(t,n){i(this,e),this.el=t,this.parent=t.parentNode,this.i=n,this.el.id="section-"+(n+1),this.el.classList.add(s.SLIDE),this.hide()}return a(e,[{key:"hide",value:function(){o.default.hide(this.el),this.el.classList.remove(s.CURRENT)}},{key:"show",value:function(){o.default.show(this.el),this.el.classList.add(s.CURRENT)}},{key:"moveAfterLast",value:function(){var e=this.parent.childNodes[this.parent.childElementCount-1];this.fire_(l.LEAVE),this.parent.insertBefore(this.el,e.nextSibling),this.fire_(l.ENTER)}},{key:"moveBeforeFirst",value:function(){var e=this.parent.childNodes[0];this.fire_(l.LEAVE),this.parent.insertBefore(this.el,e),this.fire_(l.ENTER)}},{key:"enable",value:function(){this.fire_(l.ENABLE)}},{key:"disable",value:function(){this.fire_(l.DISABLE)}},{key:"fire_",value:function(e){o.default.fireEvent(this.el,e,{slide:this})}}],[{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.default=u,t.Events=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={ENTER:13,SPACE:32,RE_PAGE:33,AV_PAGE:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=window.navigator.userAgent,o=function(){function e(){i(this,e)}return a(e,null,[{key:"isAndroid",value:function(){return!!r.match(/Android/i)}},{key:"isBlackBerry",value:function(){return!!r.match(/BlackBerry/i)}},{key:"isiOS",value:function(){return!!r.match(/iPad|iPhone|iPod/i)}},{key:"isOpera",value:function(){return!!r.match(/Opera Mini/i)}},{key:"isWindows",value:function(){return!!r.match(/IEMobile/i)}},{key:"isWindowsPhone",value:function(){return!!r.match(/Windows Phone/i)}},{key:"isAny",value:function(){return e.isAndroid()||e.isBlackBerry()||e.isiOS()||e.isOpera()||e.isWindows()||e.isWindowsPhone()}}]),e}();t.default=o},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(12),s=i(o),l=n(1),u=i(l),d=n(0),c=i(d),f=n(19),h=i(f),v={VERTICAL:"vertical",READY:"ws-ready"},y={autoslide:s.default.AutoSlide,clickNav:s.default.ClickNav,grid:s.default.Grid,hash:s.default.Hash,keyboard:s.default.Keyboard,nav:s.default.Navigation,scroll:s.default.Scroll,touch:s.default.Touch,video:s.default.Video,youtube:s.default.YouTube},_=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoslide,i=void 0!==n&&n,r=t.changeOnClick,o=void 0!==r&&r,s=t.loop,l=void 0===s||s,u=t.minWheelDelta,d=void 0===u?40:u,c=t.scrollWait,f=void 0===c?450:c,h=t.slideOffset,y=void 0===h?50:h;if(a(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(v.VERTICAL),this.plugins={},this.options={autoslide:i,changeOnClick:o,loop:l,minWheelDelta:d,scrollWait:f,slideOffset:y},this.initialised=!1,this.removeChildren_(),this.grabSlides_(),this.createPlugins_(),this.initSlides_(),this.onInit_()}return r(e,[{key:"removeChildren_",value:function(){for(var e=this.el.childNodes,t=e.length;t--;){var n=e[t];u.default.isCandidate(n)||this.el.removeChild(n)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(y).forEach(function(t){var n=y[t];e.plugins[t]=new n(e)})}},{key:"onInit_",value:function(){this.initialised=!0,c.default.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(v.READY)}},{key:"grabSlides_",value:function(){this.slides=c.default.toArray(this.el.childNodes).map(function(e,t){return new u.default(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,n){var i=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),(0,h.default)(this.currentSlide_.el.offsetTop,0)),(0,h.default)(t.el.offsetTop,500,function(){i.currentSlide_.hide(),e&&i.currentSlide_.moveAfterLast(),i.el.style.overflow="auto",setTimeout(function(){n.call(i,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,n){var i=this;(0,h.default)(0,0);var a="slideInRight";e||(t.moveBeforeFirst(),a="slideInLeft"),this.currentSlide_&&(e&&this.currentSlide_.moveAfterLast(),this.currentSlide_.hide()),t.show(),this.initialised&&this.plugins.touch&&this.plugins.touch.isEnabled?(c.default.once(t.el,c.default.getAnimationEvent(),function(){t.el.classList.remove(a),n.call(i,t)}),t.el.classList.add(a)):n.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,c.default.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){y[e]=t}}]),e}();t.default=_},function(e,t,n){"use strict";var i=n(4),a=function(e){return e&&e.__esModule?e:{default:e}}(i);window.WebSlides=a.default},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s=function(){function e(t){i(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(o.default.once(t.el,"ws:init",this.play.bind(this)),document.body.addEventListener("focus",this.onFocus.bind(this)))}return a(e,[{key:"onFocus",value:function(){o.default.isFocusableElement()?this.stop():null===this.interval_&&this.play()}},{key:"play",value:function(e){"number"!=typeof 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.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],o=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){r.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(2),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",l=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],r=document.createElement("style");r.type="text/css",r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n)),a.appendChild(r),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return a(e,[{key:"onKeyPress_",value:function(e){e.which===o.default.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=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.default=r},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(2),s=i(o),l=n(0),u=i(l),d=function(){function e(t){a(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(!u.default.isFocusableElement()){switch(e.which){case s.default.AV_PAGE:case s.default.SPACE:t=this.ws_.goNext;break;case s.default.RE_PAGE:t=this.ws_.goPrev;break;case s.default.HOME:t=this.ws_.goToSlide,n=0;break;case s.default.END:t=this.ws_.goToSlide,n=this.ws_.maxSlide_-1;break;case s.default.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case s.default.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case s.default.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case s.default.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext}t&&t.call(this.ws_,n)}}}]),e}();t.default=d},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},l={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},u=function(){function e(t){i(this,e);var n=t.isVertical?l.VERTICAL:l.HORIZONTAL;this.el=o.default.createNode("div","navigation"),this.next=e.createArrow(s.NEXT,n.NEXT),this.prev=e.createArrow(s.PREV,n.PREV),this.counter=o.default.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 a(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=o.default.createNode("a",e,t);return n.href="#",n.title="Arrow Keys",n}}]),e}();t.default=u},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(6),r=i(a),o=n(7),s=i(o),l=n(8),u=i(l),d=n(9),c=i(d),f=n(10),h=i(f),v=n(11),y=i(v),_=n(13),p=i(_),E=n(14),b=i(E),m=n(15),g=i(m),w=n(16),k=i(w);t.default={AutoSlide:r.default,ClickNav:s.default,Grid:u.default,Hash:c.default,Keyboard:h.default,Navigation:y.default,Scroll:p.default,Touch:b.default,Video:g.default,YouTube:k.default}},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(3),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s=function(){function e(t){i(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,o.default.isAny()||(this.scrollContainer_.addEventListener("wheel",this.onMouseWheel_.bind(this)),t.isVertical||t.el.addEventListener("ws:slide-change",this.onSlideChange_.bind(this)))}return a(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.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(3),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={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.default.isAny()&&(n=window.PointerEvent&&(o.default.isWindows()||o.default.isWindowsPhone())?s.pointer:s.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.END,this.onStop_.bind(this),!1))}return a(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.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(0),s=i(o),l=n(1),u=i(l),d=function(){function e(t){a(this,e),this.ws_=t;var n=s.default.toArray(this.ws_.el.querySelectorAll("video"));n.length&&n.forEach(function(n){if(n.hasAttribute("autoplay")){n.removeAttribute("autoplay"),n.pause(),n.currentTime=0;var i=u.default.getSectionFromEl(n),a=i.i,r=t.slides[a-1];r.video=n,r.el.addEventListener(l.Events.ENABLE,e.onSectionEnabled),r.el.addEventListener(l.Events.DISABLE,e.onSectionDisabled)}})}return r(e,null,[{key:"onSectionEnabled",value:function(e){e.detail.slide.video.play()}},{key:"onSectionDisabled",value:function(e){e.detail.slide.video.pause()}}]),e}();t.default=d},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(0),s=i(o),l=n(1),u=i(l),d=function(){function e(t){a(this,e),this.ready=!1,this.onReadyCb=null,this.slide=u.default.getSectionFromEl(t).section,this.autoplay=void 0!==t.dataset.autoplay,this.isMuted=void 0!==t.dataset.mute,this.options={videoId:t.dataset.youtubeId,playerVars:this.getPlayerVars(t),events:{onReady:this.onPlayerReady.bind(this)}},this.el=t,this.timeout=null,this.create()}return r(e,[{key:"destroy",value:function(){this.currentTime=this.player.getCurrentTime(),this.player.destroy(),this.player=null,this.el=this.slide.querySelector("[data-youtube]"),this.ready=!1}},{key:"create",value:function(){this.player=new YT.Player(this.el,this.options),this.el=this.player.getIframe()}},{key:"onPlayerReady",value:function(){this.ready=!0,this.currentTime&&(this.player.seekTo(this.currentTime,!0),this.player.pauseVideo(),this.currentTime=null),this.timeout&&1!==this.player.getPlayerState()&&this.play(),this.onReadyCb&&(this.onReadyCb(),this.onReadyCb=null)}},{key:"play",value:function(){var e=this;this.ready?(this.timeout=setTimeout(function(){e.timeout=null},1e3),this.isMuted?this.player.mute():this.player.unMute(),this.player.playVideo()):this.onReadyCb=this.play}},{key:"pause",value:function(){this.player&&this.player.pauseVideo&&1===this.player.getPlayerState()&&this.player.pauseVideo()}},{key:"getPlayerVars",value:function(e){var t={modestbranding:1,rel:0,origin:window.location.origin};return this.slide.classList.contains("fullscreen")&&(t.disablekb=1),void 0!==e.dataset.noControls&&(t.controls=0,t.showinfo=0),void 0!==e.dataset.loop&&(t.loop=1,t.playlist=e.dataset.youtubeId),t}}]),e}(),c=function(){function e(t){a(this,e),this.ws_=t,this.videos=s.default.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 d(n);if(void 0!==n.dataset.autoplay){var a=u.default.getSectionFromEl(i.el),r=a.i,o=t.ws_.slides[r-1];o.player=i,o.el.addEventListener(l.Events.ENABLE,e.onSlideEvent),o.el.addEventListener(l.Events.DISABLE,e.onSlideEvent),o.el.addEventListener(l.Events.ENTER,e.onSlideEvent),o.el.addEventListener(l.Events.LEAVE,e.onSlideEvent),t.ws_.currentSlide_===o&&e.onSectionEnabled(o)}})}},{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:"onSlideEvent",value:function(t){var n=t.detail.slide;switch(t.type){case l.Events.ENABLE:e.onSectionEnabled(n);break;case l.Events.DISABLE:e.onSectionDisabled(n);break;case l.Events.LEAVE:n.player.destroy();break;case l.Events.ENTER:n.player.create()}}},{key:"onSectionEnabled",value:function(e){e.player.autoplay&&e.player.play()}},{key:"onSectionDisabled",value:function(e){e.player.pause()}}]),e}();t.default=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});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},r=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.default=r},function(e,t,n){"use strict";function i(e){return.5-Math.cos(e*Math.PI)/2}function a(e){return e}Object.defineProperty(t,"__esModule",{value:!0}),t.default={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,a=o.scrollTop;if(!t)return o.scrollTop=e,void n();!function s(l){l+=16;var u=Math.min(1,l/t),d=r.default.swing(u,l*u,e,i,t);o.scrollTop=Math.floor(a+d*i),l<t?setTimeout(function(){return s(l)},16):n()}(0)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var a=n(18),r=function(e){return e&&e.__esModule?e:{default:e}}(a),o=document.getElementById("webslides")}]);
\ No newline at end of file
+<<<<<<< HEAD
+!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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(17),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s="",l="",u=function(){function e(){i(this,e)}return a(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 r=n[i];void 0!==e.style[r]&&(s=t[r])}return s}},{key:"getAnimationEvent",value:function(){if(l)return l;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&&!l;i++){var r=n[i];void 0!==e.style[r]&&(l=t[r])}return l}},{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 o.default(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}}]),e}();t.default=u},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Events=t.default=void 0;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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={SLIDE:"slide",CURRENT:"current"},l={ENTER:"dom:enter",LEAVE:"dom:leave",ENABLE:"slide:enable",DISABLE:"slide:disable"},u=function(){function e(t,n){i(this,e),this.el=t,this.parent=t.parentNode,this.i=n,this.el.id="section-"+(n+1),this.el.classList.add(s.SLIDE),this.hide()}return a(e,[{key:"hide",value:function(){o.default.hide(this.el),this.el.classList.remove(s.CURRENT)}},{key:"show",value:function(){o.default.show(this.el),this.el.classList.add(s.CURRENT)}},{key:"moveAfterLast",value:function(){var e=this.parent.childNodes[this.parent.childElementCount-1];this.fire_(l.LEAVE),this.parent.insertBefore(this.el,e.nextSibling),this.fire_(l.ENTER)}},{key:"moveBeforeFirst",value:function(){var e=this.parent.childNodes[0];this.fire_(l.LEAVE),this.parent.insertBefore(this.el,e),this.fire_(l.ENTER)}},{key:"enable",value:function(){this.fire_(l.ENABLE)}},{key:"disable",value:function(){this.fire_(l.DISABLE)}},{key:"fire_",value:function(e){o.default.fireEvent(this.el,e,{slide:this})}}],[{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.default=u,t.Events=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i={ENTER:13,SPACE:32,RE_PAGE:33,AV_PAGE:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40};t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=window.navigator.userAgent,o=function(){function e(){i(this,e)}return a(e,null,[{key:"isAndroid",value:function(){return!!r.match(/Android/i)}},{key:"isBlackBerry",value:function(){return!!r.match(/BlackBerry/i)}},{key:"isiOS",value:function(){return!!r.match(/iPad|iPhone|iPod/i)}},{key:"isOpera",value:function(){return!!r.match(/Opera Mini/i)}},{key:"isWindows",value:function(){return!!r.match(/IEMobile/i)}},{key:"isWindowsPhone",value:function(){return!!r.match(/Windows Phone/i)}},{key:"isAny",value:function(){return e.isAndroid()||e.isBlackBerry()||e.isiOS()||e.isOpera()||e.isWindows()||e.isWindowsPhone()}}]),e}();t.default=o},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(12),s=i(o),l=n(1),u=i(l),d=n(0),c=i(d),f=n(19),h=i(f),v={VERTICAL:"vertical",READY:"ws-ready"},y={autoslide:s.default.AutoSlide,clickNav:s.default.ClickNav,grid:s.default.Grid,hash:s.default.Hash,keyboard:s.default.Keyboard,nav:s.default.Navigation,scroll:s.default.Scroll,touch:s.default.Touch,video:s.default.Video,youtube:s.default.YouTube},_=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.autoslide,i=void 0!==n&&n,r=t.changeOnClick,o=void 0!==r&&r,s=t.loop,l=void 0===s||s,u=t.minWheelDelta,d=void 0===u?40:u,c=t.scrollWait,f=void 0===c?450:c,h=t.slideOffset,y=void 0===h?50:h;if(a(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(v.VERTICAL),this.plugins={},this.options={autoslide:i,changeOnClick:o,loop:l,minWheelDelta:d,scrollWait:f,slideOffset:y},this.initialised=!1,this.removeChildren_(),this.grabSlides_(),this.createPlugins_(),this.initSlides_(),this.onInit_()}return r(e,[{key:"removeChildren_",value:function(){for(var e=this.el.childNodes,t=e.length;t--;){var n=e[t];u.default.isCandidate(n)||this.el.removeChild(n)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(y).forEach(function(t){var n=y[t];e.plugins[t]=new n(e)})}},{key:"onInit_",value:function(){this.initialised=!0,c.default.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(v.READY)}},{key:"grabSlides_",value:function(){this.slides=c.default.toArray(this.el.childNodes).map(function(e,t){return new u.default(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,n){var i=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),(0,h.default)(this.currentSlide_.el.offsetTop,0)),(0,h.default)(t.el.offsetTop,500,function(){i.currentSlide_.hide(),e&&i.currentSlide_.moveAfterLast(),i.el.style.overflow="auto",setTimeout(function(){n.call(i,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,n){var i=this;(0,h.default)(0,0);var a="slideInRight";e||(t.moveBeforeFirst(),a="slideInLeft"),this.currentSlide_&&(e&&this.currentSlide_.moveAfterLast(),this.currentSlide_.hide()),t.show(),this.initialised&&this.plugins.touch&&this.plugins.touch.isEnabled?(c.default.once(t.el,c.default.getAnimationEvent(),function(){t.el.classList.remove(a),n.call(i,t)}),t.el.classList.add(a)):n.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,c.default.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){y[e]=t}}]),e}();t.default=_},function(e,t,n){"use strict";var i=n(4),a=function(e){return e&&e.__esModule?e:{default:e}}(i);window.WebSlides=a.default},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s=function(){function e(t){i(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(o.default.once(t.el,"ws:init",this.play.bind(this)),document.body.addEventListener("focus",this.onFocus.bind(this)))}return a(e,[{key:"onFocus",value:function(){o.default.isFocusableElement()?this.stop():null===this.interval_&&this.play()}},{key:"play",value:function(e){"number"!=typeof 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.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],o=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){r.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(2),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",l=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],r=document.createElement("style");r.type="text/css",r.styleSheet?r.styleSheet.cssText=n:r.appendChild(document.createTextNode(n)),a.appendChild(r),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return a(e,[{key:"onKeyPress_",value:function(e){e.which===o.default.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=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.default=r},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(2),s=i(o),l=n(0),u=i(l),d=function(){function e(t){a(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(!u.default.isFocusableElement()){switch(e.which){case s.default.AV_PAGE:case s.default.SPACE:t=this.ws_.goNext;break;case s.default.RE_PAGE:t=this.ws_.goPrev;break;case s.default.HOME:t=this.ws_.goToSlide,n=0;break;case s.default.END:t=this.ws_.goToSlide,n=this.ws_.maxSlide_-1;break;case s.default.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case s.default.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case s.default.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case s.default.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext}t&&t.call(this.ws_,n)}}}]),e}();t.default=d},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(0),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},l={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},u=function(){function e(t){i(this,e);var n=t.isVertical?l.VERTICAL:l.HORIZONTAL;this.el=o.default.createNode("div","navigation"),this.next=e.createArrow(s.NEXT,n.NEXT),this.prev=e.createArrow(s.PREV,n.PREV),this.counter=o.default.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 a(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=o.default.createNode("a",e,t);return n.href="#",n.title="Arrow Keys",n}}]),e}();t.default=u},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var a=n(6),r=i(a),o=n(7),s=i(o),l=n(8),u=i(l),d=n(9),c=i(d),f=n(10),h=i(f),v=n(11),y=i(v),_=n(13),p=i(_),E=n(14),b=i(E),m=n(15),g=i(m),w=n(16),k=i(w);t.default={AutoSlide:r.default,ClickNav:s.default,Grid:u.default,Hash:c.default,Keyboard:h.default,Navigation:y.default,Scroll:p.default,Touch:b.default,Video:g.default,YouTube:k.default}},function(e,t,n){"use strict";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(3),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s=function(){function e(t){i(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,o.default.isAny()||(this.scrollContainer_.addEventListener("wheel",this.onMouseWheel_.bind(this)),t.isVertical||t.el.addEventListener("ws:slide-change",this.onSlideChange_.bind(this)))}return a(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.default=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")}Object.defineProperty(t,"__esModule",{value:!0});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}}(),r=n(3),o=function(e){return e&&e.__esModule?e:{default:e}}(r),s={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.default.isAny()&&(n=window.PointerEvent&&(o.default.isWindows()||o.default.isWindowsPhone())?s.pointer:s.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.END,this.onStop_.bind(this),!1))}return a(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.default=l},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(0),s=i(o),l=n(1),u=i(l),d=function(){function e(t){a(this,e),this.ws_=t;var n=s.default.toArray(this.ws_.el.querySelectorAll("video"));n.length&&n.forEach(function(n){if(n.hasAttribute("autoplay")){n.removeAttribute("autoplay"),n.pause(),n.currentTime=0;var i=u.default.getSectionFromEl(n),a=i.i,r=t.slides[a-1];r.video=n,r.el.addEventListener(l.Events.ENABLE,e.onSectionEnabled),r.el.addEventListener(l.Events.DISABLE,e.onSectionDisabled)}})}return r(e,null,[{key:"onSectionEnabled",value:function(e){e.detail.slide.video.play()}},{key:"onSectionDisabled",value:function(e){e.detail.slide.video.pause()}}]),e}();t.default=d},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0});var 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}}(),o=n(0),s=i(o),l=n(1),u=i(l),d=function(){function e(t){a(this,e),this.ready=!1,this.onReadyCb=null,this.slide=u.default.getSectionFromEl(t).section,this.autoplay=void 0!==t.dataset.autoplay,this.isMuted=void 0!==t.dataset.mute,this.options={videoId:t.dataset.youtubeId,playerVars:this.getPlayerVars(t),events:{onReady:this.onPlayerReady.bind(this)}},this.el=t,this.timeout=null,this.create()}return r(e,[{key:"destroy",value:function(){this.currentTime=this.player.getCurrentTime(),this.player.destroy(),this.player=null,this.el=this.slide.querySelector("[data-youtube]"),this.ready=!1}},{key:"create",value:function(){this.player=new YT.Player(this.el,this.options),this.el=this.player.getIframe()}},{key:"onPlayerReady",value:function(){this.ready=!0,this.currentTime&&(this.player.seekTo(this.currentTime,!0),this.player.pauseVideo(),this.currentTime=null),this.timeout&&1!==this.player.getPlayerState()&&this.play(),this.onReadyCb&&(this.onReadyCb(),this.onReadyCb=null)}},{key:"play",value:function(){var e=this;this.ready?(this.timeout=setTimeout(function(){e.timeout=null},1e3),this.isMuted?this.player.mute():this.player.unMute(),this.player.playVideo()):this.onReadyCb=this.play}},{key:"pause",value:function(){this.player&&this.player.pauseVideo&&1===this.player.getPlayerState()&&this.player.pauseVideo()}},{key:"getPlayerVars",value:function(e){var t={modestbranding:1,rel:0,origin:window.location.origin};return this.slide.classList.contains("fullscreen")&&(t.disablekb=1),void 0!==e.dataset.noControls&&(t.controls=0,t.showinfo=0),void 0!==e.dataset.loop&&(t.loop=1,t.playlist=e.dataset.youtubeId),t}}]),e}(),c=function(){function e(t){a(this,e),this.ws_=t,this.videos=s.default.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 d(n);if(void 0!==n.dataset.autoplay){var a=u.default.getSectionFromEl(i.el),r=a.i,o=t.ws_.slides[r-1];o.player=i,o.el.addEventListener(l.Events.ENABLE,e.onSlideEvent),o.el.addEventListener(l.Events.DISABLE,e.onSlideEvent),o.el.addEventListener(l.Events.ENTER,e.onSlideEvent),o.el.addEventListener(l.Events.LEAVE,e.onSlideEvent),t.ws_.currentSlide_===o&&e.onSectionEnabled(o)}})}},{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:"onSlideEvent",value:function(t){var n=t.detail.slide;switch(t.type){case l.Events.ENABLE:e.onSectionEnabled(n);break;case l.Events.DISABLE:e.onSectionDisabled(n);break;case l.Events.LEAVE:n.player.destroy();break;case l.Events.ENTER:n.player.create()}}},{key:"onSectionEnabled",value:function(e){e.player.autoplay&&e.player.play()}},{key:"onSectionDisabled",value:function(e){e.player.pause()}}]),e}();t.default=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});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},r=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.default=r},function(e,t,n){"use strict";function i(e){return.5-Math.cos(e*Math.PI)/2}function a(e){return e}Object.defineProperty(t,"__esModule",{value:!0}),t.default={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,a=o.scrollTop;if(!t)return o.scrollTop=e,void n();!function s(l){l+=16;var u=Math.min(1,l/t),d=r.default.swing(u,l*u,e,i,t);o.scrollTop=Math.floor(a+d*i),l<t?setTimeout(function(){return s(l)},16):n()}(0)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var a=n(18),r=function(e){return e&&e.__esModule?e:{default:e}}(a),o=document.getElementById("webslides")}]);
+=======
+!function(e){function t(n){if(i[n])return i[n].exports;var s=i[n]={i:n,l:!1,exports:{}};return e[n].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var i={};t.m=e,t.c=i,t.i=function(e){return e},t.d=function(e,i,n){t.o(e,i)||Object.defineProperty(e,i,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var i=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(i,"a",i),i},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/static/js/",t(t.s=5)}([function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(18),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a="",r="",l=function(){function e(){n(this,e)}return o(e,null,[{key:"createNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=document.createElement(e);return n.id=t,i&&(n.textContent=i),n}},{key:"once",value:function(e,t,i){var n=function n(s){s.target===e&&(e.removeEventListener(t,n),i(s))};e.addEventListener(t,n,!1)}},{key:"getTransitionEvent",value:function(){if(a)return a;for(var e=document.createElement("ws"),t={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"},i=Object.keys(t),n=0,s=i.length;n<s&&!a;n++){var o=i[n];void 0!==e.style[o]&&(a=t[o])}return a}},{key:"getAnimationEvent",value:function(){if(r)return r;for(var e=document.createElement("ws"),t={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"},i=Object.keys(t),n=0,s=i.length;n<s&&!r;n++){var o=i[n];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 i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new s.a(t,{detail:i});e.dispatchEvent(n)}},{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){var i=document.createElement(t);return e.parentElement.insertBefore(i,e),i.appendChild(e),i}},{key:"after",value:function(e,t){var i=t.parentNode;i.lastChild==t?i.appendChild(e):i.insertBefore(e,t.nextSibling)}}]),e}();t.a=l},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={SLIDE:"slide",CURRENT:"current"},r=function(){function e(t,i){n(this,e),this.el=t,this.parent=t.parentNode,this.i=i,this.onEnable_=[],this.onDisable_=[],this.el.id="section-"+(i+1),this.el.classList.add(a.SLIDE),this.hide()}return o(e,[{key:"hide",value:function(){s.a.hide(this.el),this.el.classList.remove(a.CURRENT)}},{key:"show",value:function(){s.a.show(this.el),this.el.classList.add(a.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,i=null,n=null;t.parentElement&&!t.classList.contains(a.SLIDE);)t=t.parentElement;return t.classList.contains(a.SLIDE)&&(i=t,n=parseInt(i.id.replace("section-",""),10)),{section:i,i:n}}}]),e}();t.a=r},function(e,t,i){"use strict";var n={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],ESCAPE:27};t.a=n},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=window.navigator.userAgent,a=function(){function e(){n(this,e)}return s(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=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(12),o=i(1),a=i(0),r=i(20),l=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),u={VERTICAL:"vertical",READY:"ws-ready",DISABLED:"disabled"},c={autoslide:s.a.AutoSlide,clickNav:s.a.ClickNav,grid:s.a.Grid,hash:s.a.Hash,keyboard:s.a.Keyboard,nav:s.a.Navigation,scroll:s.a.Scroll,touch:s.a.Touch,video:s.a.Video,youtube:s.a.YouTube,zoom:s.a.Zoom},h=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=t.autoslide,s=void 0!==i&&i,o=t.changeOnClick,a=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(n(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:s,changeOnClick:a,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 i=e[t];o.a.isCandidate(i)||this.el.removeChild(i)}}},{key:"createPlugins_",value:function(){var e=this;Object.keys(c).forEach(function(t){var i=c[t];e.plugins[t]=new i(e)})}},{key:"onInit_",value:function(){this.initialised=!0,a.a.fireEvent(this.el,"ws:init"),document.documentElement.classList.add(u.READY)}},{key:"grabSlides_",value:function(){this.slides=a.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 i=!1;null!==t?i=t:this.currentSlideI_>=0&&(i=e>this.currentSlideI_);var n=this.slides[e];null===this.currentSlide_||!this.isVertical||this.plugins.touch&&this.plugins.touch.isEnabled?this.transitionToSlide_(i,n,this.onSlideChange_):this.scrollTransitionToSlide_(i,n,this.onSlideChange_)}}},{key:"scrollTransitionToSlide_",value:function(e,t,n){var s=this;this.el.style.overflow="hidden",e?t.show():(t.moveBeforeFirst(),t.show(),i.i(r.a)(this.currentSlide_.el.offsetTop,0)),i.i(r.a)(t.el.offsetTop,500,function(){s.currentSlide_.hide(),e&&s.currentSlide_.moveAfterLast(),s.el.style.overflow="auto",setTimeout(function(){n.call(s,t)},150)})}},{key:"transitionToSlide_",value:function(e,t,n){var s=this;i.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?(a.a.once(t.el,a.a.getAnimationEvent(),function(){t.el.classList.remove(o),n.call(s,t)}),t.el.classList.add(o)):n.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,a.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:"toggleZoom",value:function(){this.plugins.zoom.toggleZoom()}},{key:"disable",value:function(){this.el.classList.add(u.DISABLED)}},{key:"enable",value:function(){this.el.classList.remove(u.DISABLED)}},{key:"isDisabled",value:function(){return this.el.classList.contains(u.DISABLED)}}],[{key:"registerPlugin",value:function(e,t){c[e]=t}}]),e}();t.a=h},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(4);window.WebSlides=n.a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a=function(){function e(t){n(this,e),this.ws_=t,this.interval_=null,this.time=this.ws_.options.autoslide,this.time&&(s.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(){s.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=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=["INPUT","SELECT","OPTION","BUTTON","A","TEXTAREA"],a=function(){function e(t){n(this,e),this.ws_=t,t.options.changeOnClick&&this.ws_.el.addEventListener("click",this.onClick_.bind(this))}return s(e,[{key:"onClick_",value:function(e){o.indexOf(e.target.tagName)<0&&void 0===e.target.dataset.preventNav&&this.ws_.goNext()}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(2),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAgMAAACdGdVrAAAACVBMVEUAAAAtXsUtXcPDDPUWAAAAA3RSTlMAZmHzZFkxAAAAFklEQVQI12MAA9bBR3ExhAJB1iooBQBGwgVEs/QtuAAAAABJRU5ErkJggg==",r=function(){function e(t){n(this,e),this.ws_=t;var i="body.baseline {\n                  background: url("+a+") left top .8rem/.8rem;\n                }",s=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",o.styleSheet?o.styleSheet.cssText=i:o.appendChild(document.createTextNode(i)),s.appendChild(o),document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return o(e,[{key:"onKeyPress_",value:function(e){e.which===s.a.ENTER&&document.body.classList.toggle("baseline")}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),o=function(){function e(t){n(this,e),this.ws_=t,t.el.addEventListener("ws:slide-change",e.onSlideChange_),window.addEventListener("hashchange",this.onHashChange_.bind(this),!1)}return s(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,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(2),o=i(0),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){n(this,e),this.ws_=t,document.addEventListener("keydown",this.onKeyPress_.bind(this),!1)}return a(e,[{key:"onKeyPress_",value:function(e){var t=void 0,i=void 0;if(!o.a.isFocusableElement()&&!this.ws_.isDisabled()){switch(e.which){case s.a.AV_PAGE:case s.a.SPACE:t=this.ws_.goNext;break;case s.a.RE_PAGE:t=this.ws_.goPrev;break;case s.a.HOME:t=this.ws_.goToSlide,i=0;break;case s.a.END:t=this.ws_.goToSlide,i=this.ws_.maxSlide_-1;break;case s.a.DOWN:t=this.ws_.isVertical?this.ws_.goNext:null;break;case s.a.UP:t=this.ws_.isVertical?this.ws_.goPrev:null;break;case s.a.LEFT:t=this.ws_.isVertical?null:this.ws_.goPrev;break;case s.a.RIGHT:t=this.ws_.isVertical?null:this.ws_.goNext}t&&t.call(this.ws_,i)}}}]),e}();t.a=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={NAV:"navigation",NEXT:"next",PREV:"previous",COUNTER:"counter"},r={VERTICAL:{NEXT:"↓",PREV:"↑"},HORIZONTAL:{NEXT:"→",PREV:"←"}},l=function(){function e(t){n(this,e);var i=t.isVertical?r.VERTICAL:r.HORIZONTAL;this.el=s.a.createNode("div","navigation"),this.next=e.createArrow(a.NEXT,i.NEXT),this.prev=e.createArrow(a.PREV,i.PREV),this.counter=e.createCounter(a.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)),this.counter.addEventListener("click",this.onButtonClicked_.bind(this))}},{key:"updateCounter",value:function(e,t){this.counter.childNodes[0].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():e.target===this.prev?this.ws_.goPrev():this.ws_.toggleZoom()}}],[{key:"createArrow",value:function(e,t){var i=s.a.createNode("a",e,t);return i.href="#",i.title="Arrow Keys",i}},{key:"createCounter",value:function(e){var t=s.a.createNode("span",e),i=document.createElement("a");return i.href="#",i.title="View all slides",t.appendChild(i),t}}]),e}();t.a=l},function(e,t,i){"use strict";var n=i(6),s=i(7),o=i(8),a=i(9),r=i(10),l=i(11),u=i(13),c=i(14),h=i(15),d=i(16),f=i(17);t.a={AutoSlide:n.a,ClickNav:s.a,Grid:o.a,Hash:a.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,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(3),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a=function(){function e(t){n(this,e),this.ws_=t,this.scrollContainer_=t.el,this.isGoingUp_=!1,this.isGoingLeft_=!1,this.timeout_=null,s.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_.isDisabled()){if(this.ws_.isMoving||this.timeout_)return void e.preventDefault();var t=e.deltaY,i=e.deltaX,n=this.ws_.isVertical,s=Math.abs(i)>Math.abs(t);if(this.isGoingUp_=t<0,this.isGoingLeft_=i<0,s){if(n)return;e.preventDefault()}(Math.abs(t)>=this.ws_.options.minWheelDelta||Math.abs(i)>=this.ws_.options.minWheelDelta)&&(s&&this.isGoingLeft_||!s&&this.isGoingUp_?this.ws_.goPrev():this.ws_.goNext(),e.preventDefault())}}}]),e}();t.a=a},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(3),o=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),a={touch:{START:"touchstart",MOVE:"touchmove",END:"touchend"},pointer:{START:"pointerdown",MOVE:"pointermove",END:"pointerup"}},r=function(){function e(t){n(this,e),this.ws_=t,this.startX_=0,this.startY_=0,this.endX_=0,this.endY_=0,this.isEnabled=!1,this.isGesture=!1,this.startTouches=[],this.endTouches=[];var i=void 0;s.a.isAny()&&(i=window.PointerEvent&&(s.a.isWindows()||s.a.isWindowsPhone())?a.pointer:a.touch,this.isEnabled=!0,document.addEventListener(i.START,this.onStart_.bind(this),!1),document.addEventListener(i.MOVE,this.onMove_.bind(this),!1),document.addEventListener(i.END,this.onStop_.bind(this),!1))}return o(e,[{key:"onStart_",value:function(t){if(!this.ws_.isDisabled()){var i=e.normalizeEventInfo(t);1==t.touches.length?(this.startX_=i.x,this.startY_=i.y,this.endX_=i.x,this.endY_=i.y):t.touches.length>1&&(this.startTouches=this.getTouchCoorinates(t),this.endTouches=this.startTouches,this.isGesture=!0)}}},{key:"onMove_",value:function(t){if(!this.ws_.isDisabled()){var i=e.normalizeEventInfo(t);this.isGesture?this.endTouches=this.getTouchCoorinates(t):(this.endX_=i.x,this.endY_=i.y)}}},{key:"onStop_",value:function(){if(!this.ws_.isDisabled())if(this.isGesture){var e=Math.sqrt(Math.pow(this.startTouches[0].x-this.startTouches[1].x,2)+Math.pow(this.startTouches[0].y-this.startTouches[1].y,2)),t=Math.sqrt(Math.pow(this.endTouches[0].x-this.endTouches[1].x,2)+Math.pow(this.endTouches[0].y-this.endTouches[1].y,2));e>t&&this.ws_.toggleZoom(),this.isGesture=!1}else{var i=this.startX_-this.endX_,n=this.startY_-this.endY_;Math.abs(i)>Math.abs(n)&&(i<-this.ws_.options.slideOffset?this.ws_.goPrev():i>this.ws_.options.slideOffset&&this.ws_.goNext())}}},{key:"getTouchCoorinates",value:function(e){return[{x:e.touches[0].clientX,y:e.touches[0].clientY},{x:e.touches[1].clientX,y:e.touches[1].clientY}]}}],[{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=r},function(e,t,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(1),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){n(this,e),this.ws_=t;var i=s.a.toArray(this.ws_.el.querySelectorAll("video"));i.length&&i.forEach(function(i){i.removeAttribute("autoplay");var n=o.a.getSectionFromEl(i),s=n.i,a=t.slides[s-1];a.video=i,a.onEnable(e.onSectionEnabled),a.onDisable(e.onSectionDisabled)})}return a(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,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(1),a=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),r=function(){function e(t){var i=this;n(this,e),this.ready=!1,this.onReadyC=null,this.slide=o.a.getSectionFromEl(t).section;var s=this.getPlayerVars(t);this.player=new YT.Player(t,{videoId:t.dataset.youtubeId,playerVars:s,events:{onReady:function(){i.ready=!0,i.timeout&&1!==i.player.getPlayerState()&&i.play(),i.onReadyC&&(i.onReadyC(),i.onReadyC=null)}}}),this.el=this.player.getIframe(),this.timeout=null}return a(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){n(this,e),this.ws_=t,this.videos=s.a.toArray(this.ws_.el.querySelectorAll("[data-youtube")),this.videos.length&&this.inject()}return a(e,[{key:"onYTReady",value:function(){var t=this;this.videos.forEach(function(i){var n=new r(i);if(void 0!==i.dataset.autoplay){var s=o.a.getSectionFromEl(n.el),a=s.i,l=t.ws_.slides[a-1];l.player=n,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,i){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var s=i(0),o=i(2),a=i(1),r=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),l={ZOOM:"grid",DIV:"column",WRAP:"wrap-zoom"},u=function(){function e(t){n(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)||e.which==o.a.ESCAPE)&&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_.el.addEventListener("click",function(){return e.toggleZoom()}),this.zws_.slides=[].map.call(this.ws_.slides,function(t,i){var n=t.el.cloneNode(!0);return e.zws_.el.appendChild(n),new a.a(n,i)}),s.a.hide(this.zws_.el),s.a.after(this.zws_.el,this.ws_.el),this.zws_.slides.forEach(function(t){return e.createSlideBlock_(t)})}},{key:"createSlideBlock_",value:function(e){var t=this,i=s.a.wrap(e.el,"div");i.className=l.WRAP;var n=s.a.wrap(i,"div");n.className=l.DIV;var o=document.createElement("div");o.className="zoom-layer",o.addEventListener("click",function(i){i.stopPropagation(),t.zoomOut(),t.ws_.goToSlide(e.i)}),i.appendChild(o);var a=document.createElement("span");a.className="slide-number",a.textContent=""+(e.i+1),n.appendChild(a),this.setSizes_(n,i,e)}},{key:"setSizes_",value:function(e,t,i){var n=window.getComputedStyle(e),o=s.a.parseSize(n.paddingLeft)+s.a.parseSize(n.paddingRight),a=s.a.parseSize(n.paddingTop)+s.a.parseSize(n.paddingBottom),r=n.width.includes("%")?100/s.a.parseSize(n.width):window.innerWidth/s.a.parseSize(n.width);if(1==r){var l=this.ws_.el.clientWidth;i.el.style.width=2*(l-o)+"px",i.el.style.height=1.5*(l-a)+"px",i.el.style.minHeight=1==r?"auto":"",t.style.height=1.5*(l-a)/2+"px"}else i.el.style.width=window.innerWidth-o*r+"px",i.el.style.height=window.innerHeight-a*r+"px",t.style.height=window.innerHeight/r+"px"}},{key:"toggleZoom",value:function(){this.isZoomed_?this.zoomOut():this.zoomIn()}},{key:"zoomIn",value:function(){var e=this;this.ws_.el.classList.add("zooming","in"),this.zws_.el.classList.add("zooming","in"),s.a.show(this.zws_.el),setTimeout(function(){e.ws_.el.classList.remove("zooming","in"),e.zws_.el.classList.remove("zooming","in"),e.ws_.disable()},400),this.isZoomed_=!0,document.body.style.overflow="auto"}},{key:"zoomOut",value:function(){var e=this;this.ws_.el.classList.add("zooming","out"),this.zws_.el.classList.add("zooming","out"),setTimeout(function(){e.ws_.el.classList.remove("zooming","out"),e.zws_.el.classList.remove("zooming","out"),s.a.hide(e.zws_.el),e.ws_.enable()},400),this.isZoomed_=!1,document.body.style.overflow=""}},{key:"onWindowResize",value:function(e){var t=this;this.isZoomed_&&this.zoomOut(),this.zws_.slides.forEach(function(e){var i=e.el.parentElement,n=i.parentElement;t.setSizes_(n,i,e)})}}]),e}();t.a=u},function(e,t,i){"use strict";var n=window.CustomEvent,s=function(e,t){var i=document.createEvent("CustomEvent");return t?i.initCustomEvent(e,t.bubbles,t.cancelable,t.detail):i.initCustomEvent(e,!1,!1,void 0),i},o=function(){try{var e=new n("t",{detail:{a:"b"}});return"t"===e.type&&"b"===e.detail.a}catch(e){}return!1}()?n:s;t.a=o},function(e,t,i){"use strict";function n(e){return.5-Math.cos(e*Math.PI)/2}function s(e){return e}t.a={swing:n,linear:s}},function(e,t,i){"use strict";function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},n=e-o.scrollTop,a=o.scrollTop;if(!t)return o.scrollTop=e,void i();!function r(l){l+=16;var u=Math.min(1,l/t),c=s.a.swing(u,l*u,e,n,t);o.scrollTop=Math.floor(a+c*n),l<t?setTimeout(function(){return r(l)},16):i()}(0)}var s=i(19);t.a=n;var o=document.getElementById("webslides")}]);
+>>>>>>> feature/zoom