j1-template 2021.1.28 → 2021.2.2

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/js/j1scroll.js

@@ -25,11 +25,12 @@
 	var pluginName = 'j1Scroll',
 	defaults = {
 	    type:               	'infiniteScroll',
-	    scrollOffset:    	400,
+	    scrollOffset:    			100,
 	    elementScroll:      	false,
 			firstPage:            2,
 			lastPage:             false,
-			loadStatus:           true,
+			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
@@ -56,30 +57,19 @@
 			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 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>';
+			if (options.infoLastPage) {
+				var message = options.lastPageInfo;
 				$(message).insertAfter(options.elementID);
 			}
 

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

@@ -13,4 +13,4 @@
  # -----------------------------------------------------------------------------
 */
 
-(function(e,c,a,g){var d="j1Scroll",f={type:"infiniteScroll",scrollOffset:400,elementScroll:false,firstPage:2,lastPage:false,loadStatus:true,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.loadStatus){var n='<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(n).insertAfter(i.elementID)}if(i.infoLastPage){var m="More articles can be found with the ";var j="Weitere Artikel finden Sie im ";var l;if(a.documentElement.lang==="en"){l=m}else{if(a.documentElement.lang==="de"){l=j}else{l=m}}if(this.settings.elementScroll){this.scroller=this.element}else{this.scroller=c}var k='<div class="page-scroll-last"><p class="infinite-scroll-last">'+l+'<a href="/pages/public/blog/navigator/">Blog Navigator</a></p>	</div>';e(k).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);
+(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)}

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

@@ -14,10 +14,8 @@
 */
 ;(function () {
 
-  var icons         = {};
+  var icons = {};
   var icon_database = '/assets/data/mdi_icons.json';
-  var language      = document.documentElement.lang;
-  var responseText;
 
   function load_data_database() {
     // Returns the icon database object
@@ -49,14 +47,6 @@
         //          var reference = document.querySelector("#mdi-icon");
         //          var popper = document.querySelector(".my-popper");
 
-        if (language == 'en') {
-          responseText = 'Copied to Clipboard';
-        } else if (language == 'de') {
-          responseText = 'Kopiert zur Zwischenablage';
-        } else {
-          responseText = 'Copied to Clipboard';
-        }
-
         var copyFrom = document.createElement('textarea');
         copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
         copyFrom.value = text;
@@ -65,7 +55,7 @@
         document.execCommand('copy');
         var copied = document.createElement('div');
         copied.setAttribute('class', 'copied');
-        copied.appendChild(document.createTextNode(responseText));
+        copied.appendChild(document.createTextNode('Copied to Clipboard'));
         document.body.appendChild(copied);
 
         //          Popper currently NOT used
@@ -81,8 +71,8 @@
           document.body.removeChild(copied);
         }, 1500);
       };
-      // Skip info record 0 (j=1)
-      for (var j = 1; j < icons.length; j++) {
+      // Skip info record 0 (j=1) ???
+      for (var j=0; j<icons.length; j++) {
         var div = document.createElement('div'),
           i = document.createElement('i');
         div.setAttribute("id", "mdi-icon");
@@ -118,7 +108,7 @@
           };
         })(icons[j]);
 
-        document.getElementById('icons').appendChild(div);
+        document.getElementById('mdi-icons').appendChild(div);
       }
     });
 

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

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-(function(){var a={};var d="/assets/data/mdi_icons.json";var e=document.documentElement.lang;var b;function c(){return $.ajax({url:d,success:function(f){if(typeof f=="string"){a=JSON.parse(f)}if(typeof f=="object"){a=f}}})}$.when(c()).done(function(l){a.push({name:"blank",codepoint:"F068C"});var m=function(o){if(e=="en"){b="Copied to Clipboard"}else{if(e=="de"){b="Kopiert zur Zwischenablage"}else{b="Copied to Clipboard"}}var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=o;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode(b));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var f=1;f<a.length;f++){var n=document.createElement("div"),g=document.createElement("i");n.setAttribute("id","mdi-icon");g.className="mdi mdi-"+a[f].name;n.appendChild(g);var k=document.createElement("code");k.appendChild(document.createTextNode("#"+a[f].codepoint));n.appendChild(k);var h=document.createElement("span");h.appendChild(document.createTextNode(a[f].name));n.appendChild(h);g.onmouseup=(function(i){return function(){m(i.name)}})(a[f]);k.onmouseup=(function(i){return function(){m("#"+i.codepoint)}})(a[f]);h.onmouseup=(function(i){return function(){m("mdi-"+i.name)}})(a[f]);document.getElementById("icons").appendChild(n)}})})();
+(function(){var a={};var c="/assets/data/mdi_icons.json";function b(){return $.ajax({url:c,success:function(d){if(typeof d=="string"){a=JSON.parse(d)}if(typeof d=="object"){a=d}}})}$.when(b()).done(function(h){a.push({name:"blank",codepoint:"F068C"});var k=function(m){var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=m;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode("Copied to Clipboard"));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var d=0;d<a.length;d++){var l=document.createElement("div"),e=document.createElement("i");l.setAttribute("id","mdi-icon");e.className="mdi mdi-"+a[d].name;l.appendChild(e);var g=document.createElement("code");g.appendChild(document.createTextNode("#"+a[d].codepoint));l.appendChild(g);var f=document.createElement("span");f.appendChild(document.createTextNode(a[d].name));l.appendChild(f);e.onmouseup=(function(i){return function(){k(i.name)}})(a[d]);g.onmouseup=(function(i){return function(){k("#"+i.codepoint)}})(a[d]);f.onmouseup=(function(i){return function(){k("mdi-"+i.name)}})(a[d]);document.getElementById("mdi-icons").appendChild(l)}})})();

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

