j1-template 2023.5.2 → 2023.7.0

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

@@ -0,0 +1,26 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/speak2me/js/speak2me.min.js
+ # speak2me v.1.0 implementation (based on Articulate.js) for J1 Theme
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/acoti/articulate.js/tree/master
+ #
+ # Copyright (C) 2023 Juergen Adams
+ # Copyright (C) 2017 Adam Coti
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # Articulate is licensed under the MIT License.
+ # See: https://github.com/acoti/articulate.js/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+
+/* Articulate.js (1.1.0). (C) 2017 Adam Coti.
+  MIT @license: en.wikipedia.org/wiki/MIT_License
+  See Github page at: https://github.com/acoti/articulate.js
+  See Web site at: http://articulate.purefreedom.com
+*/
+
+!function(e){"use strict";var n,t,i,a,r,s,o=new Array,l=new Array,c=new Array,u=new Array,d=new Array,p=.9,h=1,f=.9,g=function(e){for(var n=e+"=",t=document.cookie.split(";"),i=0;i<t.length;i++){for(var a=t[i];" "===a.charAt(0);)a=a.substring(1,a.length);if(0===a.indexOf(n)){var r=a.substring(n.length,a.length);return r}}return}("googtrans"),m="Google UK English Female",v=/Edg/i.test(navigator.userAgent),y=/chrome/i.test(navigator.userAgent)&&!v,k=0,j=!1;function w(e,n){this.prepend=e,this.append=n}function b(e,n){this.name=e,this.language=n}function Q(){for(var e=speechSynthesis.getVoices(),n=0;n<e.length;n++)d.push(new b(e[n].name,e[n].lang))}if(Q(),"undefined"!=typeof speechSynthesis&&void 0!==speechSynthesis.onvoiceschanged&&(speechSynthesis.onvoiceschanged=Q),"speechSynthesis"in window){var S=new SpeechSynthesisUtterance;window.speechSynthesis.cancel()}if(void 0===g)a="en-US";else{var N=g.split("/");a="en"==N[2]?"en-GB":N[2].includes("ar")?"ar-EG":N[2].includes("cs")?"cs-CZ":N[2].includes("da")?"da-DK":N[2].includes("en")?"en-UK":N[2].includes("et")?"et-EE":N[2].includes("ka")?"ka-GE":N[2].includes("el")?"el-GR":N[2].includes("iw")?"he-IL":N[2].includes("hi")?"hi-IN":N[2].includes("ja")?"ja-JP":N[2].includes("zh")?"zh-CN":N[2]+"-"+N[2].toUpperCase()}if(y)var E={"de-DE":"Google Deutsch","en-US":"Google US English","en-GB":"Google UK English Female","es-ES":"Google español","fr-FR":"Google français","it-IT":"Google italiano","nl-NL":"Google Nederlands","pl-PL":"Google polski","pt-PT":"Google português do Brasil"}[a];if(v)E={"sq-AL":"Microsoft Anila Online (Natural) - Albanian (Albania)","ar-EG":"Microsoft Salma Online (Natural) - Arabic (Egypt)","bg-BG":"Microsoft Kalina Online (Natural) - Bulgarian (Bulgaria)","zh-CN":"Microsoft Xiaoxiao Online (Natural) - Chinese (Mainland)","hr-HR":"Microsoft Gabrijela Online (Natural) - Croatian (Croatia)","cs-CZ":"Microsoft Antonin Online (Natural) - Czech (Czech)","da-DK":"Microsoft Christel Online (Natural) - Danish (Denmark)","nl-NL":"Microsoft Colette Online (Natural) - Dutch (Netherlands)","en-GB":"Microsoft Libby Online (Natural) - English (United Kingdom)","en-US":"Microsoft Aria Online (Natural) - English (United States)","et-EE":"Microsoft Anu Online (Natural) - Estonian (Estonia)","fi-FI":"Microsoft Noora Online (Natural) - Finnish (Finland)","fr-FR":"Microsoft Denise Online (Natural) - French (France)","ka-GE":"Microsoft Giorgi Online (Natural) - Georgian (Georgia)","de-DE":"Microsoft Katja Online (Natural) - German (Germany)","el-GR":"Microsoft Athina Online (Natural) - Greek (Greece)","he-IL":"Microsoft Avri Online (Natural) - Hebrew (Israel)","hi-IN":"Microsoft Madhur Online (Natural) - Hindi (India)","hu-HU":"Microsoft Noemi Online (Natural) - Hungarian (Hungary)","it-IT":"Microsoft Elsa Online (Natural) - Italian (Italy)","ja-JP":"Microsoft Nanami Online (Natural) - Japanese (Japan)"}[a];var G={speak:function(a){e.extend({},e.fn.speak2me.defaults,a);var d,g,m,b,Q="",N=new Array;if(N.a=new w("clicking the link,",""),N.q=new w(",",""),N.ol=new w("Start of list.","End of list."),N.ul=new w("Start of list.","End of list."),N.dl=new w("Start of list.","End of list."),N.dt=new w("",", "),N.img=new w("There's an embedded image with the description,",""),N.table=new w("There's an embedded table with the caption,","Note, table contents are not spoken, "),N.figure=new w("There's an embedded figure with the caption,",""),N.blockquote=new w("Blockquote start.","Blockquote end."),b=["audio","button","canvas","code","del","dialog","embed","form","head","iframe","meter","nav","noscript","object","s","script","select","style","textarea","video"],"speechSynthesis"in window){if(!window.speechSynthesis.speaking)return this.each(function(){d=e(this).clone(),g=function(e){var n,t,i;if(l.length>0)for(var a in l){var r=b.indexOf(l[a]);r>-1&&b.splice(r,1)}for(var a in b)jQuery(e).find(b[a]).addBack(b[a]).not("[data-speak2me-recognize]").each(function(){jQuery(this).html("")});if(o.length>0)for(var a in o)jQuery(e).find(o[a]).addBack(o[a]).not("[data-speak2me-recognize]").each(function(){jQuery(this).html("")});jQuery(e).find("[data-speak2me-ignore]").addBack("[data-speak2me-ignore]").each(function(){jQuery(this).html("")}),jQuery(e).find(".speak2me-ignore").addBack("[data-speak2me-ignore]").each(function(){jQuery(this).html("")}),jQuery(e).find("[data-speak2me-prepend]").addBack("[data-speak2me-prepend]").each(function(){n=jQuery(this).data("speak2me-prepend"),jQuery(this).prepend(n+" ")}),jQuery(e).find("[data-speak2me-append]").addBack("[data-speak2me-append]").each(function(){n=jQuery(this).data("speak2me-append"),jQuery(this).append(" "+n)});for(var s in N)jQuery(e).find(s).each(function(){u[s]?(jQuery(this).prepend(u[s].prepend+" "),jQuery(this).append(" "+u[s].append)):(jQuery(this).prepend(N[s].prepend+" "),jQuery(this).append(" "+N[s].append))});return jQuery(e).find("h1,h2,h3,h4,h5,h6,li,p").addBack("h1,h2,h3,h4,h5,h6,li,p").each(function(){jQuery(this).append(". ")}),jQuery(e).find("br").each(function(){jQuery(this).after(", ")}),jQuery(e).find("figure").addBack("figure").each(function(){n=jQuery(this).find("figcaption").html(),i=u.figure?u.figure.prepend:N.figure.prepend,null!=n&&""!==n&&jQuery("<div>"+i+" "+n+".</div>").insertBefore(this),jQuery(this).remove()}),jQuery(e).find("img").addBack("img").each(function(){n=jQuery(this).attr("alt");var e=jQuery(this).parent(),t=e.get(0).tagName;i=u.img?u.img.prepend:N.img.prepend,void 0!==n&&""!=n&&("PICTURE"==t?jQuery("<div>"+i+" "+n+".</div>").insertBefore(e):jQuery("<div>"+i+" "+n+".</div>").insertBefore(this)),jQuery(this).remove()}),jQuery(e).find("table").addBack("table").each(function(){n=jQuery(this).find("caption").text(),u.table?(i=u.table.prepend,t=u.table.append):(i=N.table.prepend,t=N.table.append),void 0!==n&&""!=n&&(jQuery("<div>"+i+" "+n+".</div>").insertBefore(this),jQuery("<div>"+t+" .</div>").insertBefore(this)),jQuery(this).remove()}),jQuery(e).find("[data-speak2me-swap]").addBack("[data-speak2me-swap]").each(function(){n=jQuery(this).data("speak2me-swap"),jQuery(this).text(n)}),jQuery(e).find("[data-speak2me-spell]").addBack("[data-speak2me-spell]").each(function(){n=(n=jQuery(this).text()).split("").join(" "),jQuery(this).text(n)}),e}(d),g=jQuery(g).html(),m=function(e){var n,t,i,a,s;for(;-1!=e.indexOf("\x3c!-- <speak2me>")&&(n=e.indexOf("\x3c!-- <speak2me>"),-1!=(t=e.indexOf("</speak2me> --\x3e",n)));)i=e.substring(n+17,t),a=e.substring(0,n),s=e.substring(t+17),e=a+" "+i+" "+s;e=(e=e.replace(/<!--[\s\S]*?-->/g,"")).replace(/(<([^>]+)>)/gi,"");var o,l,d=c.length,p=0;for(;p<d;){o=(o=c[p]).replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&"),l=c[p+1]+" ";var h=new RegExp(o,"gi"),e=e.replace(h,l);p+=2}e=u.q?(e=e.replace(/“/g,u.q.prepend+" ")).replace(/”/g," "+u.q.append):(e=e.replace(/“/g,N.q.prepend+" ")).replace(/”/g," "+N.q.append);e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=e.replace(/:/g,", ")).replace(/^$/g,"\n")).replace(/^\s+$/g,"\n")).replace(/\s+\.\s+/g,"\n")).replace(/\s+\.\s+$/g,"\n")).replace(/\.\./g,".")).replace(/\se\.g\.\s/g," for example, ")).replace(/\,\s+\.g\.\s+\,/g," for example, ")).replace(/[\!\?]/g,", ")).replace(/—/g,", ")).replace(/--/g,", ");var f=document.createElement("textarea");f.innerHTML=e;const g=function(e,n){const t=e.split(/[.!?]/);return t.forEach((e,n)=>{t[n]=e.replace(/^\s+|\s+$/g,""),t[n]=t[n]+". "}),t}(e=(e=(e=(e=(e=(e=(e=f.value).replace(/(\r\n|\n|\r)/gm,"")).replace(/  +/g," ")).replace(/\.\./g,".")).replace(/,,/g,",")).replace(/ ,/g,",")).replace(/^\s+|\s+$/g,""));return r=g.length,g}(g),Q=m}),p=void 0!==n?n:.9,h=void 0!==t?t:1,f=void 0!==i?i:.9,(S=new SpeechSynthesisUtterance).rate=p,S.pitch=h,S.volume=f,S.voice=void 0,y&&(S.voice=speechSynthesis.getVoices().filter(function(e){return e.name==E})[0]),v&&(S.voice=speechSynthesis.getVoices().filter(function(e){return e.name==E})[0]),function(n,t){const i=window.speechSynthesis;n.text=t[k],i.speak(n),n.addEventListener("start",n=>{e(".mdib-speaker").addClass("mdib-spin")}),n.addEventListener("end",function(n){k++,e(s).removeClass("speak-highlighted")});var a=setInterval(function(){if(!i.speaking)if(k==r||j)k=0,j=!1,i.cancel(),e(".mdib-speaker").removeClass("mdib-spin"),clearInterval(a);else{n.text=t[k];var o=n.text.substr(0,20);s=e("#content").find("p:contains('"+o+"')")[0],e(s).addClass("speak-highlighted"),i.speak(n)}},500)}(S,Q),S}else alert("Sorry, this browser does not support the Web Speech API.")},pause:function(){return window.speechSynthesis.pause(),this},resume:function(){return window.speechSynthesis.resume(),this},stop:function(){return window.speechSynthesis.cancel(),j=!0,this},enabled:function(){return"speechSynthesis"in window},isSpeaking:function(){return window.speechSynthesis.speaking},isPaused:function(){return window.speechSynthesis.paused},rate:function(){var e=arguments[0];return e>=.1&&e<=10?n=e:void 0===e&&(n=void 0,p=.9),this},pitch:function(){var e=arguments[0];return e>=.1&&e<=2?t=e:void 0===e&&(t=void 0,h=1),this},volume:function(){var e=arguments[0];return e>=0&&e<=1?i=e:void 0===e&&(i=void 0,f=.9),this},ignore:function(){var e=arguments.length;for(o.length=0;e>0;)e--,o.push(arguments[e]);return this},recognize:function(){var e=arguments.length;for(l.length=0;e>0;)e--,l.push(arguments[e]);return this},replace:function(){var e=arguments.length;c.length=0;for(var n=0;n<e&&(c.push(arguments[n],arguments[n+1]),e-(n+=2)!=1););return this},customize:function(){var e=arguments.length;if(0==e&&(u=[]),2==e){if(-1==["img","table","figure"].indexOf(arguments[0]))return void console.log("Error: When customizing, tag indicated must be either 'img', 'table', or 'figure'.");u[arguments[0].toString()]=new w(arguments[1].toString())}if(3==e){if(-1==["q","ol","ul","blockquote"].indexOf(arguments[0]))return void console.log("Error: When customizing, tag indicated must be either 'q', 'ol', 'ul' or 'blockquote'.");u[arguments[0].toString()]=new w(arguments[1].toString(),arguments[2].toString())}return this},getVoices:function(){if(0==arguments.length)return d;var e=jQuery(arguments[0]),n="Choose a voice";void 0!==arguments[1]&&(n=arguments[1]),e.append(jQuery("<select id='voiceSelect' name='voiceSelect'><option value='none'>"+n+"</option></select>"));for(var t=0,i=0;i<d.length;i++)if(y&&d[i].name.includes("Microsoft"))t++;else if(!v||d[i].name.includes("Natural")){var a=document.createElement("option");a.textContent=d[i].name+" ("+d[i].language+")",a.setAttribute("value",d[i].name),void 0!==E?d[i].name===E&&a.setAttribute("selected","selected"):d[i].name.includes(m),a.setAttribute("data-speak2me-language",d[i].language),e.find("select").append(a)}else t++;return i-t},setVoice:function(){if(arguments.length<2)return this;var e,n;if("name"==arguments[0]){e=arguments[1];for(var t=0;t<d.length;t++)d[t].name==e&&(m=e)}if("language"==arguments[0])if(2==(n=arguments[1].toUpperCase()).length){for(t=0;t<d.length;t++)if(d[t].language.substring(0,2).toUpperCase()==n){m=d[t].name;break}}else for(t=0;t<d.length;t++)if(d[t].language==n){m=d[t].name;break}return this}};e.fn.speak2me=function(e){return G[e]?G[e].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof e&&e?void jQuery.error("Method "+e+" does not exist on jQuery.speak2me"):G.speak.apply(this,arguments)}}(jQuery);

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

@@ -276,18 +276,21 @@ function Translator(props) {
           settings.visibleRows = dropdownLanguages.length;
         }
 
-        // create the dropdown
-        MsDropdown.make(selectorID, {
-          byJson: {
-            data: dropdownLanguages,
-            name: settings.name,
-            size: settings.size,
-            width: settings.width,
-            multiple: settings.multiple,
-          },
-          enableAutoFilter: settings.enableAutoFilter,
-          visibleRows: settings.visibleRows,
-        });
+        // prevent multiple dropdowns created
+        if ($('#dropdownJSON')[0].msDropdown === undefined) {
+          // create the dropdown
+          MsDropdown.make(selectorID, {
+            byJson: {
+              data: dropdownLanguages,
+              name: settings.name,
+              size: settings.size,
+              width: settings.width,
+              multiple: settings.multiple,
+            },
+            enableAutoFilter: settings.enableAutoFilter,
+            visibleRows: settings.visibleRows,
+          });
+        }
       },
       error: function (jqXHR, textStatus, errorThrown) {
         logger.error('\n' + 'failed to retrieve JSON data from: ' + settings.url);
@@ -300,6 +303,7 @@ function Translator(props) {
   // Show|Create the translation dialog (modal)
   // ---------------------------------------------------------------------------
   function showDialog() {
+    var cbAction = 'none'
     Events.documentReady(function () {
 
       self.modal = document.getElementById(self.props.dialogContainerID);
@@ -402,7 +406,7 @@ function Translator(props) {
           // if the modal is closed, show the menubar
           // $('#navigator_nav_navbar').show();
           // run the postSelectionCallback for (final) translation
-          executeFunctionByName (self.props.postSelectionCallback, window);
+          executeFunctionByName (self.props.postSelectionCallback, window, cbAction);
         }); // END modal on 'hidden'
 
         // ---------------------------------------------------------------------
@@ -423,6 +427,7 @@ function Translator(props) {
 
           self.$buttonDoNotAgree = $('#translator-buttonDoNotAgree');
           self.$buttonAgree      = $('#translator-buttonAgree');
+          self.$buttonExit       = $('#translator-buttonExit');
           self.$buttonSave       = $('#translator-buttonSave');
           self.$buttonAgreeAll   = $('#translator-buttonAgreeAll');
 
@@ -445,18 +450,26 @@ function Translator(props) {
 
           self.$buttonDoNotAgree.click(function () {
             doNotAgree();
+            cbAction = 'process';
           });
           self.$buttonAgree.click(function () {
             agreeAll();
+            cbAction = 'process';
+          });
+          self.$buttonExit.click(function () {
+            cbAction = 'exitOnly';
+            exitAll();
           });
           self.$buttonSave.click(function () {
             $('#google-options').collapse('hide');
             saveSettings();
             updateOptionsFromCookie();
+            cbAction = 'process';
           });
           self.$buttonAgreeAll.click(function () {
             $('#google-options').collapse('hide');
             agreeAll();
+            cbAction = 'process';
           });
           self.$modal.modal('show');
         })
@@ -564,6 +577,10 @@ function Translator(props) {
     self.$modal.modal('hide');
   }
 
+  function exitAll() {
+    self.$modal.modal('hide');
+  }
+
   // ---------------------------------------------------------------------------
   // doNotAgree()
   // process current settings from checkboxes for button `doNotAgree`

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

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

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2023.5.2'
+  VERSION = '2023.7.0'
 end

data/lib/starter_web/Gemfile

@@ -63,9 +63,9 @@ gem 'jekyll', '~> 4.0'
 # ------------------------------------------------------------------------------
 # Install Webrick GEM (internally used Web Server) if Ruby V3 is used
 #
-install_if -> { RUBY_VERSION =~ /3/ } do
-  gem 'webrick', '~> 1.7'
-end
+#install_if -> { RUBY_VERSION =~ /3/ } do
+#  gem 'webrick', '~> 1.8.1'
+#end
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment
@@ -75,11 +75,11 @@ end
 # Specify the THEME GEM used for the project
 
 # Loaded from RubyGems
-gem 'j1-template', '~> 2023.5.2'
+gem 'j1-template', '~> 2023.7.0'
 
 # Loaded from gem.fury.io
 #source 'https://gem.fury.io/jekyll-one-org/' do
-#  gem 'j1-template', '~> 2023.5.2'
+#  gem 'j1-template', '~> 2023.6.0'
 #end
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/README.md

@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
   2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
   2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2023-02-28 18:12:12 - GENERATE: Using j1-template 2023.5.2
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2023.7.0
   2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2023-02-28 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
   2023-02-28 18:17:48 - SETUP: Initialize the project ...
   2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
   2023-02-28 18:17:49 - SETUP:
-  2023-02-28 18:17:49 - SETUP: > j1@2023.5.2 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2023.7.0 setup C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2023-02-28 18:17:49 - SETUP:
   2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2023-02-28 18:26:18 - SITE: Starting up your site ...
   2023-02-28 18:26:18 - SITE:
-  2023-02-28 18:26:18 - SITE: > j1@2023.5.2 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2023.7.0 j1-site C:\Users\jadams\j1-projects\my-starter
   2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
   2023-02-28 18:26:18 - SITE:
   2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2023-02-28 18:45:09 - REBUILD:
-2023-02-28 18:45:09 - REBUILD: > j1@2023.5.2 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2023.7.0 rebuild C:\Users\xxx\j1-projects\my-starter
 2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2023-02-28 18:45:09 - REBUILD:
 2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
   2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
   2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
   2023-02-28 18:29:08 - RESET:
-  2023-02-28 18:29:08 - RESET: > j1@2023.5.2 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2023.7.0 reset C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:29:08 - RESET: > run-s -s reset:*
   2023-02-28 18:29:08 - RESET:
   2023-02-28 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of the site
 #
-version:                                2023.5.2
+version:                                2023.7.0
 
 # copyright
 # ------------------------------------------------------------------------------
@@ -230,7 +230,7 @@ keywords: >
                                         sites, static, jamstack, bootstap
 
 # Crawling/Indexing ENABLED for default. Settings managed page-wise using
-# frontmatter defaults or by page default settings to make sure that only
+# front matter defaults or by page default settings to make sure that only
 # WANTED pages gets crawled.
 #
 robots:
@@ -293,7 +293,7 @@ favicon:
 #
 # NOTE:
 #   The permalink style can individualy configured by
-#   frontmatter variables. It is highly recommended to use a
+#   front matter variables. It is highly recommended to use a
 #   "pretty style" for individual permalinks as well. For that
 #   reason, the permalink should always have a trailing backslash.
 #
@@ -595,7 +595,7 @@ collections:
     permalink:                          /collections/public/:collection/:name/
 
 # ------------------------------------------------------------------------------
-# FRONTMATTER defaults
+# FRONT MATTER defaults
 #
 # Using the YAML Front Matter is a way the (individual) configuration
 # for post and pages can be specified. Very often, a lot of config
@@ -661,6 +661,7 @@ defaults:
         index:                          true
         follow:                         true
 
+      tts:                              true
       toc:                              true
       canonical:                        false
       fab_menu_id:                      open_toc
@@ -681,10 +682,10 @@ defaults:
   #
 
   # ----------------------------------------------------------------------------
-  # PUBLIC - FEATURED
+  # PUBLIC
   #
   - scope:
-      path:                             posts/public/featured
+      path:                             posts/public
       type:                             posts
 
     values:
@@ -706,6 +707,7 @@ defaults:
         index:                          true
         follow:                         true
 
+      tts:                              true
       toc:                              true
       canonical:                        false
       fab_menu_id:                      open_toc
@@ -720,44 +722,6 @@ defaults:
         - toccer:
             collapseDepth:              3
 
-  # ----------------------------------------------------------------------------
-  # PUBLIC - SERIES
-  #
-  - scope:
-      type:                             posts
-      path:                             posts/public/series
-
-    values:
-      layout:                           post
-      compress:                         true
-
-      author:
-        name:                           Juergen Adams
-        url:                            https://jekyll.one/
-
-      logo:                             /assets/images/icons/j1/j1-512x512.png
-      image:
-        path:                           /assets/images/promo/home/screenshot.jpg
-        width:                          1200
-        height:                         800
-
-      robots:
-        index:                          true
-        follow:                         true
-
-      toc:                              true
-      canonical:                        false
-      fab_menu_id:                      open_toc
-      comments:                         false
-      scrollbar:                        false
-      page_navigation:                  true
-      personalization:                  false
-      exclude_from_search:              false
-
-      resource_options:
-        - toccer:
-            collapseDepth:              3
-
   # ----------------------------------------------------------------------------
   # Collections
   #
@@ -771,6 +735,7 @@ defaults:
 
     values:
       layout:                           page
+      tts:                              false
       canonical:                        false
 
   # ----------------------------------------------------------------------------
@@ -782,6 +747,7 @@ defaults:
 
     values:
       layout:                           page
+      tts:                              false
       canonical:                        false
 
   - scope:
@@ -790,6 +756,7 @@ defaults:
 
     values:
       layout:                           page
+      tts:                              false
       canonical:                        false
 
   - scope:
@@ -798,6 +765,7 @@ defaults:
 
     values:
       layout:                           page
+      tts:                              false
       canonical:                        false
 
 

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

@@ -114,20 +114,21 @@ settings:
                                           create modern dynamic websites. The template system gives hobbyists
                                           and professionals a clean implementation for starting new projects.
                                           JekyllOne is open source, and the modules packed are also free
-                                          to use. No license issues for private or professional purposes.
+                                          to use.
                                         </p>
                                         <p>
                                           J1 Starter Theme is designed to be lightweight and easily customizable.
                                           It comes with a basic structure and styling out of the box so that you
                                           can create a website quickly and easily, without having to worry about
-                                          the code. It features a modern, minimalist design with a focus on usability
+                                          the code.
+                                        </p>
+                                        <p>
+                                          It features a modern, minimalist design with a focus on usability
                                           and accessibility. Additionally, it comes with built-in support for search
-                                          engine optimization (SEO) and social media integration, making it easy to
+                                          engine optimization and social media integration, making it easy to
                                           get your site off the ground and running.
                                         </p>
-                                        <p class="tagline">
-                                          <b>Explore what's possible if you go for modern static websites.</b>
-                                        </p>
+                                        <p class="mt-4 fw-bold">Explore what is possible when using static webs.</p>
               buttons:
 
                 - name:                 Roundtrip

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

@@ -24,7 +24,6 @@ description:
   scope:                                User settings
   location:                             _data/blocks/panel.yml
 
-
 # ------------------------------------------------------------------------------
 # SETTINGS
 #
@@ -72,8 +71,8 @@ settings:
                                           a portfolio website to an e-commerce store. Static websites
                                           are becoming increasingly popular because they are faster,
                                           more secure, and easier to maintain than traditional dynamic
-                                          websites. Static websites are also great for SEO (search engine
-                                          optimization) as they are easier for search engines to crawl
+                                          websites. Static websites are also great for search engine
+                                          optimization as they are easier for search engines to crawl
                                           and index.
                                         </p>
                                         <p class="tagline">
@@ -414,22 +413,25 @@ settings:
                                           People quite often ask if static websites make sense for
                                           anything beyond a one-page website. Some others see in
                                           static websites the stone age of the World Wide Web.
-                                          What's about static websites today? What's achievable?
+                                          What is achievable today?
+                                        </p>
+                                        <p>
                                           This board highlights top features, which make static webs
                                           not only an option but a state-of-the-art technology to create
                                           fast, secure, and sophisticated websites for many use cases.
                                         </p>
                                         <ul>
                                           <li>
-                                            Current Technology and Design. Excellent performance on all devices.
+                                            <p style="margin-bottom: 0;">Current Technology and Design. Excellent performance on all devices.</p>
                                           </li>
                                           <li>
-                                            Fully Responsive. Best results on PCs, Tablets, and SmartPhones.
+                                            <p style="margin-bottom: 0;">Fully Responsive. Best results on PCs, Tablets, and SmartPhones.</p>
                                           </li>
                                           <li>
-                                            Start in no time. No programming is needed using Jekyll One.
+                                            <p style="margin-bottom: 0;">Start in no time. No programming is needed using Jekyll One.</p>
                                           </li>
                                         </ul>
+                                        <p class="fw-bold mt-4 mb-5">Explore what the J1 Template system can do for your next website.</p>
 
         wave:
           top:
@@ -463,14 +465,13 @@ settings:
               header_translate:         notranslate
               text: >
                                         <p class="dropcap">
-                                          Current software counts. Excellent tools in their latest versions
-                                          make the rocket engine for each and every website. Jekyll One
-                                          is using current software in their latest versions. All of them
-                                          are OpenSource and free to use. No license issues for private or
-                                          professional use.
+                                          Excellent tools in their latest versions make the
+                                          rocket engine for each and every website.
                                         </p>
-                                        <p>
-                                          The base of J1.
+                                        <p class="mt-3">
+                                          J1 Theme is based on ready-to-use frameworks, extensions,
+                                          and modules. All build-in frameworks are are open source,
+                                          well known, and and free to use.
                                         </p>
 
               services:
@@ -480,20 +481,15 @@ settings:
                     id:                 A1
                     description: >
                                         <p>
-                                          The theme J1 Theme is based on the <i>Ruby</i> language of version
-                                          2.x. For sure, not the latest language version for <i>Ruby</i> but the
-                                          supported platform for the latest <i>Jekyll</i> software.
+                                          The J1 Theme is based on the <i>Ruby</i> language of the latest
+                                          versions of V3. Websites created by Jekyll One Theme are managed
+                                          by NodeJS. The built-in script engine provided simplifies the management
+                                          of J1 projects a lot. Well-known commands typically used to manage
+                                          software projects are at your fingertips.
                                         </p>
                                         <p>
-                                          Websites created by Jekyll One Theme are projects managed by NodeJS. The
-                                          built-in script engine provided by the package manager npm of NodeJS
-                                          simplifies the management of J1 projects a lot. Well-known commands
-                                          typically used to manage software projects are at your fingertips.
                                           Easy to learn, easy to remember. Commands support creators to
-                                          concentrate on the content.
-                                        </p>
-                                        <p>
-                                          Not get lost in project management.
+                                          concentrate on the content and not get lost in project management.
                                         </p>
                                         <p>
                                           <i class="mdib mdib-language-ruby mdib-24px md-blue-700 ml-3 mr-2"></i>
@@ -562,15 +558,15 @@ settings:
                                           for best results on PCs, Tablets, and SmartPhones.
                                         </p>
                                         <p>
-                                          Mobile devices are great for Apps designed for these platforms. Using a web
+                                          Mobile devices are great for apps designed for these platforms. Using a web
                                           browser to surf websites is often frustrating on mobiles. Jekyll One provides
                                           navigation systems that cover both worlds: desktops and mobiles.
                                         </p>
                                         <p>
                                           Performance is a key factor for all users. To not get visitors  lost, J1
                                           webs are highly optimized. All Websites will achieve best Google Lighthouse
-                                          Scores for performance, accessibility, best practices, and SEO at a
-                                          green level.
+                                          scores for performance, accessibility, best practices, and search
+                                          engine optimization at a green level.
                                         </p>
                                         <p>
                                         Support your visitors.
@@ -601,14 +597,14 @@ settings:
               header_translate:         notranslate
               text: >
                                         <p class="dropcap">
-                                          For Jekyll, a huge number of themes are available that cover
-                                          all typical use cases for websites. The bad story: most of them
-                                          require programming and low-level customization. Deep knowledge
-                                          of Jekyll and valuable experience using HTML, CSS, and Javascript
-                                          is required.
+                                          For Jekyll, many modules like sliders and galleries are
+                                          available to cover typical use cases for websites.
                                         </p>
-                                        <p>
-                                          The ease of using J1.
+                                        <p class="mt-3">
+                                          All modules are fully integrated and easily used by simple
+                                          configuration, which makes programming <b>not</b> needed.
+                                          The theme provides many building blocks to create modern web
+                                          pages in minutes.
                                         </p>
               services:
 
@@ -617,7 +613,7 @@ settings:
                     id:                 B1
                     description: >
                                         <p>
-                                          The theme J1 provides a large number of building blocks to create modern
+                                          The J1 theme provides a large number of building blocks to create modern
                                           web pages in minutes. The base idea of the J1 Theme is to give all people
                                           a toolset at their hands to create a website with no need to start web
                                           development or web design from the beginning.
@@ -743,10 +739,12 @@ settings:
         description_properties:         mt-3 mr-3 mb-5
         description: >
                                         <p class="dropcap">
-                                          Explore the blog and find interesting articles around Jekyll and
-                                          website creation processes in general. And this blog is an excellent
-                                          example of how J1 and Jekyll can be used for blogging.
+                                          Explore the blog and find interesting articles about
+                                          Jekyll and general website creation processes. And this
+                                          blog is an excellent example of how J1 and Jekyll can be
+                                          used for blogging.
                                         </p>
+                                        <p class="fw-bold mb-4">Read more on how Jekyll can be used for the powerful websites of today.</p>
         wave:
           top:
             enabled:                      false

data/lib/starter_web/_data/layouts/home.yml

@@ -253,7 +253,7 @@ lanes:
       type:                             sync
       base:                             _includes/google
       path:                             static
-      file:                             google_ad_5128488466.html
+      file:                             google_ad__your-slot-id.html
 
   # ----------------------------------------------------------------------------
   # DIVIDER banner