blueimp-gallery 0.0.1

data/vendor/assets/javascripts/blueimp-helper.js

@@ -0,0 +1,187 @@
+/*
+ * blueimp helper JS 1.1.0
+ * https://github.com/blueimp/Gallery
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+/*global define, window, document */
+
+(function () {
+    'use strict';
+
+    function extend(obj1, obj2) {
+        var prop;
+        for (prop in obj2) {
+            if (obj2.hasOwnProperty(prop)) {
+                obj1[prop] = obj2[prop];
+            }
+        }
+        return obj1;
+    }
+
+    function Helper(query) {
+        if (!this || this.find !== Helper.prototype.find) {
+            // Called as function instead of as constructor,
+            // so we simply return a new instance:
+            return new Helper(query);
+        }
+        this.length = 0;
+        if (query) {
+            if (typeof query === 'string') {
+                query = this.find(query);
+            }
+            if (query.nodeType || query === query.window) {
+                // Single HTML element
+                this.length = 1;
+                this[0] = query;
+            } else {
+                // HTML element collection
+                var i = query.length;
+                this.length = i;
+                while (i) {
+                    i -= 1;
+                    this[i] = query[i];
+                }
+            }
+        }
+    }
+
+    Helper.extend = extend;
+
+    Helper.contains = function (container, element) {
+        do {
+            element = element.parentNode;
+            if (element === container) {
+                return true;
+            }
+        } while (element);
+        return false;
+    };
+
+    Helper.parseJSON = function (string) {
+        return window.JSON && JSON.parse(string);
+    };
+
+    extend(Helper.prototype, {
+
+        find: function (query) {
+            var container = this[0] || document;
+            if (typeof query === 'string') {
+                if (container.querySelectorAll) {
+                    query = container.querySelectorAll(query);
+                } else if (query.charAt(0) === '#') {
+                    query = container.getElementById(query.slice(1));
+                } else {
+                    query = container.getElementsByTagName(query);
+                }
+            }
+            return new Helper(query);
+        },
+
+        hasClass: function (className) {
+            if (!this[0]) {
+                return false;
+            }
+            return new RegExp('(^|\\s+)' + className +
+                '(\\s+|$)').test(this[0].className);
+        },
+
+        addClass: function (className) {
+            var i = this.length,
+                element;
+            while (i) {
+                i -= 1;
+                element = this[i];
+                if (!element.className) {
+                    element.className = className;
+                    return this;
+                }
+                if (this.hasClass(className)) {
+                    return this;
+                }
+                element.className += ' ' + className;
+            }
+            return this;
+        },
+
+        removeClass: function (className) {
+            var regexp = new RegExp('(^|\\s+)' + className + '(\\s+|$)'),
+                i = this.length,
+                element;
+            while (i) {
+                i -= 1;
+                element = this[i];
+                element.className = element.className.replace(regexp, ' ');
+            }
+            return this;
+        },
+
+        on: function (eventName, handler) {
+            var eventNames = eventName.split(/\s+/),
+                i,
+                element;
+            while (eventNames.length) {
+                eventName = eventNames.shift();
+                i = this.length;
+                while (i) {
+                    i -= 1;
+                    element = this[i];
+                    if (element.addEventListener) {
+                        element.addEventListener(eventName, handler, false);
+                    } else if (element.attachEvent) {
+                        element.attachEvent('on' + eventName, handler);
+                    }
+                }
+            }
+            return this;
+        },
+
+        off: function (eventName, handler) {
+            var eventNames = eventName.split(/\s+/),
+                i,
+                element;
+            while (eventNames.length) {
+                eventName = eventNames.shift();
+                i = this.length;
+                while (i) {
+                    i -= 1;
+                    element = this[i];
+                    if (element.removeEventListener) {
+                        element.removeEventListener(eventName, handler, false);
+                    } else if (element.detachEvent) {
+                        element.detachEvent('on' + eventName, handler);
+                    }
+                }
+            }
+            return this;
+        },
+
+        empty: function () {
+            var i = this.length,
+                element;
+            while (i) {
+                i -= 1;
+                element = this[i];
+                while (element.hasChildNodes()) {
+                    element.removeChild(element.lastChild);
+                }
+            }
+            return this;
+        }
+
+    });
+
+    if (typeof define === 'function' && define.amd) {
+        define(function () {
+            return Helper;
+        });
+    } else {
+        window.blueimp = window.blueimp || {};
+        window.blueimp.helper = Helper;
+    }
+}());

