j1-template 2022.5.1 → 2022.5.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ef4b1dbda764736d62ba61752746e3556f0ca171bff05f9b1964824b675b2f1
-  data.tar.gz: b397b53c6f6d548bfe8206e78db1ae33bdd012d17b152bceb5fba4fa240e9e89
+  metadata.gz: 7a5581be2b6342dea15b95fa98a981177d66caa213f1a86e3c4e14a7ad37cd51
+  data.tar.gz: f4347d1033d3a1cc7900a7e7c87717a8e99d8da30e72e91c7ad663f345ec0662
 SHA512:
-  metadata.gz: b217e14299dc897f28674e66cb1ac8105e2568ada1387531f66071855730c8e54126131257b888c30bad3f58275007e1403f01fa112219f52a7eb849091b9ff8
-  data.tar.gz: 438f464c775ae27d0b55ca42e978dd7e8a14c87fc8484094568cc09a1ded533a9dd45eb3f9edbb34f644702b38691393164ee66657003d9a5517979e6c3c9159
+  metadata.gz: f350e2446da3d97634e3877e26aee69fdf03a91d830d41ed8ba009ae768b475f939c6c817ec4047ee7ed7bd3e04eec58f181b82f49358add466a1f2418b9e476
+  data.tar.gz: b7254baa608d0f65b33982dda48e4be6d7cfe17ba2b010c3ecb42c77374a78389115bb77efee6ecd87d429f2cbdaf5344bca848160b296c533a7991571dd6ef3

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

@@ -44,7 +44,7 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ start processing: place meta tags (taken from site config|page frontmatter) ] -->
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ start meta-data processing: place meta tags (taken from site config|page frontmatter) ] -->
 
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ page|content encoding ] -->
 <meta http-equiv="Content-Type" content="text/html;charset={{site.coding}}" />
@@ -68,6 +68,8 @@
 <meta name="{{template_config.translation.google.meta_data}}" content="enabled" />
 {% endif %}
 
+{% comment %} Disabled old meta description tags in favour of Jekyll SEO Tags
+--------------------------------------------------------------------------------
 {% if page.layout == 'home' %}
   <title>{{site.slogan}}</title>
 {% else %}
@@ -112,10 +114,6 @@
   {% endif %}
 {% endif %}
 
-{% if site.favicon.image %}
-  <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
-{% endif %}
-
 {% if page.layout == 'home' %}
   {% if page.author %}
     <meta name="author" content="{{page.author}}" />
@@ -147,6 +145,11 @@
     {% endif %}
   {% endif %}
 {% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% if site.favicon.image %}
+  <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
+{% endif %}
 
 {% comment %} Check robot settings from site configuration
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -258,8 +261,9 @@
 {{personalization}}
 
 
-{% comment %} SEO settings (optimization)
+{% comment %} SEO Optimization
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ start SEO Optimization ] -->
 
 {% comment %} PRELOAD fonts
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -346,4 +350,15 @@
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider! PRECONNECT 3rd party origins to establish early connections ] -->
 {% endif %}
 
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ end processing ] -->
+{% comment %} Add Jekyll SEO Tags (if plugin is enabled)
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ add Jekyll SEO Tags ] -->
+{% seo %}
+
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ place additional site preview image data ] -->
+<meta property="og:image" content="{{site.url}}/{{site.preview-image}}" />
+<meta property="og:image:type" content="image/jpeg" />
+<meta property="og:image:alt" content="{{site.title}} · {{site.slogan}}" />
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ end SEO Optimization ] -->
+
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ end meta-data processing ] -->

data/_includes/themes/j1/procedures/layouts/module_writer.proc

@@ -139,7 +139,7 @@ NO need to load this again
               ------------------------------------------------------------------ {% endcomment %}
               {% if frontmatter_options %}
                 // [INFO   ] [j1.layout.module_writer.proc          ] [ pass module specific frontmatter options for: {{resource_settings.id}} ]
