jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/components/hs.twitter.js

@@ -0,0 +1,111 @@
+/**
+ * Twitter wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSTwitter = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      dateFormat: '%b. %d, %Y',
+      template: '<div class="js-slide">' +
+      '<blockquote class="g-font-size-18 g-mb-10--xs">' +
+      '{{tweet}}' +
+      '</blockquote>' +
+      '<h4 class="g-font-size-18 g-mb-10--xs">' +
+      '<a class="g-color-primary" href="https://twitter.com/{{screen_name}}">' +
+      '@{{screen_name}}' +
+      '</a>' +
+      '</h4>' +
+      '<ul class="list-inline g-font-size-18 g-mb-0--xs">' +
+      '<li class="list-inline-item g-px-5--xs">' +
+      '<a href="https://twitter.com/intent/tweet?in_reply_to={{tweet_id}}">' +
+      '<i class="fa fa-reply"></i>' +
+      '</a>' +
+      '</li>' +
+      '<li class="list-inline-item g-px-5--xs">' +
+      '<a href="https://twitter.com/intent/retweet?tweet_id={{tweet_id}}">' +
+      '<i class="fa fa-retweet"></i>' +
+      '</a>' +
+      '</li>' +
+      '<li class="list-inline-item g-px-5--xs">' +
+      '<a href="https://twitter.com/intent/like?tweet_id={{tweet_id}}">' +
+      '<i class="fa fa-star"></i>' +
+      '</a>' +
+      '</li>' +
+      '</ul>' +
+      '</div>'
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Twitter wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config, callback) {
+
+      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.callback = callback;
+
+      this.twitterInit();
+
+      return this.pageCollection;
+
+    },
+
+    twitterInit: function () {
+      //Variables
+      var $self, config, collection, callback;
+      //Variables values
+      $self = this;
+      config = $self.config;
+      collection = $self.pageCollection;
+      callback = $self.callback;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this;
+        //Variables values
+        $this = $(el);
+
+        $this.twittie({
+          dateFormat: config['dateFormat'],
+          template: config['template']
+        }, callback);
+
+        //Actions
+        collection = collection.add($this);
+      });
+    }
+
+  }
+
+})(jQuery);

data/assets/js/components/hs.validation.js

@@ -0,0 +1,111 @@
+/**
+ * Validation wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSValidation = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {},
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Validation 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.initValidation();
+
+      return this.pageCollection;
+
+    },
+
+    initValidation: function () {
+      //Variables
+      var $self = this,
+        collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $this = $(el);
+
+        if($this.hasClass('js-step-form')) {
+          $.validator.setDefaults({
+            ignore: ':hidden:not(.active select)'
+          });
+        } else {
+          $.validator.setDefaults({
+            ignore: ':hidden:not(select)'
+          });
+        }
+
+        $this.validate({
+          errorPlacement: $self.errorPlacement,
+          highlight: $self.highlight,
+          unhighlight: $self.unHighlight
+        });
+
+        $('select').change(function(){
+          $(this).valid();
+        });
+
+        //Actions
+        collection = collection.add($this);
+      });
+    },
+
+    errorPlacement: function (error, element) {
+      var $this = $(element),
+        errorMsgClasses = $this.data('msg-classes');
+
+      error.addClass(errorMsgClasses);
+      error.appendTo(element.parents('.form-group'));
+    },
+
+    highlight: function (element) {
+      var $this = $(element),
+        errorClass = $this.data('error-class');
+
+      $this.parents('.form-group').addClass(errorClass);
+    },
+
+    unHighlight: function (element) {
+      var $this = $(element),
+        errorClass = $this.data('error-class'),
+        successClass = $this.data('success-class');
+
+      $this.parents('.form-group').removeClass(errorClass).addClass(successClass);
+    }
+
+  };
+
+})(jQuery);

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

@@ -0,0 +1,70 @@
+/**
+ * Video and audio wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSVideoAudio = {
+    /**
+     *
+     *
+     * @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.initVideoAudio();
+
+      return this.pageCollection;
+
+    },
+
+    initVideoAudio: function () {
+      //Variables
+      var $self = this,
+          collection = $self.pageCollection;
+
+      //Actions
+      this.collection.each(function (i, el) {
+        //Variables
+        var $videoAudio = el;
+
+        plyr.setup($videoAudio);
+
+        //Add object to collection
+        collection = collection.add($videoAudio);
+      });
+    }
+  }
+
+})(jQuery);

data/assets/js/components/text-animation/hs.text-slideshow.js

@@ -0,0 +1,348 @@
+/**
+ * Text Slideshow wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires charming.js, anime.js, textfx.js
+ *
+ */
+;
+(function($) {
+  'use strict';
+
+  $.HSCore.components.HSTextSlideshow = {
+
+    /**
+     * Base configuration.
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      autoplay: false,
+      autoplayDelay: 3000,
+      slideSelector: '.u-text-slideshow__slide',
+      activeSlideClass: 'u-text-slideshow__slide--current',
+      slideTargetSelector: '.u-text-slideshow__slide-target'
+    },
+
+    /**
+     * Collection of all instances of the page.
+     *
+     * @var jQuery _pageCollection
+     */
+    _pageCollection: $(),
+
+
+    /**
+     * Initialization of Slideshow.
+     *
+     * @param jQuery collection (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+    init: function(collection, config) {
+
+      if(!collection || !collection.length) return this._pageCollection;
+
+      var self = this;
+
+      config = config && $.isPlainObject(config) ? $.extend(true, {}, this._baseConfig, config) : this._baseConfig;
+
+
+      collection.each(function(i, el){
+
+        var $this = $(this);
+
+        if(!$this.data('HSTextSlideshow')) {
+
+          $this.data('HSTextSlideshow', new HSTextSlideshow($this, $.extend(true, {}, config, {
+            effect: $this.data('effect') ? $this.data('effect') : 'fx1'
+          })));
+          self._pageCollection = self._pageCollection.add($this);
+
+        }
+
+
+      });
+
+      return this._pageCollection;
+    }
+
+  }
+
+  /**
+   * Constructor function of Slideshow.
+   *
+   * @param jQuery element
+   * @param Object config
+   *
+   * @return undefined
+   */
+  function HSTextSlideshow(element, config) {
+    this.config = config && $.isPlainObject(config) ? config : {};
+
+    this.element = element;
+
+    this.config = $.extend(true, {}, this.config, this.element.data() );
+
+    var jCurrentSlide = this.element.find('.' + this.config.activeSlideClass);
+
+    this.currentIndex = this.config.currentIndex = jCurrentSlide.length ? jCurrentSlide.index() : 0;
+
+    this.slides = [];
+
+    if( this.element.attr('id') ) this._initNavigation();
+
+    this._initSlides();
+
+    if( this.config.autoplay ) {
+      this._autoplayStart();
+    }
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype._initSlides = function() {
+
+    var self = this,
+        jSlides = this.element.find(this.config.slideSelector);
+
+    if(jSlides.length) {
+      jSlides.each(function(i, el){
+
+        self.addSlide( $(el), self.config );
+
+      });
+    }
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype._updateCarouselBounds = function() {
+
+    var self = this;
+
+    this.element.stop().animate({
+      'width': self.slides[self.currentIndex].getElement().outerWidth() + 1
+    }, {
+      duration: 300,
+      easing: 'linear'
+    });
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype._autoplayStart = function() {
+
+    var self = this;
+
+    this.autoplayTimeoutId = setTimeout( function autoplay() {
+
+      self.next();
+
+      self.autoplayTimeoutId = setTimeout( autoplay, self.config.autoplayDelay );
+
+    }, this.config.autoplayDelay );
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype._autoplayStop = function() {
+
+    clearTimeout( this.autoplayTimeoutId );
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype._initNavigation = function() {
+
+    var self = this,
+        navElements = $( '[data-target="#'+this.element.attr('id')+'"]' );
+
+    navElements.on('click', function(e){
+
+      var $this = $(this);
+
+      if( $this.data('action').toUpperCase() == 'PREV' ) {
+        if( self.config.autoplay ) {
+          self._autoplayStop();
+          self._autoplayStart();
+        }
+        self.prev();
+      }
+      else if( $this.data('action').toUpperCase() == 'NEXT' ) {
+        if( self.config.autoplay ) {
+          self._autoplayStop();
+          self._autoplayStart();
+        }
+        self.next();
+      }
+
+      e.preventDefault();
+    });
+
+    navElements.each(function(i, el){
+
+      var $this = $(el);
+
+      if( $this.data('action') ) {
+        self['_initAction' + $this.data('action').toUpperCase( $this )];
+      }
+
+    });
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype.addSlide = function(element, config) {
+
+    if(!element || !element.length) return;
+    this.slides.push( new HSTextSlide( element, config ) );
+
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype.next = function() {
+
+    if(this.slides.length <= 1) return;
+
+    this.slides[this.currentIndex].hide();
+
+    this.currentIndex++;
+
+    if(this.currentIndex > this.slides.length - 1) this.currentIndex = 0;
+
+    this._updateCarouselBounds();
+    this.slides[this.currentIndex].show();
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlideshow.prototype.prev = function() {
+
+    if(this.slides.length <= 1) return;
+
+    this.slides[this.currentIndex].hide();
+
+    this.currentIndex--;
+
+    if(this.currentIndex < 0) this.currentIndex = this.slides.length - 1;
+
+    this._updateCarouselBounds();
+    this.slides[this.currentIndex].show();
+  }
+
+
+  /**
+   * Constructor function of Slide.
+   *
+   * @param jQuery element
+   *
+   * @return undefined
+   */
+  function HSTextSlide(element, config) {
+    this.element = element;
+    this.config = config;
+
+    this.target = element.find( config.slideTargetSelector ).get(0);
+
+    if(!this.target) return;
+
+    this.textfx = new TextFx( this.target );
+
+    if( this.config.currentIndex != this.element.index() ) {
+      $(this.target).find('[class*="letter"]').css( this.textfx.effects[config.effect].out );
+    }
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlide.prototype.show = function() {
+    if(!this.target) return;
+
+    this.element.addClass(this.config.activeSlideClass);
+
+    this.textfx.show(this.config.effect);
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlide.prototype.hide = function() {
+    if(!this.target) return;
+
+    this.element.removeClass(this.config.activeSlideClass);
+
+    this.textfx.hide(this.config.effect);
+  }
+
+  /**
+   *
+   *
+   * @param
+   *
+   * @return
+   */
+  HSTextSlide.prototype.getElement = function() {
+
+    return this.element;
+
+  }
+
+})(jQuery);

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

@@ -0,0 +1,23 @@
+/**
+ * Background video helper-wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.helpers.HSBgVideo = {
+    /**
+     * Rating.
+     *
+     * @return undefined
+     */
+    init: function (el) {
+      var $selector = $(el);
+
+      $selector.hsBgVideo();
+    }
+  };
+})(jQuery);

data/assets/js/helpers/hs.chart.js

@@ -0,0 +1,66 @@
+/**
+ * Charts helper-wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires chart.js (v1.0.3)
+ *
+ */
+;(function($){
+	'use strict';
+
+	$.HSCore.helpers.HSChart = {
+
+
+		/**
+		 * ChartJS
+		 */
+		ChartJS: {
+
+			/**
+			 *
+			 * @var Object _baseConfig
+			 */
+			_baseConfig : {
+				defaultFontColor: '#555',
+				defaultFontFamily: "'Open Sans', 'Helvetica', 'Arial', 'sans-serif'",
+				defaultFontSize: 14,
+				defaultFontStyle: 'normal',
+				legend: {
+					labels: {
+						usePointStyle: true
+					}
+				},
+				elements: {
+					point: {
+						radius: 5,
+						hoverRadius: 7
+					}
+				}
+			},
+
+			/**
+			 * Sets default configuration of charts.
+			 *
+			 * @param Object config (optional)
+			 *
+			 * @return undefined
+			 */
+			setDefaults: function(config){
+
+				if(config && $.isPlainObject(config)) {
+
+					$.extend(true, Chart.defaults.global, this._baseConfig, config);
+					return;
+
+				}
+
+				$.extend(true, Chart.defaults.global, this._baseConfig);
+
+			}
+
+		}
+
+	};
+
+})(jQuery);