data/vendor/assets/javascripts/jquery.blueimp-gallery.js

@@ -0,0 +1,75 @@
+/*
+ * blueimp Gallery jQuery plugin 1.1.0
+ * https://github.com/blueimp/Gallery
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+/*global define, window, document */
+
+(function (factory) {
+    'use strict';
+    if (typeof define === 'function' && define.amd) {
+        define([
+            'jquery',
+            './blueimp-gallery.js'
+        ], factory);
+    } else {
+        factory(
+            window.jQuery,
+            window.blueimp.Gallery
+        );
+    }
+}(function ($, Gallery) {
+    'use strict';
+
+    // Global click handler to open links with data-gallery attribute
+    // in the Gallery lightbox:
+    $(document.body).on('click', '[data-gallery]', function (event) {
+        // Get the container id from the data-gallery attribute:
+        var id = $(this).data('gallery'),
+            widget = $(id),
+            container = (widget.length && widget) ||
+                $(Gallery.prototype.options.container),
+            options = $.extend(
+                // Retrieve custom options from data-attributes
+                // on the Gallery widget:
+                container.data(),
+                {
+                    container: container[0],
+                    index: this,
+                    event: event,
+                    onopen: function () {
+                        container
+                            .data('gallery', this)
+                            .trigger('open', arguments);
+                    },
+                    onslide: function () {
+                        container.trigger('slide', arguments);
+                    },
+                    onslideend: function () {
+                        container.trigger('slideend', arguments);
+                    },
+                    onslidecomplete: function () {
+                        container.trigger('slidecomplete', arguments);
+                    },
+                    onclose: function () {
+                        container
+                            .trigger('close')
+                            .removeData('gallery');
+                    }
+                }
+            ),
+            // Select all links with the same data-gallery attribute:
+            links = $('[data-gallery="' + id + '"]');
+        if (options.filter) {
+            links = links.filter(options.filter);
+        }
+        return new Gallery(links, options);
+    });
+
+}));

data/vendor/assets/stylesheets/blueimp-gallery-all.css

@@ -0,0 +1,5 @@
+/*
+*= require blueimp-gallery.css
+*= require blueimp-gallery-indicator
+*= require blueimp-gallery-video
+*/

data/vendor/assets/stylesheets/blueimp-gallery-indicator.css