-                {% capture frontmatter_options %}{{frontmatter_options}}, {"layout": "{{page.layout}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}"}{% endcapture %}
+                {% capture frontmatter_options %}{{frontmatter_options}}, {"layout": "{{page.layout}}", "title": "{{page.title}}", "tagline": "{{page.tagline}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}"}{% endcapture %}
                 var settings = $.extend({}, {{frontmatter_options}});
 
                 {% comment %} create resource_settings.dependencies (if any)

data/_layouts/default.html

@@ -101,41 +101,35 @@ debug:                                  false
 {% comment %} additional debug data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if page.debug %}
-<!-- [DEBUG  ] [j1.layout.default.html                ] [ layout data to be loaded: {{lanes_collate}} ] -->
+  <!-- [DEBUG  ] [j1.layout.default.html                ] [ layout data to be loaded: {{lanes_collate}} ] -->
 {% endif %}
 
-<!-- [INFO   ] [j1.layout.default.html                ] [ page generated: {{site.time}} ] -->
-<!-- [INFO   ] [j1.layout.default.html                ] [ environment detected as: {{environment}} ] -->
-<!-- [INFO   ] [j1.layout.default.html                ] [ version detected as: {{template_version}} ] -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ page generated: {{site.time}} ] -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ environment detected as: {{environment}} ] -->
+  <!-- [INFO   ] [j1.layout.default.html                ] [ version detected as: {{template_version}} ] -->
 
   {% comment %} collect the head section (region head)
-  ------------------------------------------------------------------------------ {% endcomment %}
   <head data-proofer-ignore>
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <head>
 
-    {% comment %}
-    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-LRlmVvLKVApDVGuspQFnRQJjkv0P7/YFrw84YYQtmYG4nK8c+M+NlmYDCv0rKWpG" crossorigin="anonymous">
-    {% endcomment %}
     <!-- [INFO   ] [j1.layout.default.html                ] [ call default_writer for region: 'head' ] -->
     {% include {{default_writer}} region='head' items=lanes_collate %}
     <!-- [INFO   ] [j1.layout.default.html                ] [ end default_writer for region: 'head' ] -->
 
   </head>
 
+  <!-- [INFO   ] [j1.layout.default.html                ] [ disable MathJax for default on region 'body' ] -->
   <body class="nomathjax">
 
-  {% comment %} wrapper to suppress "DOM flicker"|"Overflows"
-  NOTE:
-    2021-11-13:
-    Since moved to bs@5, a overflow is on the HOME page
-    !!! NOT seen on content pages !!!
-  ------------------------------------------------------------------------------ {% endcomment %}
+    {% comment %} NOTE: 2021-11-13, wrapper to suppress "DOM flicker|Overflow"
+    Since moved to BS5, an overflow-x is on the HOME page, but NOT seen on
+    any content pages !!!
+    ---------------------------------------------------------------------------- {% endcomment %}
     <!-- [INFO   ] [j1.layout.default.html                ] [ start page processing for region: 'body' ] -->
-    <!-- [INFO   ] [j1.layout.default.html                ] [ place wrapper to prevent "DOM flicker" ] -->
-    <!-- [INFO   ] [j1.layout.default.html                ] [ make page hidden (suppress flicker) ] -->
-    <!-- [INFO   ] [j1.layout.default.html                ] [ suppress page overflows (overflow: hidden) ] -->
-    <!-- div id="no_flicker" style="display: none" -->
     <div id="no_flicker" style="overflow: hidden; display: none">
 
+      <!-- [INFO   ] [j1.layout.default.html                ] [ wrapper to prevent "DOM flicker" ] -->
       {% comment %} collect the BODY-NAVIGATION region
       -------------------------------------------------------------------------- {% endcomment %}
       <!-- [INFO   ] [j1.layout.default.html                ] [ call default_writer for region: 'body-navigation' ] -->
@@ -155,7 +149,6 @@ debug:                                  false
       <!-- [INFO   ] [j1.layout.default.html                ] [ end content_writer default_writer for region: 'body-footer' ] -->
 
     </div>
