jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/hs.bg-video.js

@@ -0,0 +1,70 @@
+/**
+ * Background video wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSBgVideo = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Video and audio wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+          $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initBgVideo();
+
+      return this.pageCollection;
+
+    },
+
+    initBgVideo: function () {
+      //Variables
+      var $this = this,
+          collection = $this.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $bgVideo = $(el);
+
+        $bgVideo.hsBgVideo();
+
+        //Add object to collection
+        collection = collection.add($bgVideo);
+      });
+    }
+  }
+
+})(jQuery);

data/assets/js/components/hs.carousel-materialize.js

@@ -0,0 +1,75 @@
+/**
+ * Carousel Materialize wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSCarouselMaterialize = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      dist: -50
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Carousel wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+          $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initCarouselMaterialize();
+
+      return this.pageCollection;
+
+    },
+
+    initCarouselMaterialize: function () {
+      //Variables
+      var $self = this,
+          config = $self.config,
+          collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el);
+
+        $this.materializeCarousel({
+          dist: -50
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+  }
+
+})(jQuery);

data/assets/js/components/hs.carousel-owl.js

@@ -0,0 +1,89 @@
+/**
+ * Carousel wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSCarouselOwl = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Owl Carousel wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+          $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initOwlCarousel();
+
+      return this.pageCollection;
+
+    },
+
+    initOwlCarousel: function () {
+      //Variables
+      var $self, config, collection;
+      //Variables values
+      $self = this;
+      config = $self.config;
+      collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+            setAutoplay = $this.data('autoplay'),
+            setAnimateIn = $this.data('animate-in'),
+            setAnimateOut = $this.data('animate-out');
+
+        $this.owlCarousel({
+          loop: true,
+          items: 1,
+          autoplay: setAutoplay ? true : config['autoplay'],
+          animateIn: setAnimateIn ? setAnimateIn : false,
+          animateOut: setAnimateOut ? setAnimateOut : false,
+          onTranslate: function(event) {
+            $(event.target.children[0].children).addClass('js-origin');
+          },
+          onTranslated: function(event) {
+            $(event.target.children[0].children).removeClass('js-origin');
+          }
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  }
+
+})(jQuery);

data/assets/js/components/hs.carousel-swiper.js

@@ -0,0 +1,123 @@
+/**
+ * Carousel wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  //Back Slide Effect
+  Swiper.prototype.plugins.backSlide = function (swiper) {
+    if (swiper.params.effect !== 'backSlide') return;
+
+    return {
+      onSetTranslate: function () {
+        var slidesWrapper = swiper.wrapper;
+
+        $(slidesWrapper).addClass('js-origin');
+      },
+      onSetTransition: function () {
+        var slideActive = swiper.slides[swiper.activeIndex],
+            nextIndex = function () {
+              if (swiper.activeIndex - 1 != -1) {
+                return swiper.activeIndex - 1;
+              } else {
+                return 0;
+              }
+            },
+            slideNext = swiper.slides[nextIndex()];
+
+        console.log(swiper.slides[swiper.activeIndex - 1]);
+
+        $(slideActive).addClass('js-back-slide-in');
+        $(slideNext).addClass('js-back-slide-out');
+      },
+      onTransitionEnd: function () {
+        var slidesWrapper = swiper.wrapper;
+
+        setTimeout(function() {
+          $(slidesWrapper).removeClass('js-origin');
+
+          for (var i = 0; i < swiper.slides.length; i++) {
+            var allSlides = swiper.slides[i];
+
+            $(allSlides).removeClass('js-back-slide-in js-back-slide-out');
+          }
+        }, 800);
+      }
+    };
+  };
+
+  $.HSCore.components.HSCarouselSwiper = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Carousel Swiper wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+          $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initCarouselSwiper();
+
+      return this.pageCollection;
+    },
+
+    initCarouselSwiper: function () {
+      //Variables
+      var $self, config, collection;
+      //Variables values
+      $self = this;
+      config = $self.config;
+      collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+            setAutoplay = $this.data('autoplay'),
+            setEffect = $this.data('effect');
+
+        i = new Swiper(el, {
+          slidesPerView: 1,
+          loop: true,
+          autoplay: setAutoplay ? 2000 : false,
+
+          effect: setEffect ? setEffect : 'slide'
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  }
+
+})(jQuery);

data/assets/js/components/hs.carousel.js

@@ -0,0 +1,283 @@
+/**
+ * Carousel wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSCarousel = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      autoplay: false,
+      infinite: true
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Carousel wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+
+      this.collection = selector && $(selector).length ? $(selector) : $();
+      if (!$(selector).length) return;
+
+      this.config = config && $.isPlainObject(config) ?
+        $.extend({}, this._baseConfig, config) : this._baseConfig;
+
+      this.config.itemSelector = selector;
+
+      this.initCarousel();
+
+      return this.pageCollection;
+
+    },
+
+    initCarousel: function () {
+      //Variables
+      var $self = this,
+        config = $self.config,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el),
+          id = $this.attr('id'),
+
+          //Markup elements
+          target = $this.data('nav-for'),
+          isThumb = $this.data('is-thumbs'),
+          arrowsClasses = $this.data('arrows-classes'),
+          arrowLeftClasses = $this.data('arrow-left-classes'),
+          arrowRightClasses = $this.data('arrow-right-classes'),
+          pagiClasses = $this.data('pagi-classes'),
+          pagiHelper = $this.data('pagi-helper'),
+          $pagiIcons = $this.data('pagi-icons'),
+          $prevMarkup = '<div class="js-prev ' + arrowsClasses + ' ' + arrowLeftClasses + '"></div>',
+          $nextMarkup = '<div class="js-next ' + arrowsClasses + ' ' + arrowRightClasses + '"></div>',
+
+          //Setters
+          setSlidesToShow = $this.data('slides-show'),
+          setSlidesToScroll = $this.data('slides-scroll'),
+          setAutoplay = $this.data('autoplay'),
+          setAnimation = $this.data('animation'),
+          setEasing = $this.data('easing'),
+          setFade = $this.data('fade'),
+          setSpeed = $this.data('speed'),
+          setSlidesRows = $this.data('rows'),
+          setCenterMode = $this.data('center-mode'),
+          setCenterPadding = $this.data('center-padding'),
+          setPauseOnHover = $this.data('pause-hover'),
+          setVariableWidth = $this.data('variable-width'),
+          setInitialSlide = $this.data('initial-slide'),
+          setVertical = $this.data('vertical'),
+          setRtl = $this.data('rtl'),
+          setInEffect = $this.data('in-effect'),
+          setOutEffect = $this.data('out-effect'),
+          setInfinite = $this.data('infinite'),
+          setDataTitlePosition = $this.data('title-pos-inside'),
+          setFocusOnSelect = $this.data('focus-on-select'),
+          setLazyLoad = $this.data('lazy-load');
+
+        $this.on('init', function (event, slick) {
+          $(slick.$slides).css('height', 'auto');
+        });
+
+        if (setInEffect && setOutEffect) {
+          $this.on('init', function (event, slick) {
+            $(slick.$slides).addClass('single-slide');
+          });
+        }
+
+        if (pagiHelper) {
+          $this.on('init', function (event, slick) {
+            var $pagination = $this.find('.js-pagination');
+
+            if (!$pagination.length) return;
+
+            $pagination.append('<span class="u-dots-helper"></span>');
+          });
+        }
+
+        if (isThumb) {
+          $('#' + id).on('click', '.js-slide', function (e) {
+            e.stopPropagation();
+            //Variables
+            var i;
+
+            //Variables values
+            i = $(this).data('slick-index');
+
+            if ($('#' + id).slick('slickCurrentSlide') !== i) {
+              $('#' + id).slick('slickGoTo', i);
+            }
+          });
+        }
+
+        $this.on('init', function (event, slider) {
+          var $pagination = $this.find('.js-pagination');
+
+          if (!$pagination.length) return;
+
+          $($pagination[0].children[0]).addClass('slick-current');
+        });
+
+        $this.slick({
+          autoplay: setAutoplay ? true : false,
+          autoplaySpeed: setSpeed ? setSpeed : 3000,
+
+          cssEase: setAnimation ? setAnimation : 'ease',
+          easing: setEasing ? setEasing : 'linear',
+          fade: setFade ? true : false,
+
+          infinite: setInfinite ? true : false,
+          initialSlide: setInitialSlide ? setInitialSlide - 1 : 0,
+          slidesToShow: setSlidesToShow ? setSlidesToShow : 1,
+          slidesToScroll: setSlidesToScroll ? setSlidesToScroll : 1,
+          centerMode: setCenterMode ? true : false,
+          variableWidth: setVariableWidth ? true : false,
+          pauseOnHover: setPauseOnHover ? true : false,
+          rows: setSlidesRows ? setSlidesRows : 1,
+          vertical: setVertical ? true : false,
+          verticalSwiping: setVertical ? true : false,
+          rtl: setRtl ? true : false,
+          centerPadding: setCenterPadding ? setCenterPadding : 0,
+          focusOnSelect: setFocusOnSelect ? true : false,
+          lazyLoad: setLazyLoad ? setLazyLoad : false,
+
+          asNavFor: target ? target : false,
+          prevArrow: arrowsClasses ? $prevMarkup : false,
+          nextArrow: arrowsClasses ? $nextMarkup : false,
+          dots: pagiClasses ? true : false,
+          dotsClass: 'js-pagination ' + pagiClasses,
+          customPaging: function (slider, i) {
+            var title = $(slider.$slides[i]).data('title');
+
+            if (title && $pagiIcons) {
+              return '<span>' + title + '</span>' + $pagiIcons;
+            } else if ($pagiIcons) {
+              return '<span></span>' + $pagiIcons;
+            } else if (title && setDataTitlePosition) {
+              return '<span>' + title + '</span>';
+            } else if (title && !setDataTitlePosition) {
+              return '<span></span>' + '<strong class="u-dot-title">' + title + '</strong>';
+            } else {
+              return '<span></span>';
+            }
+          }
+        });
+
+        $this.on('beforeChange', function (event, slider, currentSlide, nextSlide) {
+          var $pagination = $this.find('.js-pagination');
+
+          if (!$pagination.length) return;
+
+          if (currentSlide > nextSlide) {
+            $($pagination[0].children).removeClass('slick-active-right');
+            $($pagination[0].children[nextSlide]).addClass('slick-active-right');
+          } else {
+            $($pagination[0].children).removeClass('slick-active-right');
+          }
+
+          $($pagination[0].children).removeClass('slick-current');
+          setTimeout(function () {
+            $($pagination[0].children[nextSlide]).addClass('slick-current');
+          }, .25);
+        });
+
+        if (setInEffect && setOutEffect) {
+          $this.on('afterChange', function (event, slick, currentSlide, nextSlide) {
+            $(slick.$slides).removeClass('animated set-position ' + setInEffect + ' ' + setOutEffect);
+          });
+
+          $this.on('beforeChange', function (event, slick, currentSlide) {
+            $(slick.$slides[currentSlide]).addClass('animated ' + setOutEffect);
+          });
+
+          $this.on('setPosition', function (event, slick) {
+            $(slick.$slides[slick.currentSlide]).addClass('animated set-position ' + setInEffect);
+          });
+        }
+
+        //Actions
+        collection = collection.add($this);
+      });
+    },
+
+    /**
+     * Implementation of text animation.
+     *
+     * @param jQuery carousel
+     * @param String textAnimationSelector
+     *
+     * @requires charming.js, anime.js, textfx.js
+     *
+     * @return undefined
+     */
+    initTextAnimation: function(carousel, textAnimationSelector) {
+
+      if (!window.TextFx || !window.anime || !carousel.length) return;
+
+      var $text = carousel.find(textAnimationSelector);
+
+      if (!$text.length) return;
+
+      $text.each(function (i, el) {
+
+        var $this = $(el);
+
+        if (!$this.data('TextFx')) {
+
+          $this.data('TextFx', new TextFx($this.get(0)));
+
+        }
+
+      });
+
+
+      carousel.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
+
+        var targets = slick.$slider
+          .find('.slick-track')
+          .children();
+
+        var currentTarget = targets.eq(currentSlide),
+          nextTarget = targets.eq(nextSlide);
+
+        currentTarget = currentTarget.find(textAnimationSelector);
+        nextTarget = nextTarget.find(textAnimationSelector);
+
+        if (currentTarget.length) {
+          currentTarget.data('TextFx').hide(currentTarget.data('effect') ? currentTarget.data('effect') : 'fx1');
+        }
+
+        if (nextTarget.length) {
+          nextTarget.data('TextFx').show(nextTarget.data('effect') ? nextTarget.data('effect') : 'fx1');
+        }
+
+      });
+
+    }
+  }
+
+})(jQuery);