@@ -0,0 +1,70 @@
+@charset 'UTF-8';
+/*
+ * blueimp Gallery Indicator CSS 1.0.1
+ * https://github.com/blueimp/Gallery
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.blueimp-gallery > .indicator {
+  position: absolute;
+  top: auto;
+  right: 15px;
+  bottom: 15px;
+  left: 15px;
+  margin: 0 40px;
+  padding: 0;
+  list-style: none;
+  text-align: center;
+  line-height: 10px;
+  display: none;
+}
+.blueimp-gallery > .indicator > li {
+  display: inline-block;
+  width: 9px;
+  height: 9px;
+  margin: 6px 3px 0 3px;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+  border: 1px solid transparent;
+  background: #ccc;
+  background: rgba(255, 255, 255, 0.25) center no-repeat;
+  border-radius: 5px;
+  box-shadow: 0 0 2px #000;
+  opacity: 0.5;
+  cursor: pointer;
+}
+.blueimp-gallery > .indicator > .active {
+  background-color: #fff;
+  border-color: #fff;
+  opacity: 0.8;
+}
+.blueimp-gallery-controls > .indicator {
+  display: block;
+  /* Fix z-index issues (controls behind slide element) on Android: */
+  -webkit-transform: translateZ(0);
+     -moz-transform: translateZ(0);
+      -ms-transform: translateZ(0);
+       -o-transform: translateZ(0);
+          transform: translateZ(0);
+}
+.blueimp-gallery-single > .indicator {
+  display: none;
+}
+.blueimp-gallery > .indicator {
+  -webkit-user-select: none;
+   -khtml-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+/* IE7 fixes */
+*+html .blueimp-gallery > .indicator > li {
+  display: inline;
+}

data/vendor/assets/stylesheets/blueimp-gallery-video.css

@@ -0,0 +1,69 @@
+@charset 'UTF-8';
+/*
+ * blueimp Gallery Video Factory CSS 1.0.0
+ * https://github.com/blueimp/Gallery
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.blueimp-gallery > .slides > .slide > .video-content > video,
+.blueimp-gallery > .slides > .slide > .video-content > img {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  /* Prevent artifacts in Mozilla Firefox: */
+  -moz-backface-visibility: hidden;
+}
+.blueimp-gallery > .slides > .slide > .video-content > video,
+.blueimp-gallery > .slides > .slide > .video-content > img {
+  margin: auto;
+  max-width: 100%;
+  max-height: 100%;
+  opacity: 1;
+}
+.blueimp-gallery > .slides > .slide > .video-content > a {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  margin: -64px auto 0;
+  width: 128px;
+  height: 128px;
+  background: url("video-play.png") center no-repeat;
+  opacity: 0.8;
+  cursor: pointer;
+}
+.blueimp-gallery > .slides > .slide > .video-playing > a,
+.blueimp-gallery > .slides > .slide > .video-playing > img {
+  display: none;
+}
+.blueimp-gallery > .slides > .slide > .video-content > video {
+  display: none;
+}
+.blueimp-gallery > .slides > .slide > .video-playing > video {
+  display: block;
+}
+.blueimp-gallery > .slides > .slide > .video-loading > a {
+  background: url("loading.gif") center no-repeat;
+  background-size: 64px 64px;
+}
+
+/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
+body:last-child .blueimp-gallery > .slides > .slide > .video-content > a {
+  background-image: url("video-play.svg");
+}
+
+/* IE7 fixes */
+*+html .blueimp-gallery > .slides > .slide > .video-content {
+  height: 100%;
+}
+*+html .blueimp-gallery > .slides > .slide > .video-content > a {
+  left: 50%;
+  margin-left: -64px;
+}

data/vendor/assets/stylesheets/blueimp-gallery.css

