jekyll-theme-glueckkanja 0.8.3 → 0.8.5

data/assets/js/hs.core.js

@@ -0,0 +1,250 @@
+/**
+ * HSCore -
+ *
+ * @author HtmlStream
+ * @version 1.0
+ */
+;
+(function ($) {
+
+  'use strict';
+
+  $.HSCore = {
+
+    /**
+     *
+     *
+     * @param
+     *
+     * @return
+     */
+    init: function () {
+
+      $(document).ready(function (e) {
+        // Botostrap Tootltips
+        $('[data-toggle="tooltip"]').tooltip();
+
+        // Set Background Image Dynamically
+        if ($('[data-bg-img-src]').length) $.HSCore.helpers.bgImage($('[data-bg-img-src]'));
+
+        // Extends jQuery
+        $.HSCore.helpers.extendjQuery();
+
+        // Detect Internet Explorer (IE)
+        $.HSCore.helpers.detectIE();
+
+        // Bootstrap Navigation Options
+        $.HSCore.helpers.bootstrapNavOptions.init();
+
+      });
+
+      $(window).on('load', function (e) {
+
+      });
+
+    },
+
+    /**
+     *
+     *
+     * @var
+     */
+    components: {},
+
+    /**
+     *
+     *
+     * @var
+     */
+    helpers: {
+
+        Math: {
+
+          getRandomValueFromRange: function(startPoint, endPoint, fixed) {
+
+            var fixedInner = fixed ? fixed : false;
+
+            Math.random();
+
+            return fixedInner ? (Math.random() * (endPoint - startPoint) + startPoint) : (Math.floor(Math.random() * (endPoint - startPoint + 1)) + startPoint);
+
+          }
+
+      },
+
+      /**
+       * Sets background-image dynamically.
+       *
+       * @param jQuery collection
+       *
+       * @return jQuery|undefined
+       */
+      bgImage: function (collection) {
+
+        if (!collection || !collection.length) return;
+
+        return collection.each(function (i, el) {
+
+          var $el = $(el),
+            bgImageSrc = $el.data('bg-img-src');
+
+          if (bgImageSrc) $el.css('background-image', 'url(' + bgImageSrc + ')');
+
+        });
+
+      },
+
+      /**
+       * Extends basic jQuery functionality
+       *
+       * @return undefined
+       */
+      extendjQuery: function () {
+
+        $.fn.extend({
+
+          /**
+           * Runs specified function after loading of all images.
+           *
+           * @return Deferred
+           */
+          imagesLoaded: function () {
+
+            var $imgs = this.find('img[src!=""]');
+
+            if (!$imgs.length) {
+              return $.Deferred().resolve().promise();
+            }
+
+            var dfds = [];
+
+            $imgs.each(function () {
+              var dfd = $.Deferred();
+              dfds.push(dfd);
+              var img = new Image();
+              img.onload = function () {
+                dfd.resolve();
+              };
+              img.onerror = function () {
+                dfd.resolve();
+              };
+              img.src = this.src;
+            });
+
+            return $.when.apply($, dfds);
+
+          }
+
+        });
+
+      },
+
+
+      /**
+       * Detect Internet Explorer (IE)
+       *
+       * @return version of IE or false, if browser is not Internet Explorer
+       */
+
+      detectIE: function() {
+
+          var ua = window.navigator.userAgent;
+
+          var trident = ua.indexOf('Trident/');
+          if (trident > 0) {
+              // IE 11 => return version number
+              var rv = ua.indexOf('rv:');
+              var ieV = parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
+              document.querySelector('body').className += ' IE';
+          }
+
+          var edge = ua.indexOf('Edge/');
+          if (edge > 0) {
+             // IE 12 (aka Edge) => return version number
+             var ieV = parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
+              document.querySelector('body').className += ' IE';
+          }
+
+          // other browser
+          return false;
+
+      },
+
+
+      /**
+       * Bootstrap navigation options
+       *
+       */
+      bootstrapNavOptions: {
+        init: function () {
+          this.mobileHideOnScroll();
+        },
+
+        mobileHideOnScroll: function () {
+          var $collection = $('.navbar');
+          if (!$collection.length) return;
+
+          var $w = $(window),
+            breakpointsMap = {
+              'sm': 576,
+              'md': 768,
+              'lg': 992,
+              'xl': 1200
+            };
+
+          $('body').on('click.HSMobileHideOnScroll', '.navbar-toggler', function (e) {
+            var $navbar = $(this).closest('.navbar');
+
+            if ($navbar.length) {
+              $navbar.data('mobile-menu-scroll-position', $w.scrollTop());
+            }
+            e.preventDefault();
+          });
+
+          $w.on('scroll.HSMobileHideOnScroll', function (e) {
+            $collection.each(function (i, el) {
+              var $this = $(el), $toggler, $nav, offset, $hamburgers, breakpoint;
+              if ($this.hasClass('navbar-toggleable-xl')) breakpoint = breakpointsMap['xl'];
+              else if ($this.hasClass('navbar-toggleable-lg')) breakpoint = breakpointsMap['lg'];
+              else if ($this.hasClass('navbar-toggleable-md')) breakpoint = breakpointsMap['md'];
+              else if ($this.hasClass('navbar-toggleable-xs')) breakpoint = breakpointsMap['xs'];
+
+              if ($w.width() > breakpoint) return;
+
+              $toggler = $this.find('.navbar-toggler');
+              $nav = $this.find('.navbar-collapse');
+
+              if (!$nav.data('mobile-scroll-hide')) return;
+
+              if ($nav.length) {
+                offset = $this.data('mobile-menu-scroll-position');
+
+                if (Math.abs($w.scrollTop() - offset) > 40 && $nav.hasClass('show')) {
+                  $toggler.trigger('click');
+                  $hamburgers = $toggler.find('.is-active');
+                  if ($hamburgers.length) {
+                    $hamburgers.removeClass('is-active');
+                  }
+                }
+              }
+            });
+          });
+        }
+      }
+
+    },
+
+    /**
+     *
+     *
+     * @var
+     */
+    settings: {
+      rtl: false
+    }
+
+  };
+
+  $.HSCore.init();
+
+})(jQuery);