-    <!-- [INFO   ] [j1.layout.default.html                ] [ end suppress flicker ] -->
 
     <!-- [INFO   ] [j1.layout.default.html                ] [ place noscript info|error page ] -->
     {% assign language            = site.language %}
@@ -164,8 +157,6 @@ debug:                                  false
     {% assign http_error          = '444' %}
     {% assign back_url            = "about:blank" %}
 
-    {% capture brand_image %}{{images_dir}}/{{brand_image_source}}{% endcapture %}
-
     {% if language != 'en' or language != 'de' %}
       {% assign language          = 'en' %}
     {% endif %}

data/assets/data/banner.html

@@ -234,8 +234,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2022.5.1"
-                			title="Get new version 2022.5.1"
+                			alt="Get new version 2022.5.3"
+                			title="Get new version 2022.5.3"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>

data/assets/data/panel.html

@@ -693,10 +693,10 @@ exclude_from_search:                    true
                 			<li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{cards_per_row}} p-0">
                         <article class="card card-same-height raised-z3 mb-5">
                           {% if post.image %}
-                            <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
+                            <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(1) brightness(1);">
                             {% assign post_width = '80x' %}
                           {% else %}
-                            <img class="mt-2" src="" alt="">
+                            <img class="mt-2" src="" alt="" style="filter: grayscale(1) contrast(1) brightness(1);">
                             {% assign post_width = '100x' %}
                           {% endif %}
                           <h3 class="card-header bg-primary notoc notranslate">{{post.title}}</h3>
@@ -756,10 +756,10 @@ exclude_from_search:                    true
                     <!-- Posts -->
                     <article class="card raised-z3 mb-3">
                       {% if post.image %}
-                        <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
+                        <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(1) brightness(1);">
                         {% assign post_width = '80x' %}
                       {% else %}
-                        <img class="mt-2" src="" alt="">
+                        <img class="mt-2" src="" alt="" style="filter: grayscale(1) contrast(1) brightness(1);">
                         {% assign post_width = '100x' %}
                       {% endif %}
                       <h3 class="card-header bg-primary notoc">{{post.title}}</h3>

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