@@ -0,0 +1,219 @@
+@charset 'UTF-8';
+/*
+ * blueimp Gallery CSS 2.5.2
+ * https://github.com/blueimp/Gallery
+ *
+ * Copyright 2013, Sebastian Tschan
+ * https://blueimp.net
+ *
+ * Licensed under the MIT license:
+ * http://www.opensource.org/licenses/MIT
+ */
+
+.blueimp-gallery,
+.blueimp-gallery > .slides > .slide > .slide-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  /* Prevent artifacts in Mozilla Firefox: */
+  -moz-backface-visibility: hidden;
+}
+.blueimp-gallery > .slides > .slide > .slide-content {
+  margin: auto;
+  max-width: 100%;
+  max-height: 100%;
+  opacity: 1;
+}
+.blueimp-gallery {
+  position: fixed;
+  z-index: 9999;
+  overflow: hidden;
+  background: #000;
+  background: rgba(0, 0, 0, 0.9);
+  opacity: 0;
+  visibility: hidden;
+  display: none;
+  direction: ltr;
+  -ms-touch-action: none;
+}
+.blueimp-gallery-carousel {
+  position: relative;
+  z-index: auto;
+  height: 432px;
+  max-width: 768px;
+  margin: 1em auto;
+  box-shadow: 0 0 10px #000;
+}
+.blueimp-gallery-display {
+  display: block;
+  visibility: visible;
+  opacity: 1;
+}
+.blueimp-gallery > .slides {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+}
+.blueimp-gallery > .slides > .slide {
+  position: relative;
+  float: left;
+  height: 100%;
+  text-align: center;
+  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
+     -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
+      -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
+       -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000); 
+          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
+}
+.blueimp-gallery,
+.blueimp-gallery > .slides > .slide > .slide-content {
+  -webkit-transition: opacity 0.5s linear;
+     -moz-transition: opacity 0.5s linear;
+      -ms-transition: opacity 0.5s linear;
+       -o-transition: opacity 0.5s linear;
+          transition: opacity 0.5s linear;
+}
+.blueimp-gallery > .slides > .slide-loading {
+  background: url("loading.gif") center no-repeat;
+  background-size: 64px 64px;
+}
+.blueimp-gallery > .slides > .slide-loading > .slide-content {
+  opacity: 0;
+}
+.blueimp-gallery > .slides > .slide-error {
+  background: url("error.png") center no-repeat;
+}
+.blueimp-gallery > .slides > .slide-error > .slide-content {
+  display: none;
+}
+.blueimp-gallery > .prev,
+.blueimp-gallery > .next {
+  position: absolute;
+  top: 50%;
+  left: 15px;
+  width: 40px;
+  height: 40px;
+  margin-top: -23px;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-size: 60px;
+  font-weight: 100;
+  line-height: 30px;
+  color: #fff;
+  text-decoration: none;
+  text-shadow: 0 0 2px #000;
+  text-align: center;
+  background: #222;
+  background: rgba(0, 0, 0, 0.5);
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+  border: 3px solid #fff;
+  -webkit-border-radius: 23px;
+     -moz-border-radius: 23px;
+          border-radius: 23px;
+  opacity: 0.5;
+  cursor: pointer;
+  display: none;
+}
+.blueimp-gallery > .next {
+  left: auto;
+  right: 15px;
+}
+.blueimp-gallery > .close,
+.blueimp-gallery > .title {
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  margin: 0 40px 0 0;
+  font-size: 20px;
+  line-height: 30px;
+  color: #fff;
+  text-shadow: 0 0 2px #000;
+  opacity: 0.8;
+  display: none;
+}
+.blueimp-gallery > .close {
+  padding: 15px;
+  right: 15px;
+  left: auto;
+  margin: -15px;
+  font-size: 30px;
+  text-decoration: none;
+  cursor: pointer;
+}
+.blueimp-gallery > .play-pause {
+  position: absolute;
+  right: 15px;
+  bottom: 15px;
+  width: 15px;
+  height: 15px;
+  background: url(../img/"play-pause.png") 0 0 no-repeat;
+  cursor: pointer;
+  opacity: 0.5;
+  display: none;
+}
+.blueimp-gallery-playing > .play-pause {
+  background-position: -15px 0;
+}
+.blueimp-gallery-controls > .prev,
+.blueimp-gallery-controls > .next,
+.blueimp-gallery-controls > .close,
+.blueimp-gallery-controls > .title,
+.blueimp-gallery-controls > .play-pause {
+  display: block;
+  /* Fix z-index issues (controls behind slide element) on Android: */
+  -webkit-transform: translateZ(0);
+     -moz-transform: translateZ(0);
+      -ms-transform: translateZ(0);
+       -o-transform: translateZ(0);
+          transform: translateZ(0);
+}
+.blueimp-gallery-single > .prev,
+.blueimp-gallery-left > .prev,
+.blueimp-gallery-single > .next,
+.blueimp-gallery-right > .next,
+.blueimp-gallery-single > .play-pause {
+  display: none;
+}
+.blueimp-gallery > .slides > .slide > .slide-content,
+.blueimp-gallery > .prev,
+.blueimp-gallery > .next,
+.blueimp-gallery > .close,
+.blueimp-gallery > .play-pause {
+  -webkit-user-select: none;
+   -khtml-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
+body:last-child .blueimp-gallery > .slides > .slide-error {
+  background-image: url("error.svg");
+}
+body:last-child .blueimp-gallery > .play-pause {
+  width: 20px;
+  height: 20px;
+  background-size: 40px 20px;
+  background-image: url(../img/"play-pause.svg");
+}
+body:last-child .blueimp-gallery-playing > .play-pause {
+  background-position: -20px 0;
+}
+
+@media (max-width: 767px) {
+  .blueimp-gallery-carousel {
+    height: 270px;
+    max-width: 480px;
+  }
+}
+
+/* IE7 fixes */
+*+html .blueimp-gallery > .slides > .slide {
+  min-height: 300px;
+}
+*+html .blueimp-gallery > .slides > .slide > .slide-content {
+  position: relative;
+}