data/assets/js/hs.popup.js

@@ -0,0 +1,155 @@
+/**
+ * Fancybox wrapper.
+ *
+ * @author Htmlstream
+ * @version 1.0
+ * @requires
+ *
+ */
+;(function ($) {
+  'use strict';
+
+  $.HSCore.components.HSPopup = {
+    /**
+     *
+     *
+     * @var Object _baseConfig
+     */
+    _baseConfig: {
+      baseClass: 'u-fancybox-theme',
+      slideClass: 'u-fancybox-slide',
+      speed: 1000,
+      slideSpeedCoefficient: 1,
+      infobar: false,
+      fullScreen: true,
+      thumbs: true,
+      closeBtn: true,
+      baseTpl: '<div class="fancybox-container" role="dialog" tabindex="-1">' +
+      '<div class="fancybox-content">' +
+      '<div class="fancybox-bg"></div>' +
+      '<div class="fancybox-controls" style="position: relative; z-index: 99999;">' +
+      '<div class="fancybox-infobar">' +
+      '<div class="fancybox-infobar__body">' +
+      '<span class="js-fancybox-index"></span>&nbsp;/&nbsp;<span class="js-fancybox-count"></span>' +
+      '</div>' +
+      '</div>' +
+      '<div class="fancybox-toolbar">{{BUTTONS}}</div>' +
+      '</div>' +
+      '<div class="fancybox-slider-wrap">' +
+      '<button data-fancybox-prev class="fancybox-arrow fancybox-arrow--left" title="Previous"></button>' +
+      '<button data-fancybox-next class="fancybox-arrow fancybox-arrow--right" title="Next"></button>' +
+      '<div class="fancybox-stage"></div>' +
+      '</div>' +
+      '<div class="fancybox-caption-wrap">' +
+      '<div class="fancybox-caption"></div>' +
+      '</div>' +
+      '</div>' +
+      '</div>',
+      animationEffect: 'fade'
+    },
+
+    /**
+     *
+     *
+     * @var jQuery pageCollection
+     */
+    pageCollection: $(),
+
+    /**
+     * Initialization of Fancybox wrapper.
+     *
+     * @param String selector (optional)
+     * @param Object config (optional)
+     *
+     * @return jQuery pageCollection - collection of initialized items.
+     */
+
+    init: function (selector, config) {
+      if (!selector) return;
+
+      var $collection = $(selector);
+
+      if (!$collection.length) return;
+
+      config = config && $.isPlainObject(config) ? $.extend(true, {}, this._baseConfig, config) : this._baseConfig;
+
+      this.initPopup(selector, config);
+    },
+
+    initPopup: function (el, conf) {
+      var $fancybox = $(el);
+
+      $fancybox.on('click', function () {
+        var $this = $(this),
+          animationDuration = $this.data('speed'),
+          isGroup = $this.data('fancybox'),
+          isInfinite = Boolean($this.data('is-infinite')),
+          slideShowSpeed = $this.data('slideshow-speed');
+
+        $.fancybox.defaults.animationDuration = animationDuration;
+
+        if (isInfinite == true) {
+          $.fancybox.defaults.loop = true;
+        }
+
+        if(isGroup) {
+          $.fancybox.defaults.transitionEffect = 'slide';
+          $.fancybox.defaults.slideShow.speed = slideShowSpeed;
+        }
+      });
+
+      $fancybox.fancybox($.extend(true, {}, conf, {
+        beforeShow: function (instance, slide) {
+          var $fancyModal = $(instance.$refs.container),
+            $fancyOverlay = $(instance.$refs.bg[0]),
+            $fancySlide = $(instance.current.$slide),
+            $notFancyContent = $($fancyModal.nextAll()),
+
+            animateIn = instance.current.opts.$orig[0].dataset.animateIn,
+            speed = instance.current.opts.$orig[0].dataset.speed,
+            overlayBG = instance.current.opts.$orig[0].dataset.overlayBg,
+            overlayBlurBG = instance.current.opts.$orig[0].dataset.overlayBlurBg;
+
+          if (animateIn) {
+            console.log($fancySlide);
+            $fancySlide.addClass('animated ' + animateIn);
+          }
+
+          if (speed) {
+            $fancyOverlay.css('transition-duration', speed + 'ms');
+          } else {
+            $fancyOverlay.css('transition-duration', '1000ms');
+          }
+
+          if (overlayBG) {
+            $fancyOverlay.css('background-color', overlayBG);
+          }
+
+          if (overlayBlurBG) {
+            $('<div></div>', {id: 'notFancyContent', class: 'g-blur-30'}).insertAfter($fancyModal);
+            $notFancyContent.appendTo($('#notFancyContent'));
+          }
+        },
+
+        beforeClose: function (instance, slide) {
+          var $fancyModal = $(instance.$refs.container),
+            $fancySlide = $(instance.current.$slide),
+            $notFancyContent = $($('#notFancyContent').html()),
+
+            animateIn = instance.current.opts.$orig[0].dataset.animateIn,
+            animateOut = instance.current.opts.$orig[0].dataset.animateOut,
+            overlayBlurBG = instance.current.opts.$orig[0].dataset.overlayBlurBg;
+
+          if (animateOut) {
+            $fancySlide.removeClass(animateIn).addClass(animateOut);
+          }
+
+          if (overlayBlurBG) {
+            $notFancyContent.insertAfter($fancyModal);
+            $('#notFancyContent').remove();
+          }
+        }
+      }));
+    }
+  }
+})(jQuery);