j1-template 2020.0.22 → 2021.0.2

data/assets/error_pages/HTTP521.html

@@ -1,10 +1,11 @@
 ---
 regenerate:                             false
 permalink:                              /521.html
+exclude_from_search:                    true
 ---
 {% capture j1_cache %}
 
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/http_error_pages/HTTP521.html
  # Liquid TEMPLATE to generate customized HTML error pages: 521 - Service currently unavailable
@@ -12,7 +13,7 @@ permalink:                              /521.html
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  # Copyright (C) 2020 Andi Dittrich
  #
  # J1 Template is licensed under the MIT License.
@@ -63,4 +64,4 @@ permalink:                              /521.html
 
 {% endcapture %}
 {{ j1_cache | strip_empty_lines }}
-{% assign j1_cache = nil %}
+{% assign j1_cache = nil %}

data/assets/error_pages/HTTP533.html

@@ -1,10 +1,11 @@
 ---
 regenerate:                             false
 permalink:                              /533.html
+exclude_from_search:                    true
 ---
 {% capture j1_cache %}
 
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/http_error_pages/HTTP533.html
  # Liquid TEMPLATE to generate customized HTML error pages: 533 - Scheduled Maintenance
@@ -12,7 +13,7 @@ permalink:                              /533.html
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  # Copyright (C) 2020 Andi Dittrich
  #
  # J1 Template is licensed under the MIT License.
@@ -63,4 +64,4 @@ permalink:                              /533.html
 
 {% endcapture %}
 {{ j1_cache | strip_empty_lines }}
-{% assign j1_cache = nil %}
+{% assign j1_cache = nil %}

data/assets/themes/j1/adapter/js/algolia.js

@@ -12,7 +12,7 @@ regenerate:                             false
  # Product/Info:
  # https://jekyll.one
  # https://community.algolia.com/instantsearch.js/v2/getting-started.html
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
@@ -59,7 +59,7 @@ regenerate:                             false
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one

data/assets/themes/j1/adapter/js/attic.js

@@ -13,7 +13,7 @@ regenerate:                             true
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
@@ -63,7 +63,7 @@ regenerate:                             true
  # https://jekyll.one
  # http://www.jquery-backstretch.com/
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  # Copyright (C) 2012 Scott Robbin
  #
  # J1 Template is licensed under the MIT License.
