j1-template 2022.5.1 → 2022.5.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0ef4b1dbda764736d62ba61752746e3556f0ca171bff05f9b1964824b675b2f1
-  data.tar.gz: b397b53c6f6d548bfe8206e78db1ae33bdd012d17b152bceb5fba4fa240e9e89
+  metadata.gz: 7d455e9fdd1e59d98fdb354bd5e6056fd54efb4061cfb8cac3b91400ed31d2a5
+  data.tar.gz: '0558b90d629f07dafa8befe632c35154eabd050917adb61c80d649a583c9614c'
 SHA512:
-  metadata.gz: b217e14299dc897f28674e66cb1ac8105e2568ada1387531f66071855730c8e54126131257b888c30bad3f58275007e1403f01fa112219f52a7eb849091b9ff8
-  data.tar.gz: 438f464c775ae27d0b55ca42e978dd7e8a14c87fc8484094568cc09a1ded533a9dd45eb3f9edbb34f644702b38691393164ee66657003d9a5517979e6c3c9159
+  metadata.gz: a1815e3964b482258219eaa372b888151a69fac49560f6028c2279c037a6fbaf31f889c9d834140be6c95f40f029095f2b66309216cd4afedbf9352353a68556
+  data.tar.gz: cf60af891ad3ccc1aa6ce6160c22456a9ecff4ed8e916d0da6a8b955deaa9d1b94342213269b6acab0db56b262d47ae4edded43099799a6919737e9d4db34afe

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/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.2"
+                			title="Get new version 2022.5.2"
                 			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
   // ---------------------------------------------------------------------------

data/assets/themes/j1/core/css/vendor.css

@@ -58,19 +58,19 @@ pre code {
   background-color: transparent; }
 
 h2, .h2 {
-  font-size: 200%;
+  font-size: 200% !important;
   font-weight: 500; }
 
 h3, .h3 {
-  font-size: 175%;
+  font-size: 175% !important;
   font-weight: 500; }
 
 h4, .h4 {
-  font-size: 150%;
+  font-size: 150% !important;
   font-weight: 400; }
 
 h5, .h5 {
-  font-size: 150%;
+  font-size: 150% !important;
   font-weight: 400; }
 
 div .paragraph p span.scaled img {
@@ -224,8 +224,7 @@ p.tableblock > code:only-child {
   padding: 0; }
 
 p.tableblock {
-  font-size: 1em;
-  margin-top: 1.5em; }
+  font-size: 1em; }
 
 .quoteblock {
   margin: 1.5em 6em 1.25em 4em;