j1-template 2022.4.7 → 2022.4.10

data/assets/themes/j1/modules/rouge/css/uno.light/theme.css

@@ -16,9 +16,18 @@
  #  See: https://github.com/rouge-ruby/rouge/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
+.highlight {
+  background-color: #f5f5f5;    /* $gray-100 */
+}
+
+.highlight table td {
+  padding: 5px;
+}
+
+.highlight table pre {
+  margin: 0;
+}
 
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
 .highlight .cm {
   color: #999988;
   font-style: italic;
@@ -28,7 +37,7 @@
   font-weight: bold;
 }
 .highlight .c1 {
-  color: #999988;
+  color: #424242;
   font-style: italic;
 }
 .highlight .cs {
@@ -106,22 +115,22 @@
   font-weight: bold;
 }
 .highlight .mf {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mh {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .il {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mi {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .mo {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
+  color: #1B5E20;
 }
 .highlight .sa {
   color: #000000;
@@ -164,7 +173,7 @@
   color: #d14;
 }
 .highlight .na {
-  color: #008080;
+  color: #303F9F;
 }
 .highlight .bp {
   color: #999999;
@@ -177,7 +186,7 @@
   font-weight: bold;
 }
 .highlight .no {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .nd {
   color: #3c5d5d;
@@ -205,16 +214,16 @@
   color: #000080;
 }
 .highlight .vc {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .vg {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .vi {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .nv, .highlight .vm {
-  color: #008080;
+  color: #1B5E20;
 }
 .highlight .ow {
   color: #000000;
@@ -227,6 +236,3 @@
 .highlight .w {
   color: #bbbbbb;
 }
-.highlight {
-  background-color: #f8f8f8;
-}

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

@@ -319,7 +319,7 @@ function Translator(props) {
           logger.debug('\n' + 'show.bs.modal: entered');
 
           // hide the menubar for the modal header
-          $('#navigator_nav_navbar').hide();
+          // $('#navigator_nav_navbar').hide();
 
           // create msDropdown from JSON data
           $.when (
@@ -388,7 +388,7 @@ function Translator(props) {
         self.$modal.on('hidden.bs.modal', function () {
           $('body').removeClass('stop-scrolling');
           // if the modal is closed, show the menubar
-          $('#navigator_nav_navbar').show();
+          // $('#navigator_nav_navbar').show();
           // run the postSelectionCallback for (final) translation
           executeFunctionByName (self.props.postSelectionCallback, window);
         }); // END modal on 'hidden'

data/assets/themes/j1/modules/translator/js/translator.min.js

@@ -12,4 +12,4 @@
  #  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-"use strict";function Translator(o){var e,t,a=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),s=!1,r={set:function(o,e,t,a,n,i){var s=window.btoa(e),r="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(t>0){var l=new Date;l.setTime(l.getTime()+24*t*60*60*1e3),r="; expires="+l.toUTCString()}document.cookie=i?o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Domain="+n+"; Secure="+i+";":o+"="+(s||"")+r+"; Path=/; SameSite="+a+";Domain="+n+"; "},get:function(o){for(var e=o+"=",t=document.cookie.split(";"),a=0;a<t.length;a++){for(var n=t[a];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var l in n.info("\ninitializing core module: started"),n.info("\nstate: started"),this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)this.props[l]=o[l];-1!==this.props.dialogLanguage.indexOf("-")&&(this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]),this.props.dialogLanguages.includes(this.props.dialogLanguage)||(this.props.dialogLanguage=this.props.dialogLanguages[0]),this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage,n.info("\ninitializing core module: started"),n.info("\nstate: started");r.get(a.props.cookieName)||(n.info("\ninitializing translator cookie: "+a.props.cookieName),r.set(a.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure));var d={documentReady:function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}};function p(o){var e,t=function o(){var e={},t=!1,a=0,n=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(t=arguments[0],a++);for(var i=function(a){for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t&&"[object Object]"===Object.prototype.toString.call(a[n])?e[n]=o(!0,e[n],a[n]):e[n]=a[n])};a<n;a++)i(arguments[a]);return e}({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+t.selector,$.ajax({url:t.url,dataType:"json",success:function(o){var n=[];if(a.props.translationLanguages.includes("all"))n=o[t.elm];else for(var i=0;i<o[t.elm].length;i++)a.props.translationLanguages.includes(o[t.elm][i].value)&&n.push(o[t.elm][i]);t.visibleRows>n.length&&(t.visibleRows=n.length),MsDropdown.make(e,{byJson:{data:n,name:t.name,size:t.size,width:t.width,multiple:t.multiple},enableAutoFilter:t.enableAutoFilter,visibleRows:t.visibleRows})},error:function(o,e,a){n.error("\nfailed to retrieve JSON data from: "+t.url)}})}function c(){d.documentReady(function(){if(a.modal=document.getElementById(a.props.dialogContainerID),a.modal)a.$modal.modal("show");else{n.info("\nload consent modal"),a.modal=document.createElement("div"),a.modal.id=a.props.dialogContainerID,a.modal.style.display="none",a.modal.setAttribute("class","modal fade"),a.modal.setAttribute("tabindex","-1"),a.modal.setAttribute("role","dialog"),a.modal.setAttribute("aria-labelledby",a.props.dialogContainerID),document.body.append(a.modal),a.$modal=$(a.modal),a.$modal.on("show.bs.modal",function(){n.debug("\nshow.bs.modal: entered"),$("#navigator_nav_navbar").hide(),$.when(p({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8})).then(function(o){n.info("\ncreating msDropdown from JSON data: finished")})}),a.$modal.on("shown.bs.modal",function(){var o,i;i=setInterval(function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===a.props.translationLanguage?(e=navigator.language||navigator.userLanguage,t=e.split("-")[0]):t=a.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+t+"]").index(),a.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),a.$modal.hide()))},25)}),a.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling"),$("#navigator_nav_navbar").show(),function(o,e){for(var t=Array.prototype.slice.call(arguments,2),a=o.split("."),n=a.pop(),i=0;i<a.length;i++)e=e[a[i]];e[n].apply(e,t)}(a.props.postSelectionCallback,window)});var o=a.props.contentURL+"/index.html";$.get(o).done(function(o){n.info("\nloading consent modal: successfully"),a.modal.innerHTML=o,a.modal.innerHTML=$("#"+a.props.xhrDataElement).eq(0).html(),a.modal.style.display="block",$(a.modal).modal({backdrop:"static",keyboard:!1}),a.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),a.$buttonAgree=$("#translator-buttonAgree"),a.$buttonSave=$("#translator-buttonSave"),a.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),u(),g(),$("#google-options").on("hide.bs.collapse",function(){s=!1,u()}).on("show.bs.collapse",function(){s=!0,u()}),n.info("\ninitialze button event handler"),a.$buttonDoNotAgree.click(function(){var o;(o=m()).translationEnabled=!1,r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}),a.$buttonAgree.click(function(){f()}),a.$buttonSave.click(function(){var o,e;$("#google-options").collapse("hide"),o=m(),(e=JSON.parse(r.get(a.props.cookieConsentName))).analysis=o.analysis,e.personalization=o.personalization,r.set(a.props.cookieConsentName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),g()}),a.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide"),f()}),a.$modal.modal("show")}).fail(function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")})}}.bind(this))}function g(){var o=a.getSettings();if(o)for(var e in o){a.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function u(){s?(a.$buttonDoNotAgree.hide(),a.$buttonAgree.hide(),a.$buttonSave.show(),a.$buttonAgreeAll.show()):(a.$buttonDoNotAgree.show(),a.$buttonAgree.show(),a.$buttonSave.hide(),a.$buttonAgreeAll.hide())}function m(o){for(var e=a.$modal.find("#google-options .translator-option"),t={},n=0;n<e.length;n++){var i=e[n],s=i.getAttribute("data-name");if("necessary"===s)t[s]=!0;else if(void 0===o){var r=$(i).find('input[type="checkbox"]');t[s]=r.prop("checked")}else t[s]=!!o}return t}function f(){var o=JSON.parse(r.get(a.props.cookieConsentName)),e=JSON.parse(r.get(a.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}this.showDialog=function(){c()},this.getSettings=function(o){if(r.get(a.props.cookieName)){var e=JSON.parse(r.get(a.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.info("\nstate: finished")}
+"use strict";function Translator(o){var e,t,a=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),s=!1,r={set:function(o,e,t,a,n,i){var s=window.btoa(e),r="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(t>0){var l=new Date;l.setTime(l.getTime()+24*t*60*60*1e3),r="; expires="+l.toUTCString()}document.cookie=i?o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Domain="+n+"; Secure="+i+";":o+"="+(s||"")+r+"; Path=/; SameSite="+a+";Domain="+n+"; "},get:function(o){for(var e=o+"=",t=document.cookie.split(";"),a=0;a<t.length;a++){for(var n=t[a];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var l in n.info("\ninitializing core module: started"),n.info("\nstate: started"),this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)this.props[l]=o[l];-1!==this.props.dialogLanguage.indexOf("-")&&(this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]),this.props.dialogLanguages.includes(this.props.dialogLanguage)||(this.props.dialogLanguage=this.props.dialogLanguages[0]),this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage,n.info("\ninitializing core module: started"),n.info("\nstate: started");r.get(a.props.cookieName)||(n.info("\ninitializing translator cookie: "+a.props.cookieName),r.set(a.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure));var d={documentReady:function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}};function p(o){var e,t=function o(){var e={},t=!1,a=0,n=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(t=arguments[0],a++);for(var i=function(a){for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t&&"[object Object]"===Object.prototype.toString.call(a[n])?e[n]=o(!0,e[n],a[n]):e[n]=a[n])};a<n;a++)i(arguments[a]);return e}({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+t.selector,$.ajax({url:t.url,dataType:"json",success:function(o){var n=[];if(a.props.translationLanguages.includes("all"))n=o[t.elm];else for(var i=0;i<o[t.elm].length;i++)a.props.translationLanguages.includes(o[t.elm][i].value)&&n.push(o[t.elm][i]);t.visibleRows>n.length&&(t.visibleRows=n.length),MsDropdown.make(e,{byJson:{data:n,name:t.name,size:t.size,width:t.width,multiple:t.multiple},enableAutoFilter:t.enableAutoFilter,visibleRows:t.visibleRows})},error:function(o,e,a){n.error("\nfailed to retrieve JSON data from: "+t.url)}})}function c(){d.documentReady(function(){if(a.modal=document.getElementById(a.props.dialogContainerID),a.modal)a.$modal.modal("show");else{n.info("\nload consent modal"),a.modal=document.createElement("div"),a.modal.id=a.props.dialogContainerID,a.modal.style.display="none",a.modal.setAttribute("class","modal fade"),a.modal.setAttribute("tabindex","-1"),a.modal.setAttribute("role","dialog"),a.modal.setAttribute("aria-labelledby",a.props.dialogContainerID),document.body.append(a.modal),a.$modal=$(a.modal),a.$modal.on("show.bs.modal",function(){n.debug("\nshow.bs.modal: entered"),$.when(p({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8})).then(function(o){n.info("\ncreating msDropdown from JSON data: finished")})}),a.$modal.on("shown.bs.modal",function(){var o,i;i=setInterval(function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===a.props.translationLanguage?(e=navigator.language||navigator.userLanguage,t=e.split("-")[0]):t=a.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+t+"]").index(),a.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),a.$modal.hide()))},25)}),a.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling"),function(o,e){for(var t=Array.prototype.slice.call(arguments,2),a=o.split("."),n=a.pop(),i=0;i<a.length;i++)e=e[a[i]];e[n].apply(e,t)}(a.props.postSelectionCallback,window)});var o=a.props.contentURL+"/index.html";$.get(o).done(function(o){n.info("\nloading consent modal: successfully"),a.modal.innerHTML=o,a.modal.innerHTML=$("#"+a.props.xhrDataElement).eq(0).html(),a.modal.style.display="block",$(a.modal).modal({backdrop:"static",keyboard:!1}),a.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),a.$buttonAgree=$("#translator-buttonAgree"),a.$buttonSave=$("#translator-buttonSave"),a.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),u(),g(),$("#google-options").on("hide.bs.collapse",function(){s=!1,u()}).on("show.bs.collapse",function(){s=!0,u()}),n.info("\ninitialze button event handler"),a.$buttonDoNotAgree.click(function(){var o;(o=m()).translationEnabled=!1,r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}),a.$buttonAgree.click(function(){f()}),a.$buttonSave.click(function(){var o,e;$("#google-options").collapse("hide"),o=m(),(e=JSON.parse(r.get(a.props.cookieConsentName))).analysis=o.analysis,e.personalization=o.personalization,r.set(a.props.cookieConsentName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),g()}),a.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide"),f()}),a.$modal.modal("show")}).fail(function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")})}}.bind(this))}function g(){var o=a.getSettings();if(o)for(var e in o){a.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function u(){s?(a.$buttonDoNotAgree.hide(),a.$buttonAgree.hide(),a.$buttonSave.show(),a.$buttonAgreeAll.show()):(a.$buttonDoNotAgree.show(),a.$buttonAgree.show(),a.$buttonSave.hide(),a.$buttonAgreeAll.hide())}function m(o){for(var e=a.$modal.find("#google-options .translator-option"),t={},n=0;n<e.length;n++){var i=e[n],s=i.getAttribute("data-name");if("necessary"===s)t[s]=!0;else if(void 0===o){var r=$(i).find('input[type="checkbox"]');t[s]=r.prop("checked")}else t[s]=!!o}return t}function f(){var o=JSON.parse(r.get(a.props.cookieConsentName)),e=JSON.parse(r.get(a.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}this.showDialog=function(){c()},this.getSettings=function(o){if(r.get(a.props.cookieName)){var e=JSON.parse(r.get(a.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.info("\nstate: finished")}

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js

@@ -297,8 +297,8 @@
   $.fn.twemojiPicker = function (i) {
     var h = $.data(this, "twemojiPicker");
     this.each(function () {
-      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i))
+      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i));
     });
     return h
   }
-})(jQuery, window);
+})(jQuery, window, document);

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js

@@ -16,4 +16,307 @@
  # For details, https://github.com/xLs51/Twemoji-Picker
  # -----------------------------------------------------------------------------
 */
-(function(c,h,a){var k=150;var i={};var e="/assets/data/twa_v1.json";var j;var l;c.TwemojiPicker=function(d,b){var f=this;c.when(this._loadDatabase()).done(function(m){f.$el=c(d);f._init(b)})};c.TwemojiPicker.defaults={init:null,language:"en",size:25,icon:"grinning",iconSize:25,height:100,width:null,category:["smile","cherry-blossom","video-game","oncoming-automobile","symbols"],categorySize:20,pickerPosition:null,pickerHeight:150,pickerWidth:null,placeholder:"Click on Picker to select Emoji's from a Category",};c.TwemojiPicker.prototype={_init:function(b){this.options=c.extend(true,{},c.TwemojiPicker.defaults,b);this._initPicker();this._initCategory();this._initTwemoji();this._initText();this._initStyle();this._initEvents()},_loadDatabase:function g(){return c.ajax({url:e,success:function(b){if(typeof b=="string"){i=JSON.parse(b)}if(typeof b=="object"){i=b}}})},_initPicker:function(){var f=this;var b;var d;if(f.options.language=="en"){b="Clear";j="Copied to Clipboard";l=f.options.placeholder}else{if(f.options.language=="de"){b="Löschen";j="Kopiert zur Zwischenablage";l="Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie"}else{b="Clear";j="in Clipboard";l=f.options.placeholder}}d='<div class="twemoji-icon-picker">';d+='<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="open-group" class="btn btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';d+="</span>";d+='<span id="clear-textarea" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="clear-textarea" class="btn btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>'+b+"</button>";d+="</span>";d+="</div>";f.$id="#"+f.$el["0"].id;f.$pickerHeigth=f.options.height.replace("px","");f.$pickerHeigth=Number(f.$pickerHeigth);f.$wrapper=f.$el.wrap('<div class="twemoji-wrap"></div>').parent();f.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="'+l+'"></div>');f.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');f.$wrapper.append(d);f.$wrapper.append('<div class="twemoji-picker"></div>');f.$el.hide();f.$textarea=f.$wrapper.find(".twemoji-textarea");f.$textareaDuplicate=f.$wrapper.find(".twemoji-textarea-duplicate").hide();f.$iconPicker=f.$wrapper.find("#open-group");f.$clearTextarea=f.$wrapper.find("#clear-textarea");f.$picker=f.$wrapper.find(".twemoji-picker").hide()},_initCategory:function(){var d=this;var b=this.options.category;this.categoryName=["people","nature","object","place","symbol"];this.$picker.append('<div class="twemoji-picker-category"></div>');this.$pickerCategory=this.$picker.find(".twemoji-picker-category");c.each(this.categoryName,function(m,f){d.$pickerCategory.append('<span data-category="'+f+'">'+d.imageFromName(b[m])+"</span>")});this.$pickerCategory.find("span:first").addClass("active")},_initTwemoji:function(){var b=this;c.each(this.categoryName,function(f,d){b.$picker.append('<div class="twemoji-list '+d+'"></div>');c.each(i,function(n,m){if(m.category===d){b.$wrapper.find(".twemoji-picker ."+d).append('<span><img class="emoji" draggable="false" src="'+m.base64+'" alt="'+m.value+'" title="'+m.name+'"></span>')}})});this.$twemojiList=this.$picker.find(".twemoji-list");this.$twemojiList.not(":first").hide()},_initText:function(){if(this.options.init){var b=this.options.init;var d=/:([\w-]+):/g;var f;while(f==d.exec(b)){b=b.replace(f[0],this.imageFromName(f[1],true))}this.$textarea.html(b);this.copyTextArea(this.$textarea.html())}},_initStyle:function(){this.$wrapper.css({width:this.options.width?this.options.width:"100%",height:this.options.height?this.options.height:"",});this.$wrapper.find("img").css({width:this.options.size,height:this.options.size,});this.$iconPicker.css({width:this.options.iconSize,height:this.options.iconSize,});this.$pickerCategory.find("img").css({width:this.options.categorySize,height:this.options.categorySize,});this.$twemojiList.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",height:this.options.pickerHeight,});this.$picker.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",top:this.options.pickerPosition==="top"?"-"+this.$picker.outerHeight()+"px":"",})},_initEvents:function(){var b=this;this.$textarea.on("keyup",function(){b.copyTextArea(c(this).html())});this.$iconPicker.on("click",function(){var d=c(".twemoji-picker").height()+k;c("#picker").height(d);c(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");if(!b.openedPicker){b.openPicker()}else{b.closePicker();c("#picker").height(b.$pickerHeigth)}});this.$clearTextarea.on("click",function(){b.copyTextArea("");c(b.$id).val("");c(".twemoji-textarea > .emoji-span").remove()});this.$pickerCategory.find("span").on("click",function(){var d=c(this).data("category");b.openCategory(c(this),d)});this.$pickerCategory.find(".close").on("click",function(){if(b.openedPicker){b.closePicker()}});this.$twemojiList.find("img").on("click",function(){b.copyTwemoji(c(this))})},copyText:function(f){var d=document.createElement("textarea");d.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");d.value=f;document.body.appendChild(d);d.select();document.execCommand("copy");var b=document.createElement("div");b.setAttribute("class","copied");b.appendChild(document.createTextNode(j));document.body.appendChild(b);setTimeout(function(){document.body.removeChild(d);document.body.removeChild(b)},1500)},openPicker:function(){this.$picker.show();this.openedPicker=true},closePicker:function(){this.$picker.hide();this.openedPicker=false},openCategory:function(d,b){this.$pickerCategory.find("span").removeClass("active");d.addClass("active");this.$twemojiList.not(".twemoji-picker ."+b).hide();this.$twemojiList.filter(".twemoji-picker ."+b).show()},copyTwemoji:function(b){var m=b.attr("alt");var d=b.attr("src");var f=b.attr("title");var n="emoji:"+f+"[]";this.copyText(n);this.$textarea.focus();this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="'+d+'" title="'+f+'" alt="'+m+'" width="'+this.options.size+'" height="'+this.options.size+'"> '+n+"</span> ");this.copyTextArea(this.$textarea.html())},copyTextArea:function(b){var f=this.$textareaDuplicate.html(b);f.find("img").replaceWith(function(){return this.alt});var d=f.html();this.$el.text(d)},imageFromName:function(d,b){var f=c.grep(i,function(m){return m.name==d});if(b){return'<img class="emoji" src="'+f[0].base64+'" alt="'+f[0].value+'" width="'+this.options.size+'" height="'+this.options.size+'">'}return'<img class="emoji" draggable="false" src="'+f[0].base64+'" alt="'+d+'">'},pasteAtCursor:function(b){var d,q;if(h.getSelection){d=h.getSelection();if(d.getRangeAt&&d.rangeCount){q=d.getRangeAt(0);q.deleteContents();var p=document.createElement("div");p.innerHTML=b;var r=document.createDocumentFragment(),f,o;while((f=p.firstChild)){o=r.appendChild(f)}q.insertNode(r);if(o){q=q.cloneRange();q.setStartAfter(o);q.collapse(true);d.removeAllRanges();d.addRange(q)}}}else{if(document.selection&&document.selection.type!="Control"){document.selection.createRange().pasteHTML(b)}}}};c.fn.twemojiPicker=function(b){var d=c.data(this,"twemojiPicker");this.each(function(){d?d._init():d=c.data(this,"twemojiPicker",new c.TwemojiPicker(this,b))});return d}})(jQuery,window);
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js
+ # Twemoji-Picker v2017-06-03 implementation for J1 template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/xLs51/Twemoji-Picker
+ #
+ # Copyright (C) 2022 Juergen Adams
+ # Copyright (C) 2015 xLs51
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Twemoji-Picker is licensed under under the MIT License.
+ # For details, https://github.com/xLs51/Twemoji-Picker
+ # -----------------------------------------------------------------------------
+*/
+(function ($, window, undefined) {
+  var b = 150;
+  var d = {};
+  var twa_database = "/assets/data/twa_v1.json";
+  var responseText;
+  var placeholder;
+
+  $.TwemojiPicker = function (element, options) {
+    var h = this;
+    $.when(this._loadDatabase()).done(function (e) {
+      h.$el = $(element);
+      h._init(options)
+    })
+  };
+  $.TwemojiPicker.defaults = {
+    init: null,
+    language: "en",
+    size: 25,
+    icon: "grinning",
+    iconSize: 25,
+    height: 100,
+    width: null,
+    category: ["smile", "cherry-blossom", "video-game", "oncoming-automobile", "symbols"],
+    categorySize: 20,
+    pickerPosition: null,
+    pickerHeight: 150,
+    pickerWidth: null,
+    placeholder: "Click on Picker to select Emoji's from a Category",
+  };
+  $.TwemojiPicker.prototype = {
+    _init: function (h) {
+      this.options = $.extend(true, {}, $.TwemojiPicker.defaults, h);
+      this._initPicker();
+      this._initCategory();
+      this._initTwemoji();
+      this._initText();
+      this._initStyle();
+      this._initEvents()
+    },
+    _loadDatabase: function f() {
+      return $.ajax({
+        url: twa_database,
+        success: function (h) {
+          if (typeof h == "string") {
+            d = JSON.parse(h)
+          }
+          if (typeof h == "object") {
+            d = h
+          }
+        }
+      })
+    },
+    _initPicker: function () {
+      var h = this;
+      var clearText;
+      var buttonsHTML;
+
+      if (h.options.language == 'en') {
+        clearText    = 'Clear';
+        responseText = 'Copied to Clipboard';
+        placeholder  = h.options.placeholder;
+      } else if (h.options.language == 'de') {
+        clearText    = 'Löschen';
+        responseText = 'Kopiert zur Zwischenablage';
+        placeholder  = "Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie";
+      } else {
+        clearText    = 'Clear';
+        responseText = 'in Clipboard';
+        placeholder  = h.options.placeholder;
+      }
+
+      buttonsHTML =  '<div class="twemoji-icon-picker">';
+      buttonsHTML +=   '<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';
+      buttonsHTML +=     '<button type="button" name="open-group" class="btn btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';
+      buttonsHTML +=   '</span>';
+      buttonsHTML +=   '<span id="clear-textarea" style="width: 2rem; height: 2rem;">';
+      buttonsHTML +=     '<button type="button" name="clear-textarea" class="btn btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>' + clearText + '</button>';
+      buttonsHTML +=   '</span>';
+      buttonsHTML += '</div>';
+
+      h.$id = "#" + h.$el["0"].id;
+      h.$pickerHeigth = h.options.height.replace("px", "");
+      h.$pickerHeigth = Number(h.$pickerHeigth);
+      h.$wrapper = h.$el.wrap('<div class="twemoji-wrap"></div>').parent();
+      h.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="' + placeholder + '"></div>');
+      h.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');
+      h.$wrapper.append(buttonsHTML);
+      h.$wrapper.append('<div class="twemoji-picker"></div>');
+      h.$el.hide();
+      h.$textarea = h.$wrapper.find(".twemoji-textarea");
+      h.$textareaDuplicate = h.$wrapper.find(".twemoji-textarea-duplicate").hide();
+      h.$iconPicker = h.$wrapper.find("#open-group");
+      h.$clearTextarea = h.$wrapper.find("#clear-textarea");
+      h.$picker = h.$wrapper.find(".twemoji-picker").hide()
+    },
+    _initCategory: function () {
+      var h = this;
+      var i = this.options.category;
+      this.categoryName = ["people", "nature", "object", "place", "symbol"];
+      this.$picker.append('<div class="twemoji-picker-category"></div>');
+      this.$pickerCategory = this.$picker.find(".twemoji-picker-category");
+      $.each(this.categoryName, function (j, k) {
+        h.$pickerCategory.append('<span data-category="' + k + '">' + h.imageFromName(i[j]) + "</span>")
+      });
+      this.$pickerCategory.find("span:first").addClass("active")
+    },
+    _initTwemoji: function () {
+      var h = this;
+      $.each(this.categoryName, function (j, k) {
+        h.$picker.append('<div class="twemoji-list ' + k + '"></div>');
+        $.each(d, function (i, l) {
+          if (l.category === k) {
+            h.$wrapper.find(".twemoji-picker ." + k).append('<span><img class="emoji" draggable="false" src="' + l.base64 + '" alt="' + l.value + '" title="' + l.name + '"></span>')
+          }
+        })
+      });
+      this.$twemojiList = this.$picker.find(".twemoji-list");
+      this.$twemojiList.not(":first").hide()
+    },
+    _initText: function () {
+      if (this.options.init) {
+        var j = this.options.init;
+        var i = /:([\w-]+):/g;
+        var h;
+        while (h == i.exec(j)) {
+          j = j.replace(h[0], this.imageFromName(h[1], true))
+        }
+        this.$textarea.html(j);
+        this.copyTextArea(this.$textarea.html())
+      }
+    },
+    _initStyle: function () {
+      this.$wrapper.css({
+        width: this.options.width ? this.options.width : "100%",
+        height: this.options.height ? this.options.height : "",
+      });
+      this.$wrapper.find("img").css({
+        width: this.options.size,
+        height: this.options.size,
+      });
+      this.$iconPicker.css({
+        width: this.options.iconSize,
+        height: this.options.iconSize,
+      });
+      this.$pickerCategory.find("img").css({
+        width: this.options.categorySize,
+        height: this.options.categorySize,
+      });
+      this.$twemojiList.css({
+        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
+        height: this.options.pickerHeight,
+      });
+      this.$picker.css({
+        width: this.options.pickerWidth ? this.options.pickerWidth : "100%",
+        top: this.options.pickerPosition === "top" ? "-" + this.$picker.outerHeight() + "px" : "",
+      })
+    },
+    _initEvents: function () {
+      var h = this;
+      this.$textarea.on("keyup", function () {
+        h.copyTextArea($(this).html())
+      });
+      this.$iconPicker.on("click", function () {
+        var i = $(".twemoji-picker").height() + b;
+        $("#picker").height(i);
+        $(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");
+        if (!h.openedPicker) {
+          h.openPicker()
+        } else {
+          h.closePicker();
+          $("#picker").height(h.$pickerHeigth)
+        }
+      });
+      this.$clearTextarea.on("click", function () {
+        h.copyTextArea('');
+        $(h.$id).val('');
+        $(".twemoji-textarea > .emoji-span").remove()
+      });
+      this.$pickerCategory.find("span").on("click", function () {
+        var i = $(this).data("category");
+        h.openCategory($(this), i)
+      });
+      this.$pickerCategory.find(".close").on("click", function () {
+        if (h.openedPicker) {
+          h.closePicker()
+        }
+      });
+      this.$twemojiList.find("img").on("click", function () {
+        h.copyTwemoji($(this))
+      })
+    },
+    copyText: function (text) {
+        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);
+        setTimeout(function () {
+            document.body.removeChild(copyFrom);
+            document.body.removeChild(copied);
+        }, 1500);
+    },
+    openPicker: function () {
+      this.$picker.show();
+      this.openedPicker = true
+    },
+    closePicker: function () {
+      this.$picker.hide();
+      this.openedPicker = false
+    },
+    openCategory: function (h, i) {
+      this.$pickerCategory.find("span").removeClass("active");
+      h.addClass("active");
+      this.$twemojiList.not(".twemoji-picker ." + i).hide();
+      this.$twemojiList.filter(".twemoji-picker ." + i).show()
+    },
+    copyTwemoji: function (l) {
+      var i = l.attr("alt");
+      var k = l.attr("src");
+      var j = l.attr("title");
+      var h = "emoji:" + j + "[]";
+      this.copyText(h);
+      this.$textarea.focus();
+      this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="' + k + '" title="' + j + '" alt="' + i + '" width="' + this.options.size + '" height="' + this.options.size + '"> ' + h + "</span> ");
+      this.copyTextArea(this.$textarea.html())
+    },
+    copyTextArea: function (j) {
+      var h = this.$textareaDuplicate.html(j);
+      h.find("img").replaceWith(function () {
+        return this.alt
+      });
+      var i = h.html();
+      this.$el.text(i)
+    },
+    imageFromName: function (i, j) {
+      var h = $.grep(d, function (k) {
+        return k.name == i
+      });
+      if (j) {
+        return '<img class="emoji" src="' + h[0].base64 + '" alt="' + h[0].value + '" width="' + this.options.size + '" height="' + this.options.size + '">'
+      }
+      return '<img class="emoji" draggable="false" src="' + h[0].base64 + '" alt="' + i + '">'
+    },
+    pasteAtCursor: function (m) {
+      var l, h;
+      if (window.getSelection) {
+        l = window.getSelection();
+        if (l.getRangeAt && l.rangeCount) {
+          h = l.getRangeAt(0);
+          h.deleteContents();
+          var i = document.createElement("div");
+          i.innerHTML = m;
+          var n = document.createDocumentFragment(),
+            k, j;
+          while ((k = i.firstChild)) {
+            j = n.appendChild(k)
+          }
+          h.insertNode(n);
+          if (j) {
+            h = h.cloneRange();
+            h.setStartAfter(j);
+            h.collapse(true);
+            l.removeAllRanges();
+            l.addRange(h)
+          }
+        }
+      } else {
+        if (document.selection && document.selection.type != "Control") {
+          document.selection.createRange().pasteHTML(m)
+        }
+      }
+    }
+  };
+  $.fn.twemojiPicker = function (i) {
+    var h = $.data(this, "twemojiPicker");
+    this.each(function () {
+      h ? h._init() : h = $.data(this, "twemojiPicker", new $.TwemojiPicker(this, i));
+    });
+    return h
+  }
+})(jQuery, window, document);

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2022.4.7'
+  VERSION = '2022.4.10'
 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', '~> 2022.4.7'
+gem 'j1-template', '~> 2022.4.10'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2022.4.7
+version:                                2022.4.10
 
 # version
 # ------------------------------------------------------------------------------
@@ -270,7 +270,7 @@ robots:
 
 brand:
   image:                                modules/icons/j1/j1-512x512.png
-  image_height:                         48
+  image_height:                         48px
   text:                                 Jekyll One
   text_color:                           "#9E9E9E"
 

data/lib/starter_web/_data/blocks/banner.yml

@@ -112,7 +112,7 @@ settings:
                     translate:          notranslate                             # translate|notranslate
                     title:              Roundtrip
                     tagline:            learn top features
-                    class:              btn btn-xl btn-primary text-uppercase text-left mr-2 mb-2
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase text-left mr-2 mb-2
                     style:              "min-width: 270px"
                     icon:               briefcase-search-outline
                     icon_color:
@@ -126,7 +126,7 @@ settings:
                     translate:          notranslate                             # translate|notranslate
                     title:              Download
                     tagline:            get on rubygems
-                    class:              btn btn-xl btn-primary text-uppercase text-left mr-2 mb-2
+                    class:              btn btn-raised btn-xl btn-primary text-uppercase text-left mr-2 mb-2
                     style:              "min-width: 270px"
                     icon:               briefcase-download-outline
                     icon_color:
@@ -181,9 +181,12 @@ settings:
               cite_text_size:             300%
               cite_text_quotes:           false
               cite_text: >
-                                          <strong><span class="text-primary">Making is</span>
-                                          like Wanting, <br> but even
-                                          <span class="text-primary">Better</span></strong>
+                                          <strong>
+                                            <span class="text-primary">Making is</span>
+                                            <span class="text-light">like Wanting, <br> but even</span>
+                                            <span class="text-primary">Better</span>
+                                          </strong>
+
               text_color:                 "#E0E0E0"
               gridify:                    true
               size_y:                     450

data/lib/starter_web/_data/blocks/footer.yml

@@ -154,7 +154,7 @@ settings:
                                         the Web and the Web site generator Jekyll. J1 is Open
                                         Source and the modules packed as well.
                                         <br><br>
-                                        <b>No pain for private or professional use.</b>
+                                        <i>No pain for private or professional use.</i>
 
             justify:                    true
 

data/lib/starter_web/_data/modules/attics.yml

@@ -56,7 +56,7 @@ settings:
         padding_top:                    400
         padding_bottom:                 50
         opacity:                        0.5
-#       title_animate:                  fadeInDown
+#       title_animate:                  animate__fadeInDown
 #       raised_level:                   15
 #       background_color_1:             "#512DA8"                               # deep-purple-700
 #       background_color_2:             "#B39DDB"                               # deep-purple-200
@@ -64,7 +64,7 @@ settings:
     # --------------------------------------------------------------------------
     # layouts posts|pages
     #
-    - name:                             Page_Post
+    - name:                             Pages and Posts
       attic:
         enabled:                        true
         id:                             attic_page_post
@@ -73,14 +73,26 @@ settings:
         padding_bottom:                 50
         opacity:                        0.5
 
+    # --------------------------------------------------------------------------
+    # layouts raw
+    #
+    - name:                             Raw pages
+      attic:
+        enabled:                        true
+        id:                             attic_raw
+        layout:                         [ raw ]
+        padding_top:                    400
+        padding_bottom:                 50
+        opacity:                        0.5
+
     # --------------------------------------------------------------------------
     #  layouts collection|app|raw
     #
-    - name:                             Text attic
+    - name:                             Text pages
       attic:
         enabled:                        true
         id:                             attic_text
-        layout:                         [ collection, app, raw ]
+        layout:                         [ collection, app ]
 
 # ------------------------------------------------------------------------------
 # END config