@@ -0,0 +1,97 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+
+.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);
+}

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

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+.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)}

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.js

@@ -0,0 +1,125 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+;(function () {
+
+  var icons         = {};
+  var icon_database = '/assets/data/mdil_icons.json';
+  var language      = document.documentElement.lang;
+  var responseText;
+
+  function load_data_database() {
+    // Returns the icon database object
+    return $.ajax({
+      url: icon_database,
+      success: function (data) {
+        if (typeof data == 'string') {
+          icons = JSON.parse(data);
+        }
+        if (typeof data == 'object') {
+          icons = data;
+        }
+      }
+    })
+  };
+
+  $.when(load_data_database()).done(
+    function (load_database_response) {
+
+      icons.push({
+        "name": "blank",
+        "codepoint": "F68C"
+      });
+
+      var copyText = function (text) {
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var reference = document.querySelector("#mdi-icon");
+        //          var popper = document.querySelector(".my-popper");
+
+        if (language == 'en') {
+          responseText = 'Copied to Clipboard';
+        } else if (language == 'de') {
+          responseText = 'Kopiert zur Zwischenablage';
+        } else {
+          responseText = 'Copied to Clipboard';
+        }
+
+        var copyFrom = document.createElement('textarea');
+        copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
+        copyFrom.value = text;
+        document.body.appendChild(copyFrom);
+        copyFrom.select();
+        document.execCommand('copy');
+        var copied = document.createElement('div');
+        copied.setAttribute('class', 'copied');
+        copied.appendChild(document.createTextNode(responseText));
+        document.body.appendChild(copied);
+
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var popperInstance = new Popper(reference, popper, {
+        //            // popper options here
+        //              placement: 'right'
+        //          });
+
+        setTimeout(function () {
+          document.body.removeChild(copyFrom);
+          document.body.removeChild(copied);
+        }, 1500);
+      };
+      // Skip info record 0 (j=1) ???
+      for (var j=0; j<icons.length; j++) {
+        var div = document.createElement('div'),
+          i = document.createElement('i');
+        div.setAttribute("id", "mdi-icon");
+
+        i.className = 'mdil mdil-2x mdil-' + icons[j].name;
+        div.appendChild(i);
+        var code = document.createElement('code');
+        code.appendChild(document.createTextNode('#' + icons[j].codepoint));
+        div.appendChild(code);
+        var span = document.createElement('span');
+        //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
+        span.appendChild(document.createTextNode(icons[j].name));
+        div.appendChild(span);
+
+        // click on font-icon: copy icon name
+        i.onmouseup = (function (icon) {
+          return function () {
+            copyText(icon.name);
+          };
+        })(icons[j]);
+
+        // click on icon-value: copy icon value
+        code.onmouseup = (function (icon) {
+          return function () {
+            copyText('#' + icon.codepoint);
+          };
+        })(icons[j]);
+
+        // click on icon-name: copy MDI icon name
+        span.onmouseup = (function (icon) {
+          return function () {
+            copyText('mdil-' + icon.name);
+          };
+        })(icons[j]);
+
+        document.getElementById('mdil-icons').appendChild(div);
+      }
+    });
+
+})();

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+(function(){var a={};var d="/assets/data/mdil_icons.json";var e=document.documentElement.lang;var b;function c(){return $.ajax({url:d,success:function(f){if(typeof f=="string"){a=JSON.parse(f)}if(typeof f=="object"){a=f}}})}$.when(c()).done(function(l){a.push({name:"blank",codepoint:"F68C"});var m=function(o){if(e=="en"){b="Copied to Clipboard"}else{if(e=="de"){b="Kopiert zur Zwischenablage"}else{b="Copied to Clipboard"}}var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=o;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode(b));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var f=0;f<a.length;f++){var n=document.createElement("div"),g=document.createElement("i");n.setAttribute("id","mdi-icon");g.className="mdil mdil-2x mdil-"+a[f].name;n.appendChild(g);var k=document.createElement("code");k.appendChild(document.createTextNode("#"+a[f].codepoint));n.appendChild(k);var h=document.createElement("span");h.appendChild(document.createTextNode(a[f].name));n.appendChild(h);g.onmouseup=(function(i){return function(){m(i.name)}})(a[f]);k.onmouseup=(function(i){return function(){m("#"+i.codepoint)}})(a[f]);h.onmouseup=(function(i){return function(){m("mdil-"+i.name)}})(a[f]);document.getElementById("mdil-icons").appendChild(n)}})})();

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.js
+ #  ~/assets/themes/j1/modules/rtable/css/theme/uno/rtable.css
  #  Tablesaw v3.1.2 Theme for J1 Template
  #
  #  Product/Info:
@@ -157,8 +157,8 @@ $breakpoint-xs:                        	575px;
   .tablesaw-stack tbody td,
   .tablesaw-stack tbody th {
     display: block;
-/*  float: left; */
-/*  clear: left; */
+    /* float: left;
+    clear: left; */
     width: 100%;
   }