j1-template 2021.1.27 → 2021.2.1

data/assets/themes/j1/modules/carousel/css/theme/uno.css

@@ -51,7 +51,7 @@ padding-left: 1px;
 }
 
 .slider-title {
-  color: #212121;
+  /* color: #424242; */
   line-height: 1.25rem;
   font-size: 1.125rem;
   font-weight: 500;

data/assets/themes/j1/modules/carousel/css/theme/uno.min.css

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-.j1-owl-gutter.row{margin-right:0;margin-left:0}.j1-owl-gutter>[class^="col-"],.j1-owl-gutter>[class^=" col-"]{padding-right:0;padding-left:0}.j1-owl-gutter-2.row{margin-right:-1px;margin-left:-1px}.j1-owl-gutter-2>[class^="col-"],.j1-owl-gutter-2>[class^=" col-"]{padding-right:1px;padding-left:1px}.owl-carousel .item p{margin:3px}.owl-carousel .item img{opacity:1;width:100%;height:auto}.slider-title{color:#212121;line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.owl-item .carousel-caption{opacity:0;position:absolute;bottom:3px;left:3px;right:3px;color:white;font-size:1rem;font-weight:300;font-family:sans-serif;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.owl-item .carousel-caption:hover{opacity:1;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;background:rgba(0,0,0,0.5)}span.carousel-caption a{color:#fff;text-decoration:none}.owl-btn{color:#777;cursor:pointer;font-size:18px;padding:2px 9px;text-align:center;background:#f5f5f5}.owl-btn:hover{color:#fff;background:#72c02c}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#212121;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;font-weight:500;-webkit-border-radius:30px;-moz-border-radius:30px;background:#2196f3}.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:1.25rem;height:1.25rem;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#2196f3}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../../images/ajax-loader.gif) no-repeat center center}.owl-carousel .item{height:44vh;background-color:#fff;background-position:center 55%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.owl-carousel .container{display:table;height:inherit}.owl-carousel .caption{display:table-cell}.owl-carousel .caption h1,.owl-carousel .caption p,.owl-carousel .caption div{position:relative}.owl-carousel .caption h1 span{padding:.25em 0;line-height:180%}
+.j1-owl-gutter.row{margin-right:0;margin-left:0}.j1-owl-gutter>[class^="col-"],.j1-owl-gutter>[class^=" col-"]{padding-right:0;padding-left:0}.j1-owl-gutter-2.row{margin-right:-1px;margin-left:-1px}.j1-owl-gutter-2>[class^="col-"],.j1-owl-gutter-2>[class^=" col-"]{padding-right:1px;padding-left:1px}.owl-carousel .item p{margin:3px}.owl-carousel .item img{opacity:1;width:100%;height:auto}.slider-title{line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.owl-btn{color:#777;cursor:pointer;font-size:18px;padding:2px 9px;text-align:center;background:#f5f5f5}.owl-btn:hover{color:#fff;background:#72c02c}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#212121;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;font-weight:500;-webkit-border-radius:30px;-moz-border-radius:30px;background:#2196f3}.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:1.25rem;height:1.25rem;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#2196f3}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../../images/ajax-loader.gif) no-repeat center center}.owl-carousel .container{display:table;height:inherit}.owl-carousel .caption{display:table-cell}.owl-carousel .caption h1,.owl-carousel .caption p,.owl-carousel .caption div{position:relative;margin-top:2rem;margin-right:2rem;margin-left:2rem}.owl-carousel .caption h1 span{padding:.25em 0;line-height:180%}.owl-item .carousel-caption{opacity:0;position:absolute;bottom:3px;left:3px;right:3px;color:white;font-size:1rem;font-weight:300;font-family:sans-serif;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.owl-item .carousel-caption:hover{opacity:1;-webkit-transition:opacity 500ms;-moz-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms;background:rgba(0,0,0,0.5)}span.carousel-caption a{color:#fff;text-decoration:none}

data/assets/themes/j1/modules/j1Scroll/css/theme/uno.min.css

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-.list-group-item{width:96%;margin-right:1%!important}@media only screen and (min-width:576px){.list-group-item.items-auto{width:48.3%}.list-group-item.items-1{width:96%}.list-group-item.items-2{width:48.3%}.list-group-item.items-3{width:48.3%}.list-group-item.items-4{width:48.3%}}@media only screen and (min-width:768px){.list-group-item.items-auto{width:31.333%}.list-group-item.items-1{width:96%}.list-group-item.items-2{width:48.3%}.list-group-item.items-3{width:48.3%}.list-group-item.items-4{width:48.3%}}@media only screen and (min-width:992px){.list-group-item.items-auto{width:23.8%}.list-group-item.items-1{width:96%}.list-group-item.items-2{width:48.3%}.list-group-item.items-3{width:31.333%}.list-group-item.items-4{width:23.8%}}.page-load-status,.page-scroll-last{display:none;padding-top:.5rem;border-top:1px dotted #212121;color:#777}span.infinite-scroll-last{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#212121;display:inline-block;margin:0 0 -1px 0;padding:10px 3px}.loader-ellips{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto}.loader-ellips__dot{display:block;width:1em;height:1em;border-radius:.5em;background:#555;position:absolute;animation-duration:.5s;animation-timing-function:ease;animation-iteration-count:infinite}.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2){left:0}.loader-ellips__dot:nth-child(3){left:1.5em}.loader-ellips__dot:nth-child(4){left:3em}@keyframes reveal{from{transform:scale(0.001)}to{transform:scale(1)}}@keyframes slide{to{transform:translateX(1.5em)}}.loader-ellips__dot:nth-child(1){animation-name:reveal}.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){animation-name:slide}.loader-ellips__dot:nth-child(4){animation-name:reveal;animation-direction:reverse}
+.page-load-status,.page-scroll-last{display:none;padding-top:.5rem;border-top:1px dotted #212121;color:#777}span.infinite-scroll-last{border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#212121;display:inline-block;margin:0 0 -1px 0;padding:10px 3px}.loader-ellips{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto}.loader-ellips__dot{display:block;width:1em;height:1em;border-radius:.5em;background:#555;position:absolute;animation-duration:.5s;animation-timing-function:ease;animation-iteration-count:infinite}.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2){left:0}.loader-ellips__dot:nth-child(3){left:1.5em}.loader-ellips__dot:nth-child(4){left:3em}@keyframes reveal{from{transform:scale(0.001)}to{transform:scale(1)}}@keyframes slide{to{transform:translateX(1.5em)}}.loader-ellips__dot:nth-child(1){animation-name:reveal}.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3){animation-name:slide}.loader-ellips__dot:nth-child(4){animation-name:reveal;animation-direction:reverse}

data/assets/themes/j1/modules/j1Scroll/js/j1scroll.js

@@ -1,252 +1,263 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/modules/j1Scroll/js/j1scroll.js
- # J1 core module for j1scroll
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # For details, see https://jekyll.one
- # -----------------------------------------------------------------------------
-*/
-
-// the semi-colon before function invocation is a SAFETY method against
-// concatenated scripts and/or other plugins which may NOT be closed
-// properly.
-//
-;(function($, window, document, undefined) {
-
-	'use strict';
-
-	// Create the defaults
-	var pluginName = 'j1Scroll',
-	defaults = {
-	    type:               	'infiniteScroll',
-	    scrollThreshold:    	400,
-	    elementScroll:      	false,
-			firstPage:            2,
-			lastPage:             false,
-			loadStatus:           true,
-			onInit:               function (){},					                        		// callback after plugin has initialized
-			onBeforeLoad:         function (){},	                            				// callback before new items are loaded
-			onAfterLoad:          function (){}																				// callback after new items are loaded
-	};
-
-	// Plugin constructor
-	function Plugin (element, options) {
-		this.element            = element;
-		this.settings           = $.extend( {}, defaults, options);
-		this.settings.elementID = '#' + this.element["id"]
-
-		// call the initializer
-		this.init(this.settings);
-	}
-
-	// Avoid Plugin.prototype conflicts
-	$.extend(Plugin.prototype, {
-		// -------------------------------------------------------------------------
-		// init: initializer
-		// -------------------------------------------------------------------------
-		init: function(options) {
-		  var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'initializing plugin: started');
-			logger.info('\n' + 'state: started');
-
-			if (options.loadStatus) {
-				var spinner = '<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';
-				$(spinner).insertAfter(options.elementID);
-			}
-
-			if (options.infoLastPage ) {
-				var scroll_last_en = 'More articles can be found with the ';
-				var scroll_last_de = 'Weitere Artikel finden Sie im ';
-				var scroll_last;
-
-				if (document.documentElement.lang === 'en') {
-					scroll_last = scroll_last_en;
-				} else if (document.documentElement.lang === 'de') {
-					scroll_last = scroll_last_de;
-				} else {
-					scroll_last = scroll_last_en;
-				}
-
-				if ( this.settings.elementScroll ) {
-					this.scroller = this.element;
-				} else {
-					this.scroller = window;
-				}
-				var message = '<div class="page-scroll-last"><p class="infinite-scroll-last">' + scroll_last + '<a href="/pages/public/blog/navigator/">Blog Navigator</a></p>	</div>';
-				$(message).insertAfter(options.elementID);
-			}
-
-
-		  // initialize infinite scroll
-		  if ( options.type === 'infiniteScroll') {
-					logger.info('\n' + 'processing mode: infiniteScroll');
-					logger.info('\n' + 'loading items from path: ' + options.path + "#");
-					logger.info('\n' + 'monitoring element set to: ' + this.scroller);
-		      this.registerScrollEvent(options);
-		  }
-			logger.info('\n' + 'initializing plugin: finished');
-			logger.info('\n' + 'state: finished');
-		},
-		// -------------------------------------------------------------------------
-		// bottomReached: detect final scroll position
-		// -------------------------------------------------------------------------
-		isBottomReached: function (options) {
-		  var _this = this;
-		  let bottom, scrollY;
-			var clientHeight = $(options.elementID).height();
-
-		  if ( _this.settings.elementScroll ) {
-				var $window = $(window);
-				var viewport_top = $window.scrollTop();
-				var viewport_height = $window.height();
-				var viewport_bottom = viewport_top + viewport_height;
-				var $elm = $(options.elementID);
-				var top = $elm.offset().top + clientHeight;
-				var height = $elm.height();
-				// bottom = top + height - options.scrollThreshold
-				bottom = top + height;
-
-				return (top >= viewport_top && top < viewport_bottom) ||
-				(bottom > viewport_top && bottom <= viewport_bottom) ||
-				(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
-		  } else {
-				return (window.innerHeight + window.pageYOffset + options.scrollThreshold >= document.body.offsetHeight);
-		  }
-		},
-		// -------------------------------------------------------------------------
-		// detectScroll: EventHandler to load new items for infinite scroll
-		// if final scroll position reached
-		// -------------------------------------------------------------------------
-		registerScrollEvent: function (options) {
-		  var _this = this;
-		  var logger = log4javascript.getLogger('j1Scroll');
-
-		  logger.info('\n' + 'scroll event: register');
-
-			var eventHandler_onscroll = function (event) {
-				var options = _this.settings;
-
-				if (_this.isBottomReached(options)) {
-					if (options.firstPage > options.lastPage ) {
-						logger.info('\n' + 'last page detected on: ' + options.lastPage);
-						window.removeEventListener('scroll', eventHandler_onscroll);
-						logger.info('\n' + 'scroll event: removed');
-
-						if (options.infoLastPage ) {
-							_this.infoLastPage(options);
-						}
-						return false;
-					}
-					_this.getNewPost(options);
-				}
-		  }
-			window.addEventListener('scroll', eventHandler_onscroll);
-
-			logger.info('\n' + 'scroll event: registered');
-		},
-		// -------------------------------------------------------------------------
-		// getNewPost: load new items (from current path)
-		// Note: loader flag prevents to load items if AJAX load in progress
-		// is NOT finished
-		// -------------------------------------------------------------------------
-		getNewPost: function (options) {
-		  var _this = this;
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			// display spinner while loading
-			if (options.loadStatus) {
-				$('.loader-ellips').show();
-			}
-
-			// initialze loader flag
-		  if (this.itemsLoaded === false) return false;
-
-			// set loader flag (false == not loaded)
-		  this.itemsLoaded = false;
-		  var xmlhttp = new XMLHttpRequest();
-		  xmlhttp.onreadystatechange = function () {
-		    if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-		      if (xmlhttp.status == 200) {
-		        options.firstPage++;
-		        var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
-		        _this.appendNewItems(childItems);
-						// set loader flag (true == loaded)
-						logger.info('\n' + 'loading new items: successful');
-
-						// hide the spinner after loading
-						if (options.loadStatus) {
-							$('.loader-ellips').hide();
-						}
-						// set loader flag (true == loaded)
-			      return _this.itemsLoaded = true;
-		      } else {
-						logger.error('\n' + 'loading new items failed, HTTP response: ' + xmlhttp.status );
-						// set loader flag (true == loaded)
-			      return _this.itemsLoaded = false;
-					}
-		    }
-		  };
-			logger.info('\n' + 'loading new items from path: ' + options.path + options.firstPage);
-		  xmlhttp.open("GET", location.origin + options.path + options.firstPage + '/index.html', true);
-		  xmlhttp.send();
-		},
-		// -------------------------------------------------------------------------
-		// getChildItemsByAjaxHTML: extract items from page loaded
-		// -------------------------------------------------------------------------
-		getChildItemsByAjaxHTML: function (options, HTMLText) {
-		  var newHTML = document.createElement('html');
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'load new items');
-		  newHTML.innerHTML = HTMLText;
-		  var childItems = newHTML.querySelectorAll(options.elementID + ' > *');
-		  return childItems;
-		},
-		// -------------------------------------------------------------------------
-		// appendNewItems: append items and run post processing
-		// -------------------------------------------------------------------------
-		appendNewItems: function (items) {
-		  var _this = this;
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'append new items');
-		  items.forEach(function (item) {
-		    _this.element.appendChild(item);
-		  });
-
-			logger.info('\n' + 'post processing: createDropCap');
-			// initialize backdrops
-			j1.core.createDropCap();
-		},
-		// -------------------------------------------------------------------------
-		// getNewPost: load/append new items
-		// Note: loader flag prevents to load items if AJAX load in progress
-		// is NOT finished
-		// -------------------------------------------------------------------------
-		infoLastPage: function (options) {
-		  var _this 		= this;
-			var logger		= log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'post processing: infoLastPage');
-			$('.page-scroll-last').show();
-		}
-	}); // END prototype
-
-	// wrapper around the constructor to prevent multiple instantiations
-	$.fn [pluginName] = function(options) {
-	  return this.each(function() {
-	    if (!$.data( this, "plugin_" + pluginName)) {
-	      $.data(this, "plugin_" +
-	        pluginName, new Plugin(this, options));
-	    }
-	  });
-	};
-
-})(jQuery, window, document);
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/j1Scroll/js/j1scroll.js
+ # J1 core module for j1scroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+
+// the semi-colon before function invocation is a SAFETY method against
+// concatenated scripts and/or other plugins which may NOT be closed
+// properly.
+//
+;(function($, window, document, undefined) {
+
+	'use strict';
+
+	// Create the defaults
+	var pluginName = 'j1Scroll',
+	defaults = {
+	    type:               	'infiniteScroll',
+	    scrollOffset:    			100,
+	    elementScroll:      	false,
+			firstPage:            2,
+			lastPage:             false,
+			infoLastPage:         false,
+			loadStatus:           false,
+			onInit:               function (){},					                        		// callback after plugin has initialized
+			onBeforeLoad:         function (){},	                            				// callback before new items are loaded
+			onAfterLoad:          function (){}																				// callback after new items are loaded
+	};
+
+	// Plugin constructor
+	function Plugin (element, options) {
+		this.element            = element;
+		this.settings           = $.extend( {}, defaults, options);
+		this.settings.elementID = '#' + this.element["id"]
+
+		// call the initializer
+		this.init(this.settings);
+	}
+
+	// Avoid Plugin.prototype conflicts
+	$.extend(Plugin.prototype, {
+		// -------------------------------------------------------------------------
+		// init: initializer
+		// -------------------------------------------------------------------------
+		init: function(options) {
+		  var logger = log4javascript.getLogger('j1Scroll');
+
+			logger.info('\n' + 'initializing plugin: started');
+			logger.info('\n' + 'state: started');
+
+			if ( options.elementScroll ) {
+				this.scroller = this.element;
+			} else {
+				this.scroller = window;
+			}
+
+			if (options.loadStatus) {
+				var spinner = '<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';
+				$(spinner).insertAfter(options.elementID);
+			}
+
+			if (options.infoLastPage) {
+				var message = options.lastPageInfo;
+				$(message).insertAfter(options.elementID);
+			}
+
+		  // initialize infinite scroll
+		  if ( options.type === 'infiniteScroll') {
+					logger.info('\n' + 'processing mode: infiniteScroll');
+					logger.info('\n' + 'loading items from path: ' + options.path + "#");
+					logger.info('\n' + 'monitoring element set to: ' + this.scroller);
+		      this.registerScrollEvent(options);
+		  }
+			logger.info('\n' + 'initializing plugin: finished');
+			logger.info('\n' + 'state: finished');
+		},
+		// -------------------------------------------------------------------------
+		// bottomReached: detect final scroll position
+		// NOTE: 	the calculation for BOTTOM position is different for
+		// 				elementScroll and windowScroll. For elementScroll, the
+		//				trigger isBottomReached is TRUE, if the scroll position has
+		//        the end of the container PLUS a given scrollOffset.
+		//        For windowScroll, the trigger isBottomReached is TRUE, if
+		//        the scroll position has the end of the window MINUS
+		//        a given scrollOffset.
+		// -------------------------------------------------------------------------
+		isBottomReached: function (options) {
+		  var _this = this;
+		  var bottom, scrollY;
+			var clientHeight = $(options.elementID).height();
+
+		  if ( _this.settings.elementScroll ) {
+				// check scroll position of the container items are to be added
+				var $window = $(window);
+				var viewport_top = $window.scrollTop();
+				var viewport_height = $window.height();
+				var viewport_bottom = viewport_top + viewport_height - options.scrollOffset;
+				var $elm = $(options.elementID);
+				var top = $elm.offset().top + clientHeight;
+				var height = $elm.height();
+				bottom = top + height;
+
+
+				return (top >= viewport_top && top < viewport_bottom) ||
+				(bottom > viewport_top && bottom <= viewport_bottom) ||
+				(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
+		  } else {
+				// check scroll position of the (overall) window
+				return (window.innerHeight + window.pageYOffset + options.scrollOffset >= document.body.offsetHeight);
+		  }
+		},
+		// -------------------------------------------------------------------------
+		// detectScroll: EventHandler to load new items for infinite scroll
+		// if final scroll position reached
+		// -------------------------------------------------------------------------
+		registerScrollEvent: function (options) {
+		  var _this = this;
+		  var logger = log4javascript.getLogger('j1Scroll');
+
+		  logger.info('\n' + 'scroll event: register');
+
+			var eventHandler_onscroll = function (event) {
+				var options = _this.settings;
+
+				if (_this.isBottomReached(options)) {
+					if (options.firstPage > options.lastPage ) {
+						logger.info('\n' + 'last page detected on: ' + options.lastPage);
+						window.removeEventListener('scroll', eventHandler_onscroll);
+						logger.info('\n' + 'scroll event: removed');
+
+						if (options.infoLastPage ) {
+							_this.infoLastPage(options);
+						}
+						return false;
+					}
+					_this.getNewPost(options);
+				}
+		  }
+			window.addEventListener('scroll', eventHandler_onscroll);
+
+			logger.info('\n' + 'scroll event: registered');
+		},
+		// -------------------------------------------------------------------------
+		// getNewPost: load new items (from current path)
+		// Note: loader flag prevents to load items if AJAX load in progress
+		// is NOT finished
+		// -------------------------------------------------------------------------
+		getNewPost: function (options) {
+		  var _this = this;
+			var logger = log4javascript.getLogger('j1Scroll');
+
+			logger.info('\n' + 'trigger loading ');
+
+			// initialze loader flag
+		  if (this.itemsLoaded === false) return false;
+
+			// set loader flag (false == not loaded)
+		  this.itemsLoaded = false;
+
+			// display spinner while loading
+			if (options.loadStatus) {
+				logger.info('\n' + 'show: spinner');
+				$('.loader-ellips').show();
+			}
+
+		  var xmlhttp = new XMLHttpRequest();
+		  xmlhttp.onreadystatechange = function () {
+		    if (xmlhttp.readyState == XMLHttpRequest.DONE) {
+		      if (xmlhttp.status == 200) {
+		        options.firstPage++;
+		        var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
+		        _this.appendNewItems(childItems);
+
+						logger.info('\n' + 'loading new items: successful');
+
+						// hide the spinner after loading
+						if (options.loadStatus) {
+							logger.info('\n' + 'hide: spinner');
+							$('.loader-ellips').hide();
+						}
+
+						// set loader flag (true == loaded)
+						return _this.itemsLoaded = true;
+		      } else {
+						// hide the spinner
+						if (options.loadStatus) {
+							logger.info('\n' + 'hide: spinner');
+							$('.loader-ellips').hide();
+						}
+
+						logger.error('\n' + 'loading new items failed, HTTP response: ' + xmlhttp.status );
+						// set loader flag (true == loaded)
+			      return _this.itemsLoaded = false;
+					}
+		    }
+		  };
+			logger.info('\n' + 'loading new items from path: ' + options.path + options.firstPage);
+		  xmlhttp.open("GET", location.origin + options.path + options.firstPage + '/index.html', true);
+		  xmlhttp.send();
+
+		},
+		// -------------------------------------------------------------------------
+		// getChildItemsByAjaxHTML: extract items from page loaded
+		// -------------------------------------------------------------------------
+		getChildItemsByAjaxHTML: function (options, HTMLText) {
+		  var newHTML = document.createElement('html');
+			var logger = log4javascript.getLogger('j1Scroll');
+
+			logger.info('\n' + 'load new items');
+		  newHTML.innerHTML = HTMLText;
+		  var childItems = newHTML.querySelectorAll(options.elementID + ' > *');
+		  return childItems;
+		},
+		// -------------------------------------------------------------------------
+		// appendNewItems: append items and run post processing
+		// -------------------------------------------------------------------------
+		appendNewItems: function (items) {
+		  var _this = this;
+			var logger = log4javascript.getLogger('j1Scroll');
+
+			logger.info('\n' + 'append new items');
+		  items.forEach(function (item) {
+		    _this.element.appendChild(item);
+		  });
+
+			logger.info('\n' + 'post processing: createDropCap');
+			// initialize backdrops
+			j1.core.createDropCap();
+		},
+		// -------------------------------------------------------------------------
+		// getNewPost: load/append new items
+		// Note: loader flag prevents to load items if AJAX load in progress
+		// is NOT finished
+		// -------------------------------------------------------------------------
+		infoLastPage: function (options) {
+		  var _this 		= this;
+			var logger		= log4javascript.getLogger('j1Scroll');
+
+			logger.info('\n' + 'show: infoLastPage');
+			$('.page-scroll-last').show();
+		}
+	}); // END prototype
+
+	// wrapper around the constructor to prevent multiple instantiations
+	$.fn [pluginName] = function(options) {
+	  return this.each(function() {
+	    if (!$.data( this, "plugin_" + pluginName)) {
+	      $.data(this, "plugin_" +
+	        pluginName, new Plugin(this, options));
+	    }
+	  });
+	};
+
+})(jQuery, window, document);

data/assets/themes/j1/modules/j1Scroll/js/j1scroll.min.js

@@ -0,0 +1,16 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/j1Scroll/js/j1scroll.min.js
+ # J1 core module for j1scroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+*/
+
+(function(e,c,a,g){var d="j1Scroll",f={type:"infiniteScroll",scrollOffset:100,elementScroll:false,firstPage:2,lastPage:false,infoLastPage:false,loadStatus:false,onInit:function(){},onBeforeLoad:function(){},onAfterLoad:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.init(this.settings)}e.extend(b.prototype,{init:function(i){var h=log4javascript.getLogger("j1Scroll");h.info("\ninitializing plugin: started");h.info("\nstate: started");if(i.elementScroll){this.scroller=this.element}else{this.scroller=c}if(i.loadStatus){var k='<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';e(k).insertAfter(i.elementID)}if(i.infoLastPage){var j=i.lastPageInfo;e(j).insertAfter(i.elementID)}if(i.type==="infiniteScroll"){h.info("\nprocessing mode: infiniteScroll");h.info("\nloading items from path: "+i.path+"#");h.info("\nmonitoring element set to: "+this.scroller);this.registerScrollEvent(i)}h.info("\ninitializing plugin: finished");h.info("\nstate: finished")},isBottomReached:function(s){var n=this;var h,p;var m=e(s.elementID).height();if(n.settings.elementScroll){var j=e(c);var r=j.scrollTop();var i=j.height();var l=r+i-s.scrollOffset;var k=e(s.elementID);var o=k.offset().top+m;var q=k.height();h=o+q;return(o>=r&&o<l)||(h>r&&h<=l)||(q>i&&o<=r&&h>=l)}else{return(c.innerHeight+c.pageYOffset+s.scrollOffset>=a.body.offsetHeight)}},registerScrollEvent:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nscroll event: register");var j=function(m){var l=k.settings;if(k.isBottomReached(l)){if(l.firstPage>l.lastPage){h.info("\nlast page detected on: "+l.lastPage);c.removeEventListener("scroll",j);h.info("\nscroll event: removed");if(l.infoLastPage){k.infoLastPage(l)}return false}k.getNewPost(l)}};c.addEventListener("scroll",j);h.info("\nscroll event: registered")},getNewPost:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\ntrigger loading ");if(this.itemsLoaded===false){return false}this.itemsLoaded=false;if(i.loadStatus){h.info("\nshow: spinner");e(".loader-ellips").show()}var j=new XMLHttpRequest();j.onreadystatechange=function(){if(j.readyState==XMLHttpRequest.DONE){if(j.status==200){i.firstPage++;var l=k.getChildItemsByAjaxHTML(i,j.responseText);k.appendNewItems(l);h.info("\nloading new items: successful");if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}return k.itemsLoaded=true}else{if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}h.error("\nloading new items failed, HTTP response: "+j.status);return k.itemsLoaded=false}}};h.info("\nloading new items from path: "+i.path+i.firstPage);j.open("GET",location.origin+i.path+i.firstPage+"/index.html",true);j.send()},getChildItemsByAjaxHTML:function(j,i){var l=a.createElement("html");var h=log4javascript.getLogger("j1Scroll");h.info("\nload new items");l.innerHTML=i;var k=l.querySelectorAll(j.elementID+" > *");return k},appendNewItems:function(h){var j=this;var i=log4javascript.getLogger("j1Scroll");i.info("\nappend new items");h.forEach(function(k){j.element.appendChild(k)});i.info("\npost processing: createDropCap");j1.core.createDropCap()},infoLastPage:function(i){var j=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nshow: infoLastPage");e(".page-scroll-last").show()}});e.fn[d]=function(h){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,h))}})}})(jQuery,window,document);

data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css

@@ -15,7 +15,7 @@
 
  /* Gallery title */
  .jg-gallery-title {
-   color: #212121;
+   /* color: #424242; */
    line-height: 1.25rem;
    font-size: 1.125rem;
    font-weight: 500;

data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-.jg-gallery-title{color:#212121;line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.justified-gallery img.img-overlay{height:64px;width:64px;bottom:0;left:50%;margin-left:-35px;margin-top:-35px;position:absolute;right:0;top:50%;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}
+.jg-gallery-title{line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.justified-gallery img.img-overlay{height:64px;width:64px;bottom:0;left:50%;margin-left:-35px;margin-top:-35px;position:absolute;right:0;top:50%;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}

data/assets/themes/j1/modules/mdiPreviewer/css/previewer.css

@@ -85,7 +85,7 @@ div.copied {
     position: fixed;
     top: 100px;
     left: 50%;
-    width: 300px;
+    width: 200px;
     text-align: center;
     color: #FAFAFA;
     background-color: #2196F3;

data/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-.icons{//display:none;//padding:0 20px 10px 20px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.icons div{line-height:3rem;color:rgba(0,0,0,0.6)}.icons div span{cursor:pointer;font-size:1rem;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 90px);overflow:hidden;vertical-align:middle;white-space:nowrap;margin-left:.5rem}.icons div code:hover,.icons div span:hover,.icons div i:hover{color:rgba(0,0,0,0.5)}.icons div code:hover{border-color:#2196f3}.icons div code{color:#424242;background-color:#e0e0e0;border:1px solid #9e9e9e;width:80px;margin-left:2px;margin-right:4px;border-radius:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:24px;cursor:pointer}.icons div i{display:inline-block;width:32px;height:24px;margin-right:.5rem;text-align:center;vertical-align:middle;cursor:pointer;line-height:24px}.icons .mdi:before{font-size:24px}div.copied{position:fixed;top:100px;left:50%;width:300px;text-align:center;color:#fafafa;background-color:#2196f3;border:1px solid #0d47a1;padding:10px 15px;border-radius:4px;margin-left:-100px;box-shadow:0 0 10px rgba(0,0,0,0.2)}
+.icons{//display:none;//padding:0 20px 10px 20px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.icons div{line-height:3rem;color:rgba(0,0,0,0.6)}.icons div span{cursor:pointer;font-size:1rem;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 90px);overflow:hidden;vertical-align:middle;white-space:nowrap;margin-left:.5rem}.icons div code:hover,.icons div span:hover,.icons div i:hover{color:rgba(0,0,0,0.5)}.icons div code:hover{border-color:#2196f3}.icons div code{color:#424242;background-color:#e0e0e0;border:1px solid #9e9e9e;width:80px;margin-left:2px;margin-right:4px;border-radius:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:24px;cursor:pointer}.icons div i{display:inline-block;width:32px;height:24px;margin-right:.5rem;text-align:center;vertical-align:middle;cursor:pointer;line-height:24px}.icons .mdi:before{font-size:24px}div.copied{position:fixed;top:100px;left:50%;width:200px;text-align:center;color:#fafafa;background-color:#2196f3;border:1px solid #0d47a1;padding:10px 15px;border-radius:4px;margin-left:-100px;box-shadow:0 0 10px rgba(0,0,0,0.2)}