j1-template 2021.1.25 → 2021.1.26

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 633e1a971e61891dc89fdbde3b2eca03552aa93a4db7706e22cedcf0b4ee296e
-  data.tar.gz: 855fdfaf879aab5473f35897e3bf214f6a805683cf57661c8999c022b669fa73
+  metadata.gz: 1703f00fa05ea4dba6a66583457e9f61a83d6eb297c45a851a36580c881c3e12
+  data.tar.gz: b1bccaba5d098d37ebabf850fb8a0822f0e732cb08fd4b25bc91917183cdfa0b
 SHA512:
-  metadata.gz: 37222f305bf65d1fa148f5753a29ce8980cacd4d38e550c01e1b7ca3134c1e29aa995052bce28b5878239da740070e139ff3e8093a775bb0100e671bd8ceec7a
-  data.tar.gz: c210ca1a7454fbb6476f3d9eec973cb083a074cca0fda6168373209bb76ba91608c7b5566cb2b4d3cb658f35cc7877ba7050a1e751224228c3766addeb681b50
+  metadata.gz: f312280734a292e956db13c8d631d4baa8ba41641dba6505b1d5ecdf840a1f3a9dbbd7a633f891003b73672be94212fbe2cdae2f2a5c9746cfd3db91eb7997da
+  data.tar.gz: 06f98ff4a16cf472d8ed71c290473a96a1e2e23c6a9f2084c8c2d8ab6f4d01445708c7901372868eae6d02058330d804dd630f0a8145480cfd2fbc3d4a2575bc

data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html

@@ -294,7 +294,7 @@
                       {% endif %}
                       <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
-                      <div class="card-body r-text-300">
+                      <div class="card-body r-text-300 mt-3">
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
                       <!-- End Body|Excerpt -->

data/assets/data/panel.html

@@ -539,7 +539,7 @@ exclude_from_search:                    true
                           {% endif %}
                           <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                           <!-- Body|Excerpt -->