@@ -469,7 +469,7 @@ j1.adapter['attic'] = (function (j1, window) {
             var attic_style = '';
 
             // Initialze header background gradient
-            attic_style += '<style> .attic { '
+            attic_style += '<style> .attic { ';
             attic_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from(' +atticOptions.background_color_1+ '), to(' +atticOptions.background_color_2+ ')) !important;';
             attic_style += 'background-image: -webkit-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%) !important;';
             attic_style += 'background-image: -o-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%) !important;';

data/assets/themes/j1/adapter/js/bmd.js

@@ -11,7 +11,7 @@ regenerate:                             false
  #
  # Product/Info:
  # https://jekyll.one
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
@@ -29,7 +29,7 @@ regenerate:                             false
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one

data/assets/themes/j1/adapter/js/carousel.js

@@ -12,7 +12,7 @@ regenerate:                             true
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
@@ -62,7 +62,7 @@ regenerate:                             true
  # Product/Info:
  # https://jekyll.one
  #
- # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2021 Juergen Adams
  #
  # J1 Template is licensed under the MIT License.
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
@@ -86,6 +86,7 @@ j1.adapter['carousel'] = (function (j1, window) {
   var _this;
   var logger;
   var logText;
+  var dragging      = false;
 
   // ---------------------------------------------------------------------------
   // Helper functions
@@ -143,7 +144,13 @@ j1.adapter['carousel'] = (function (j1, window) {
               {% assign slider_title  = item.show.title %}
               {% assign slider_type   = item.show.type %}
               {% assign parallax      = item.show.parallax %}
-              {% assign css_classes   = item.show.css_classes %}
+              {% assign padding       = item.show.padding %}
+              {% assign text_color    = item.show.text_color %}
+              {% assign font_size     = item.show.font_size %}
+              {% assign font_weight   = item.show.font_weight %}
+              {% assign background    = item.show.background %}
+              {% assign darken        = item.show.darken %}
+              {% assign gridify       = item.show.gridify %}
               {% assign lazyLoad      = item.show.lightbox %}
 
               // Create an Carousel INSTANCE if slider on id: {{slider_id}} exists
@@ -175,26 +182,63 @@ j1.adapter['carousel'] = (function (j1, window) {
                   {% assign slide_border = "" %}
                 {% endif %}
 
-                // Place HTML markup for the title
+                // place HTML markup for the title
                 {% if slider_title %}
                 var slider_title = '<div class="slider-title">{{slider_title}}</div>';
                 $('#{{slider_id}}').before(slider_title);
                 {% endif %}
 
-                // place parallax styles
+                // set space between the slides
+                $('head').append('<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>');
+
+                // place additional parallax styles if enabled
                 {% if parallax %}
-                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{background:url(/assets/images/quotes/default.png) 50% 0 repeat fixed}</style>');
-                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{padding:75px 0 75px 25px;position:relative}</style>');
-                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{color:#e5e5e5;font-size:1.5rem;font-weight:400}</style>');
-                  $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-align:center}</style -->');
-                  $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-transform:uppercase}</style -->');
-                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:url(/assets/images/modules/patterns/gridtile.png) repeat;}</style>');
-                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,0.3)}</style>');
-                {% endif %}
 
-                $('head').append('<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>');
-                //$('.{{slider_id}}-item').parent().addClass('owl-carousel');
-                //$('.owl-carousel .item').css('margin','{{slide_space}}px');
+                  {% if padding %}
+                  $('head').append('<style>#{{slider_id}}{padding:{{padding}};position:relative}</style>');
+                  {% else %}
+                  $('head').append('<style>#{{slider_id}}{padding:50px 0 50px 25px;position:relative}</style>');
+                  {% endif %}
+
+                  {% if cover %}
+                  $('head').append('<style>#{{slider_id}}{background-size: cover}</style>');
+                  {% endif %}
+
+                  {% if background %}
+                  $('head').append('<style>#{{slider_id}}{background:url({{background}}) 50% 0 repeat fixed}</style>');
+                  {% else %}
+                  $('head').append('<style>#{{slider_id}}{background:url(/assets/images/quotes/default.png) 50% 0 repeat fixed}</style>');
+                  {% endif %}
+
+                  {% if darken %}
+                  $('head').append('<style>#{{slider_id}}:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,0.{{darken}})}</style>');
+                  {% else %}
+                  $('head').append('<style>#{{slider_id}}:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,0.2)}</style>');
+                  {% endif %}
+
+                  {% if text_color %}
+                  $('#{{slider_id}}').addClass('mdi-{{text_color}}');
+                  {% else %}
+                  $('#{{slider_id}}').addClass('mdi-md-grey-100');
+                  {% endif %}
+
+                  {% if font_size %}
+                  $('head').append('<style>#{{slider_id}}{font-size:{{font_size}}}</style>');
+                  {% else %}
+                  $('head').append('<style>#{{slider_id}}{font-size:1.5rem}</style>');
+                  {% endif %}
+
+                  {% if font_weight %}
+                  $('head').append('<style>#{{slider_id}}{font-weight:{{font_weight}}}</style>');
+                  {% else %}
+                  $('head').append('<style>#{{slider_id}}{font-weight:400}</style>');
+                  {% endif %}
+
+                  {% if gridify %}
+                  $('head').append('<style>#{{slider_id}}:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:url(/assets/images/modules/patterns/gridtile.png) repeat;}</style>');
+                  {% endif %}
+
+                {% endif %}
 
                 // Initialize individual show parameters
                 /* eslint-disable */
@@ -212,51 +256,45 @@ j1.adapter['carousel'] = (function (j1, window) {
                 /* eslint-enable */
 
                 // Initialize instance variable (for later access)
-                //{{slider_id}} = $('#{{slider_id}}').data('owlCarousel');
-
                 j1['{{slider_id}}'] = $('#{{slider_id}}').data('owlCarousel');
 
-                // jQuery show data functions
+                // custom show data functions (each slide show)
                 function customDataSuccess_{{forloop.index}}(data){
                   var content = '';
                   for (var i in data['{{slider_id}}']) {
-                    {% if slider_type == 'image' %}
-                    var lb          = data['{{slider_id}}'][i].lb;
-                    var lb_caption  = data['{{slider_id}}'][i].lb_caption;
-                    var img         = data['{{slider_id}}'][i].img;
-                    var alt         = data['{{slider_id}}'][i].alt;
-                    {% endif %}
+
                     {% if slider_type == 'text' %}
                     var text        = data['{{slider_id}}'][i].text;
                     {% endif %}
+
                     var href        = data['{{slider_id}}'][i].href;
-                    {% if  css_classes %}
-                    var css_classes = 'class="{{css_classes}}";';
-                    {% else %}
-                    var css_classes = '';
-                    {% endif %}
 
                     {% if slider_type == 'image' %}
-                    // If lightbox is enabled (preference over href)
+                    var lb          = data['{{slider_id}}'][i].lb;
+                    var lb_caption  = data['{{slider_id}}'][i].lb_caption;
+                    var img         = data['{{slider_id}}'][i].img;
+                    var alt         = data['{{slider_id}}'][i].alt;
+
+                    // if lightbox is enabled (preference over href)
                     if (lb) {
                       if (lb_caption) {
                         content += '\t\t' + '<div class="item {{slider_id}}-item {{slide_border}}">'+ '\n';
                         content += '\t\t\t' + '<a href="' +img+ '" ' + 'data-lightbox="{{slider_id}}" data-title="' +lb_caption+ '">' + '\n';
-                        content += '\t\t\t\t' + '<img class="lazyOwl" src="' +img+ '">' + '\n';
-                        content += '\t\t\t' + '</a>' + '\n';
+                        content += '\t\t\t\t' + '<img class="lazyOwl" src="' +img+ '" alt="' +lb_caption+ '">' + '\n';
+                        content += '\t\t\t' + ' </a>' + '\n';
                         if (href) {
-                        content += '\t\t\t' + '<span class="carousel-caption"><a href="' +href+ '">' +lb_caption+ '</a> </span>' + '\n';
+                        content += '\t\t\t' + '<span class="carousel-caption"><a href="' +href+ '">' +lb_caption+ ' </a> </span>' + '\n';
                         } else {
                         content += '\t\t\t' + '<span class="carousel-caption">' +lb_caption+ '</span>' + '\n';
                         }
                         content += '\t\t' + '</div>' + '\n';
                       } else {
-                        content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>';
+                        content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + ' </a>';
                       }
                     } else if (href) {
-                        content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
+                        content += '<div class="item">' + '<img src="' +img+ '" alt="' +alt+ '">' + '</div>';
                     } else {
-                        content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
+                        content += '<div class="item">' + '<img src="' +img+ '" alt="' +alt+ '">' + '</div>';
                     }
                     {% endif %}
 
@@ -324,7 +362,332 @@ j1.adapter['carousel'] = (function (j1, window) {
     // -------------------------------------------------------------------------
     getState: function () {
       return _this.state;
-    } // END getState
+    }, // END getState
+
+    // -----------------------------------------------------------------------
+    //  Caption text animation (currently NOT used)
+    // -----------------------------------------------------------------------
+
+    // -------------------------------------------------------------------------
+    // fadeIn()
+    // Animation (caption): fadeIn
+    // -------------------------------------------------------------------------
+    fadeIn: function (id, options) {
+      $(id + '.active .caption .fadeIn-1').stop().delay(options.delay)
+      .animate({
+        opacity:      options.opacity
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeIn-2').stop().delay(options.delay+200)
+      .animate({
+        opacity:      options.opacity
+      }, {
+        duration:     options.duration,
+          easing:     options.easing
+      });
+      $(id + '.active .caption .fadeIn-3').stop().delay(options.delay+500)
+      .animate({
+        opacity:      options.opacity
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // fadeInUp()
+    // Animation (caption): fadeInUp
+    // -------------------------------------------------------------------------
+    fadeInUp: function (id, options) {
+      $(id + '.active .caption .fadeInUp-1')
+      .stop()
+      .delay(options.delay)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInUp-2')
+      .stop()
+      .delay(options.delay+200)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration: 800,
+        easing: 'easeOutCubic'
+      });
+      $(id + '.active .caption .fadeInUp-3')
+      .stop()
+      .delay(options.delay+500)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // fadeInRight()
+    // Animation (caption): fadeInRight
+    // -------------------------------------------------------------------------
+    fadeInRight: function (id, options) {
+      $(id + '.active .caption .fadeInRight-1')
+      .stop()
+      .delay(options.delay)
+      .animate({
+        opacity:      options.opacity,
+        left:         options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInRight-2')
+      .stop()
+      .delay(options.delay+200)
+      .animate({
+        opacity:      options.opacity,
+        left:         options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInRight-3')
+      .stop()
+      .delay(options.delay+500)
+      .animate({
+        opacity:      options.opacity,
+        left:         options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // fadeInDown()
+    // Animation (caption): fadeInDown
+    // -------------------------------------------------------------------------
+    fadeInDown: function (id, options) {
+      $('#item-1').backstretch();
+      $(id + '.active .caption .fadeInDown-1')
+      .stop()
+      .delay(options.delay)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInDown-2')
+      .stop()
+      .delay(options.delay+200)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInDown-3')
+      .stop()
+      .delay(options.delay+500)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.top
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // fadeInLeft()
+    // Animation (caption): fadeInLeft
+    // -------------------------------------------------------------------------
+    fadeInLeft: function (id, options) {
+      $('#item-2').backstretch();
+      $(id + '.active .caption .fadeInLeft-1')
+      .stop()
+      .delay(500)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInLeft-2')
+      .stop()
+      .delay(700)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+      $(id + '.active .caption .fadeInLeft-3')
+      .stop()
+      .delay(1000)
+      .animate({
+        opacity:      options.opacity,
+        top:          options.left
+      }, {
+        duration:     options.duration,
+        easing:       options.easing
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // fadeInReset()
+    // Reset animation (caption): fadeIn
+    // -------------------------------------------------------------------------
+    fadeInReset: function (id, options) {
+      if (!options.dragging) {
+        $(id + '.caption .fadeIn-1,' +
+          id + '.caption .fadeIn-2,' +
+          id + '.caption .fadeIn-3')
+        .stop()
+        .delay(options.delay)
+        .animate({
+            opacity:  options.opacity
+        }, {
+            duration: options.duration,
+            easing:   options.easing
+        });
+      } else {
+        $(id + '.caption .fadeIn-1,' +
+          id + '.caption .fadeIn-2,' +
+          id + '.caption .fadeIn-3')
+        .css({
+            opacity:  options.opacity
+        });
+      }
+    }, // END fadeOut
+
+    // -------------------------------------------------------------------------
+    // fadeInUpReset()
+    // Reset animation (caption): fadeInUp
+    // -------------------------------------------------------------------------
+    fadeInUpReset: function (id, options) {
+      if (!options.dragging) {
+        $(id + '.caption .fadeInUp-1,' +
+          id + '.caption .fadeInUp-2,' +
+          id + '.caption .fadeInUp-3')
+        .stop()
+        .delay(options.delay)
+        .animate({
+            opacity:  options.opacity,
+            top:      options.top
+        }, {
+          duration:   options.duration,
+          easing:     options.easing
+        });
+      } else {
+        $(id + '.caption .fadeInUp-1', +
+          id + '.caption .fadeInUp-2,' +
+          id + '.caption .fadeInUp-3')
+        .css({
+            opacity:  options.opacity,
+            top:      options.top
+        });
+      }
+    }, // END fadeInUpReset
+
+    // -------------------------------------------------------------------------
+    // fadeInRightReset()
+    // Reset animation (caption): fadeInRight
+    // -------------------------------------------------------------------------
+    fadeInRightReset: function (id, options) {
+      if (!options.dragging) {
+        $(id + '.caption .fadeInRight-1,' +
+          id + '.caption .fadeInRight-2,' +
+          id + '.caption .fadeInRight-3')
+        .stop()
+        .delay(options.delay)
+        .animate({
+            opacity:  options.opacity,
+            left:     options.left
+        }, {
+          duration:   options.duration,
+          easing:     options.easing
+        });
+      } else {
+        $(id + '.caption .fadeInRight-1,' +
+          id + '.caption .fadeInRight-2,' +
+          id + '.caption .fadeInRight-3')
+        .css({
+            opacity:  options.opacity,
+            left:     options.left
+        });
+      }
+    }, // END fadeInRightReset
+
+    // -------------------------------------------------------------------------
+    // fadeOutDown()
+    // Reset animation (caption): fadeInDown
+    // -------------------------------------------------------------------------
+    fadeInDownReset: function (id, options) {
+      if (!options.dragging) {
+        $(id + '.caption .fadeInDown-1,' +
+          id + '.caption .fadeInDown-2,' +
+          id + '.caption .fadeInDown-3')
+        .stop()
+        .delay(options.delay)
+        .animate({
+            opacity:  options.opacity,
+            top:      options.top
+        }, {
+            duration: options.duration,
+            easing:   options.easing
+        });
+      } else {
+        $(id + '.caption .fadeInDown-1,' +
+          id + '.caption .fadeInDown-2,' +
+          id + '.caption .fadeInDown-3')
+        .css({
+            opacity:  options.opacity,
+            top:      options.transitionTypes
+        });
+      }
+    }, // END fadeOutDown
+
+    // -------------------------------------------------------------------------
+    // fadeInLeftReset()
+    // Reset animation (caption): fadeInLeft
+    // -------------------------------------------------------------------------
+    fadeInLeftReset: function (id, options) {
+      if (!options.dragging) {
+        $(id + '.caption .fadeInLeft-1,' +
+          id + '.caption .fadeInLeft-2,' +
+          id + '.caption .fadeInLeft-3')
+        .stop()
+        .delay(options.delay)
+        .animate({
+            opacity:  options.opacity,
+            left:     options.left
+        }, {
+          duration:   options.duration,
+          easing:     options.easing
+        });
+      } else {
+        $(id + '.caption .fadeInLeft-1,' +
+          id + '.caption .fadeInLeft-2,' +
+          id + '.caption .fadeInLeft-3')
+        .css({
+            opacity:  options.opacity,
+            left:     options.left
+        });
+      }
+    }, // END fadeInLeftReset
 
   }; // END return