@@ -256,6 +256,18 @@ j1.adapter.attic = (function (j1, window) {
               var frontmatterOptions  = _this.frontmatterOptions;
               var textOverlayHTML;
 
+              // apply DEFAULT settings for textOverlayTitle|textOverlayTagline
+              // on the FIRST backstretch instance if title|tagline NOT set
+              //
+              if (index == 0) {
+                if (typeof instance.images[index].title == 'undefined') {
+                  textOverlayTitle    = frontmatterOptions.title;
+                }
+                if (typeof instance.images[index].tagline == 'undefined') {
+                  textOverlayTagline  = frontmatterOptions.tagline;
+                }
+              }
+
               if (typeof instance.images[index].badge != 'undefined') {
                 var bType               = instance.images[index].badge.type;
                 var bAuthor             = instance.images[index].badge.author;
@@ -314,8 +326,13 @@ j1.adapter.attic = (function (j1, window) {
 
               $('.textOverlay').show();
               $('.textOverlay').css('opacity', '1');
-              $('.attic-caption').show();
-              $('.attic-caption').css('opacity', '1');
+
+              // jadams, 2022-08-19: show a badge only if defined
+              //
+              if (typeof instance.images[index].badge != 'undefined') {
+                $('.attic-caption').show();
+                $('.attic-caption').css('opacity', '1');
+              }
 
               // jadams, 2022-08-09:
               // resize the (background-)image to make sure the 'attic'

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

@@ -110,6 +110,16 @@ j1.adapter.rtable = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
+      var bsMediaBreakpoints = {
+        xs: 575,
+        sm: 576,
+        md: 768,
+        lg: 992,
+        xl: 1200
+      };
+
+      var breakpoint;
+
       // -----------------------------------------------------------------------
       // Global variable settings
       // -----------------------------------------------------------------------
@@ -147,15 +157,30 @@ j1.adapter.rtable = (function (j1, window) {
             var log_text;
             // jadams, 2020-09-16: class 'rtable' indicate use of 'tablesaw'
             if ($(curTable).hasClass('rtable')) {
-              // jadams, 2020-09-16: add needed CSS class/attribute for tablesaw
+              // add needed CSS class/attribute for tablesaw
+              $(curTable).addClass('table');
               $(curTable).addClass('tablesaw');
-              $(curTable).attr('data-tablesaw-mode','stack');
+              $(curTable).attr('data-tablesaw-mode', moduleOptions.rtable.mode);
+
+              // Advanced mode NOT supported (mode stack only)
+              //
+              // $(curTable).attr('data-tablesaw-sortable', '');
+              // $(curTable).attr('data-tablesaw-sortable-switch', '');
+              // $(curTable).attr('data-tablesaw-minimap', '');
+              // $(curTable).attr('data-tablesaw-mode-switch', '');
 
-              Tablesaw.init(curTable, moduleOptions);
+              Tablesaw.init(curTable, {
+                breakpoint:   moduleOptions.rtable.breakpoint
+              });
 
               // set initial state for all table/colgroup elements
               //
-              if ($(window).width() < moduleOptions.breakpoint) {
+              breakpoint = bsMediaBreakpoints[moduleOptions.rtable.breakpoint];
+              if (! breakpoint) {
+                breakpoint = bsMediaBreakpoints['lg'];
+              }
+
+              if ($(window).width() < breakpoint) {
                 log_text = '\n' + 'hide colgroups: ' + curTable.attr('id')
                 curTable.find('colgroup').hide();
                 logger.debug(log_text);
@@ -165,6 +190,44 @@ j1.adapter.rtable = (function (j1, window) {
                 logger.debug(log_text);
               }
             } // END if hasClass 'rtable'
+
+            // add needed div element needed for BS to move the table found
+            // for BS responsiveness
+            //
+            if ($(curTable).hasClass(/table-responsive/)) {
+              // see: https://stackoverflow.com/questions/2596833/how-to-move-child-element-from-one-parent-to-another-using-jquery
+              // see: https://github.com/NV/jquery-regexp-classes
+              //
+              const re                  = /table-responsive[-]*\w*/;
+              const myID                = 'b-table-' + Math.floor(Math.random() * 10000) + 1;
+              var myClasses             = $(curTable).attr("class");
+              var responsiveClassFound  = myClasses.match(re);
+              var responsiveClass;
+
+              if (responsiveClassFound) {
+                responsiveClass = responsiveClassFound[0];
+              } else {
+                // failsafe
+                log_text = '\n' + 'no matching responsive class found';
+                logger.warn(log_text);
+              }
+
+              // remove responsive class from the table
+              //
+              $(curTable).removeClass(/table-responsive[-]*\w+/);
+              $(curTable).addClass('table');
+
+              // add needed div element needed for BS
+              //
+              jQuery('<div>', {
+                id: myID,
+                class: responsiveClass
+              }).insertBefore($(curTable));
+
+              // move the table found for BS responsiveness
+              //
+              $('#' + myID ).append($(curTable));
+            } // END if hasClass 'table-responsive'
           });
 
           _this.setState('finished');
@@ -177,7 +240,7 @@ j1.adapter.rtable = (function (j1, window) {
     }, // END init
 
     // -------------------------------------------------------------------------
-    // messageHandler: MessageHandler for J1 CookieConsent module
+    // messageHandler:
     // Manage messages send from other J1 modules
     // -------------------------------------------------------------------------
     messageHandler: function (sender, message) {

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

@@ -89,6 +89,13 @@ var logger;
 var logText;
 var lastPageInfo;
 
+// var platform_name         = platform.name;
+// var platform_version      = platform.version;
+// var platform_layout       = platform.layout;
+// var platform_os           = platform.os;
+// var platform_description  = platform.description;
+
+
   // ---------------------------------------------------------------------------
   // Main object
   // ---------------------------------------------------------------------------