-                          <div class="card-body r-text-300">
+                          <div class="card-body r-text-300 mt-4">
                             {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                             {{post.excerpt|truncatewords: truncate_words}}
                           </div>
@@ -640,7 +640,8 @@ exclude_from_search:                    true
               <!-- End recent posts -->
             {% endfor %}
 
-            <div class="row page-load-status">
+            <!--  jadams: Currently not used -->
+            <!-- div class="row page-load-status">
               <div class="loader-ellips infinite-scroll-request">
                 <span class="loader-ellips__dot"></span>
                 <span class="loader-ellips__dot"></span>
@@ -648,11 +649,11 @@ exclude_from_search:                    true
                 <span class="loader-ellips__dot"></span>
               </div>
               <p class="infinite-scroll-last">{{infinite_scroll_last}} <a href="/pages/public/blog/navigator/">Blog Navigator</a></p>
-            </div>
+            </div -->
 
-            <div class="row page-scroll-last">
+            <!-- div class="row page-scroll-last">
               <p class="infinite-scroll-last">{{infinite_scroll_last}} <a href="/pages/public/blog/navigator/">Blog Navigator</a></p>
-            </div>
+            </div -->
 
           </div>
           <!-- END container -->

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

@@ -108,7 +108,7 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
 
       // Add data attribute for tablesaw to all tables of a page
       var dependencies_met_page_ready = setInterval (function (options) {
-        var lastPage = 4;
+        var lastPage = 3;
 
         if ( j1.getState() === 'finished' ) {
           var logger = log4javascript.getLogger('j1.infiniteScroll');
@@ -129,6 +129,11 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
           // var article_height = document.getElementById('home_news_panel-scroll-item').clientHeight;
           // var scrollThreshold = (article_height -200) * -1;
 
+          // infiniteScroll options
+          //
+          // elementScroll: true,
+          // elementScroll: "#home_news_panel-scroll-group",
+
           $('#home_news_panel-scroll-group').infiniteScroll({
             path: getPosts,
             append: '#home_news_panel-scroll-item',
@@ -160,6 +165,12 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
             var log_text = `\n loaded data from path: ${path}`;
             logger.info(log_text);
 
+            var log_text = "\n initialize backdrops on load";
+            logger.info(log_text);
+
+            // initialize backdrops
+            j1.core.createDropCap();
+
             //var elm = document.getElementById("home_news_panel-scroll-group");
             //
             // var ww = $(window).width();
@@ -184,6 +195,9 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
             logger.info(log_text);
           });
 
+          var log_text = '\n' + 'infiniteScroll finished for init';
+          logger.info(log_text);
+
           clearInterval(dependencies_met_page_ready);
         }
       });

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

@@ -0,0 +1,207 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # Liquid template to adapt 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
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # J1 Adapter 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
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['j1Scroll'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var user_agent    = platform.ua;
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+  function sleep(milliseconds) {
+    var start = new Date().getTime();
+    for (var i = 0; i < 1e7; i++) {
+      if ((new Date().getTime() - start) > milliseconds){
+        break;
+      }
+    }
+    return;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.j1Scroll;
+      logger  = log4javascript.getLogger('j1.adapter.j1Scroll');
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.j1Scroll',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // j1Scroll initializer
+      // -----------------------------------------------------------------------
+      var log_text = '\n' + 'j1Scroll is being initialized';
+      logger.info(log_text);
+
+      var dependencies_met_page_ready = setInterval (function (options) {
+        if (j1.getState() === 'finished') {
+          var log_text = '\n' + 'j1Scroll is being initialized';
+          logger.info(log_text);
+
+          var postWrapperId = '#home_news_panel-scroll-group';
+          var paginatePath  = '/assets/data/news_panel_posts/page';
+
+          // status:           '.page-scroll-last',
+
+          $(postWrapperId).j1Scroll({
+            type:                 'infiniteScroll',
+            path:                 paginatePath,
+            elementScroll:        false,
+            scrollThreshold:      300,
+            checkLastPage:        true,
+            status:               true,
+            onInit:               function(){},					                        // Callback after plugin has loaded
+            beforeContentLoaded:  function(link){},	                            // Callback before new content is loaded
+            afterContentLoaded:   function(html){}	                            // Callback after new content has been loaded
+          });
+
+          $('.list-group').on( 'load.j1Scroll', function( event, body, path, response ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n loaded data from path: ${path}`;
+            logger.info(log_text);
+
+            var log_text = "\n initialize backdrops on load";
+            logger.info(log_text);
+
+            // initialize backdrops
+            j1.core.createDropCap();
+
+          });
+
+          $('.list-group').on( 'request.j1Scroll', function( event, path, fetchPromise ) {
+            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+            var log_text = `\n request for the next page to be loaded from path: ${path}`;
+            logger.info(log_text);
+          });
+
+          clearInterval(dependencies_met_page_ready);
+        }
+      });
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info('\n' + message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.js

@@ -1095,6 +1095,9 @@ Object.assign( InfiniteScroll.defaults, {
   // elementScroll: null,
 } );
 
+// jadams
+// create watchDog
+//
 InfiniteScroll.create.scrollWatch = function() {
   // events
   this.pageScrollHandler = this.onPageScroll.bind( this );
@@ -1140,6 +1143,9 @@ proto.onPageScroll = InfiniteScroll.throttle( function() {
   }
 } );
 
+// jadams
+// calculate distances
+//
 proto.getBottomDistance = function() {
   let bottom, scrollY;
   if ( this.options.elementScroll ) {

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

@@ -0,0 +1,150 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/infiniteScroll/css/uno.css
+ # Provides styles for J1 Module infiniteScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+
+/*  multi-color bottom line (currently not used)
+-------------------------------------------------------------------------------- */
+/*
+h2 {
+    border-bottom-width: 1px;
+    border-bottom-style: dotted;
+    border-bottom-color: lightgray;
+}
+
+span {
+    border-bottom-width: 1px;
+    border-bottom-style: dotted;
+    border-bottom-color: brown;
+    display: inline-block;
+    margin: 0 0 -1px 0;
+    padding: 10px 3px;
+}
+*/
+
+/*  groups and items
+-------------------------------------------------------------------------------- */
+.list-group-item {
+  width: 96%;
+  margin-right: 1% !important;
+  }
+
+/*  Media breakpoints */
+@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%; } }
+
+
+/*  controls
+-------------------------------------------------------------------------------- */
+.page-load-status, .page-scroll-last {
+  display: none; /* hidden by default */
+  padding-top: .5rem;
+  border-top: 1px dotted #212121;
+  /* text-align: center; */
+  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;
+}
+
+/*  spinner
+-------------------------------------------------------------------------------- */
+.loader-ellips {
+  font-size: 20px; /* change size here */
+  position: relative;
+  width: 4em;
+  height: 1em;
+  margin: 10px auto;
+}
+
+.loader-ellips__dot {
+  display: block;
+  width: 1em;
+  height: 1em;
+  border-radius: 0.5em;
+  background: #555; /* change color here */
+  position: absolute;
+  animation-duration: 0.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/css/theme/uno.min.css

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/infiniteScroll/css/uno.min.css
+ # Provides styles for J1 Module infiniteScroll
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+.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}

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

@@ -0,0 +1,188 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/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';
+
+	// undefined is used here as the undefined global variable in ECMAScript 3 is
+	// mutable (ie. it can be changed by someone else). undefined isn't really being
+	// passed in so we can ensure the value of it is truly undefined. In ES5, undefined
+	// can no longer be modified.
+
+	// window and document are passed through as local variable rather than global
+	// as this (slightly) quickens the resolution process and can be more efficiently
+	// minified (especially when both are regularly referenced in your plugin).
+
+	// Create the defaults once
+	var pluginName = 'j1Scroll',
+	defaults = {
+	    type:               'infiniteScroll',
+	    scrollThreshold:    100,
+	    elementScroll:      false,
+	    pNum:               2,
+	    pMaxNum:            6,
+	    enable:             true,
+	};
+
+	// Plugin constructor
+	function Plugin (element, options) {
+		this.element            = element;
+		this.settings           = $.extend( {}, defaults, options);
+		this.settings.elementID = this.element["id"]
+		this._defaults          = defaults;
+		this._name              = pluginName;
+
+		// call the initializer
+		this.init(this.settings);
+	}
+
+	// Avoid Plugin.prototype conflicts
+	//
+	$.extend(Plugin.prototype, {
+		// -----------------------------------------------------------------------
+		// init: initializer
+		//
+		// -----------------------------------------------------------------------
+		init: function(options) {
+		  var logger = log4javascript.getLogger('j1.core.j1Scroll');
+
+			if ( this.settings.elementScroll ) {
+				this.scroller = this.element;
+			} else {
+				this.scroller = window;
+			}
+
+		  logger.info('\n' + 'initializing core module: started');
+			logger.info('\n' + 'state: started');
+
+		  // initialize infinite scroll
+		  if ( options.type === 'infiniteScroll') {
+		      this.detectScroll(options);
+		  }
+		},
+		// -----------------------------------------------------------------------
+		// 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
+		// -----------------------------------------------------------------------
+		detectScroll: function (options) {
+		  var _this = this;
+		  var logger = log4javascript.getLogger('j1.core.j1Scroll.detectScroll');
+
+		  logger.info('\n' + 'detectScroll: started');
+
+		  window.onscroll = function (ev) {
+				var bottomReached = _this.isBottomReached(options);
+				if (bottomReached) _this.getNewPost(options);
+		  };
+		},
+		// -----------------------------------------------------------------------
+		// getNewPost: load/append new items
+		//
+		// -----------------------------------------------------------------------
+		getNewPost: function (options) {
+		  var _this = this;
+
+		  if (options.pNum >= options.pMaxNum ) {
+		    return;
+		  }
+		  if (this.enable === false) return false;
+		  this.enable = false;
+		  var xmlhttp = new XMLHttpRequest();
+		  xmlhttp.onreadystatechange = function () {
+		    if (xmlhttp.readyState == XMLHttpRequest.DONE) {
+		      if (xmlhttp.status == 200) {
+		        options.pNum++;
+		        var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
+		        _this.appendNewItems(childItems);
+		      }
+		      return _this.enable = true;
+		    }
+		  };
+		  xmlhttp.open("GET", location.origin + options.path + options.pNum + '/index.html', true);
+		  xmlhttp.send();
+		},
+		// -----------------------------------------------------------------------
+		// getChildItemsByAjaxHTML:
+		//
+		// -----------------------------------------------------------------------
+		getChildItemsByAjaxHTML: function (options, HTMLText) {
+		  var newHTML = document.createElement('html');
+
+		  newHTML.innerHTML = HTMLText;
+		  var childItems = newHTML.querySelectorAll('#' + options.elementID + ' > *');
+		  return childItems;
+		},
+		// -----------------------------------------------------------------------
+		// appendNewItems:
+		//
+		// -----------------------------------------------------------------------
+		appendNewItems: function (items) {
+		  var _this = this;
+
+		  items.forEach(function (item) {
+		    _this.element.appendChild(item);
+		  });
+
+			// initialize backdrops
+			j1.core.createDropCap();
+		}
+
+	}); // END prototype
+
+	// lightweight plugin wrapper around the constructor,
+	// preventing 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/showOnScroll/js/showOnScroll.js

@@ -38,6 +38,19 @@ $(document).ready( function() {
   var yOffset 	=  500;
 	var logger  	= log4javascript.getLogger('j1.core.showOnScroll');
 
+	// var eventHandler_news_panel = function (event) {
+	// 	var clientHeight = $('#home_news_panel-scroll-group').height();
+	// 	var inViewport = isInViewport ($('#home_news_panel-scroll-group'), clientHeight);
+	//
+  //   if (inViewport) {
+	// 		logger.info('\n' + 'The specified container end reached: home_news_panel-scroll-group');
+  //     //console.log('The specified container is in view.');
+  //     // $(".home_service_panel").show(showDelay);
+  //     // window.removeEventListener('scroll', eventHandler_news_panel);
+  //   }
+  // }
+	// window.addEventListener('scroll', eventHandler_news_panel);
+
   var eventHandler_service_panel = function (event) {
     if (isInViewport ($('#home_service_panel'), yOffset)) {
 			logger.info('\n' + 'The specified container is in view: home_service_panel');

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
-module J1
-  VERSION = '2021.1.25'
-end
+module J1
+  VERSION = '2021.1.26'
+end

data/lib/starter_web/Gemfile

@@ -53,7 +53,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2021.1.25'
+gem 'j1-template', '~> 2021.1.26'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            production
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2021.1.25
+version:                                2021.1.26
 
 # version
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/resources.yml

@@ -1303,5 +1303,31 @@ resources:
         files:                          []
         js:                             [ modules/showOnScroll/js/showOnScroll ]
         init_function:                  []
+
+  # ----------------------------------------------------------------------------
+  # j1Scroll
+  # NOTE: https://github.com/jquery-boilerplate/jquery-boilerplate
+  #
+  - name:                               j1Scroll
+    resource:
+      id:                               j1scroll
+      enabled:                          true
+      comment:                          j1Scroll
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand                                # always | ondemand
+      preload:                          false                                   # property currently unused
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            [ modules/j1Scroll/css/theme/uno ]
+        files:                          [
+                                          modules/j1Scroll/js/j1scroll.js,
+                                          adapter/js/j1scroll.js
+                                        ]
+        js:                             []
+        init_function:                  [ j1.adapter.j1Scroll.init ]
+
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_includes/attributes.asciidoc

@@ -423,7 +423,7 @@ end::tables[]
 // -----------------------------------------------------------------------------
 tag::products[]
 :j1--license:                                     MIT License
-:j1--version:                                     2021.1.25
+:j1--version:                                     2021.1.26
 :j1--site-name:                                   Jekyll One
 end::products[]
 

data/lib/starter_web/_plugins/lunr_index.rb

@@ -364,6 +364,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2021.1.25'
+    VERSION = '2021.1.26'
   end
 end

data/lib/starter_web/collections/posts/public/series/_posts/2020-01-01-post-test-series.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Test Post 1
+title:                                  Series Post 1
 tagline:                                testing series elements
 
 categories:                             [ Examples ]

data/lib/starter_web/collections/posts/public/series/_posts/2020-01-02-post-test-series.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Test Post 2
+title:                                  Series Post 2
 tagline:                                testing series elements
 
 categories:                             [ Examples ]

data/lib/starter_web/collections/posts/public/series/_posts/2020-01-03-post-test-series.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Test Post 3
+title:                                  Series Post 3
 tagline:                                testing series elements
 
 categories:                             [ Examples ]

data/lib/starter_web/collections/posts/public/series/_posts/2020-01-04-post-test-series.adoc

@@ -1,5 +1,5 @@
 ---
-title:                                  Test Post 4
+title:                                  Series Post 4
 tagline:                                testing series elements
 
 categories:                             [ Examples ]

data/lib/starter_web/index.html

@@ -31,7 +31,7 @@ toc:                                    false
 
 regenerate:                             true
 
-resources:                              [ animate, infinitescroll, showonscroll ]
+resources:                              [ animate, j1scroll, showonscroll ]
 resource_options:
   - attic:
       padding_top:                      400

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1_starter",
-  "version": "2021.1.25",
+  "version": "2021.1.26",
   "description": "J1 Template Starter Web",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/infinite-scroll-tester-5.adoc

@@ -0,0 +1,119 @@
+---
+title:                                  Tester
+tagline:                                infinite scroll
+date:                                   2020-11-03 00:00:00 +100
+description: >
+                                        Welcome to the preview page focussing on the image module. This page
+                                        shows some valuable features of the J1 Template to manage your image-based
+                                        content using lightboxes, carousels (slider), and galleries.
+
+categories:                             [ Testpages ]
+tags:                                   [ Example ]
+
+comments:                               false
+fam_menu_id:                            page_ctrl_simple
+
+permalink:                              /pages/public/learn/scroller-5/
+regenerate:                             false
+
+resources:                              [ j1scroll, showonscroll ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/pages/roundtrip/images-1920x1280-bw.jpg
+          alt:                          Photo by Ricardo Gomez Angel on Unsplash
+          badge:
+            type:                       unsplash
+            author:                     Ricardo Gomez Angel
+            href:                       https://unsplash.com/@ripato/portfolio
+---
+
+// Page Initializer
+// =============================================================================
+// Enable the Liquid Preprocessor
+:page-liquid:
+
+// Set (local) page attributes here
+// -----------------------------------------------------------------------------
+// :page--attr:                         <attr-value>
+:images-dir:                            {imagesdir}/pages/roundtrip/100_present_images
+
+//  Load Liquid procedures
+// -----------------------------------------------------------------------------
+{% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%}
+
+// Load page attributes
+// -----------------------------------------------------------------------------
+{% include {{load_attributes}} scope="global" %}
+
+// Page content
+// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+// Include sub-documents
+// -----------------------------------------------------------------------------
+
+== Infinite scroll example 5
+
+lorem:sentences[5]
+
+++++
+<div class="noClass">
+  <ul id="home_news_panel-scroll-group" class="list-group list-group-horizontal align-items-stretch flex-wrap">
+  	<!-- [INFO   ] [j1.assets.data.panel.html             ] [ write post items ] -->
+  	<li id="home_news_panel-scroll-item" class="list-group-item items-2 p-0">
+  	  <article class="card card-same-height raised-z3 mb-3">
+  		<img class="img-fluid img-object--cover g-height-200" src="/assets/images/modules/attics/katie-moum-1920x1280.jpg" alt="Welcome">
+  		<h3 class="card-header bg-primary notoc">Welcome</h3>
+  		<!-- Body|Excerpt -->
+  		<div class="card-body r-text-300 mt-4">
+  		  <div class="paragraph dropcap">
+  			<p class="dropcap"><span class="j1-dropcap">A</span>ll you’re doing at the end of the day is writing your content, and the J1
+  			  Template does all the tricky things: putting out HTML, Javascript, and CSS.
+  			  As a result, the site creation process gets out of your way.</p>
+  		  </div>
+  		  <div class="paragraph">
+  			<p><strong>Sounds fun, isn’t it</strong>?</p>
+  		  </div>
+  		</div>
+  		<!-- End Body|Excerpt -->
+  		<div class="card-footer r-text-200">
+  		  <div class="card-footer-text">
+  			<i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>2021 March, 28
+  		  </div>
+  		  <a class="card-link text-muted text-lowercase" href="/posts/public/featured/info/2021/03/28/welcome-to-j1/">
+  			read · jekyll for everyone
+  		  </a>
+  		</div>
+  	  </article>
+  	</li>
+  	<li id="home_news_panel-scroll-item" class="list-group-item items-2 p-0">
+
+  	  <article class="card card-same-height raised-z3 mb-3">
+  		<img class="img-fluid img-object--cover g-height-200" src="/assets/images/modules/attics/runner-1920x1200.jpg" alt="J1 Template">
+  		<h3 class="card-header bg-primary notoc">J1 Template</h3>
+  		<!-- Body|Excerpt -->
+  		<div class="card-body r-text-300 mt-4">
+  		  <div class="paragraph dropcap">
+  			<p class="dropcap"><span class="j1-dropcap">T</span>he template system was initially developed to create a simple but fully
+  			  configurable website creation toolset for document servers. Document servers
+  			  provide websites or other content formats like PDF, projects, software
+  			  documentation, or similar approaches.</p>
+  		  </div>
+  		</div>
+  		<!-- End Body|Excerpt -->
+  		<div class="card-footer r-text-200">
+  		  <div class="card-footer-text">
+  			<i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>2021 March,  3
+  		  </div>
+  		  <a class="card-link text-muted text-lowercase" href="/posts/public/featured/knowledge/2021/03/03/about-j1/">
+  			read · first version is out
+  		  </a>
+  		</div>
+  	  </article>
+  	</li>
+  </ul>
+</div>
+++++

data/lib/starter_web/utilsrv/_defaults/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2021.1.25",
+  "version": "2021.1.26",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

data/lib/starter_web/utilsrv/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "utls",
-  "version": "2021.1.25",
+  "version": "2021.1.26",
   "description": "J1 Template Utility Server",
   "homepage": "https://jekyll.one",
   "author": {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: j1-template
 version: !ruby/object:Gem::Version
-  version: 2021.1.25
+  version: 2021.1.26
 platform: ruby
 authors:
 - juergen_jekyll_one
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2021-09-15 00:00:00.000000000 Z
+date: 2021-09-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -384,6 +384,7 @@ files:
 - assets/themes/j1/adapter/js/framer.js
 - assets/themes/j1/adapter/js/infiniteScroll.js
 - assets/themes/j1/adapter/js/j1.js
+- assets/themes/j1/adapter/js/j1scroll.js
 - assets/themes/j1/adapter/js/justifiedGallery.js
 - assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js
 - assets/themes/j1/adapter/js/lightbox.js
@@ -545,6 +546,9 @@ files:
 - assets/themes/j1/modules/infiniteScroll/css/theme/uno.min.css
 - assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.js
 - assets/themes/j1/modules/infiniteScroll/js/infiniteScroll.min.js
+- assets/themes/j1/modules/j1Scroll/css/theme/uno.css
+- assets/themes/j1/modules/j1Scroll/css/theme/uno.min.css
+- assets/themes/j1/modules/j1Scroll/js/j1scroll.js
 - assets/themes/j1/modules/jquery/css/jqueryUI/theme.css
 - assets/themes/j1/modules/jquery/css/jqueryUI/theme.min.css
 - assets/themes/j1/modules/jquery/js/jquery-3.5.1.min.map
@@ -1326,6 +1330,7 @@ files:
 - lib/starter_web/favicon.ico
 - lib/starter_web/index.html
 - lib/starter_web/package.json
+- lib/starter_web/pages/infinite-scroll-tester-5.adoc
 - lib/starter_web/pages/private/readme
 - lib/starter_web/pages/protected/readme
 - lib/starter_web/pages/public/about/about_site.adoc