j1-template 2021.2.0 → 2021.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e12cb7e971b904ebcbdbaea8e6a2b2ad2a02ddcba559dbe0f7c61eadcdbf13b
-  data.tar.gz: c863ff27d0a55b32d639bea1e71d498a5a7942d177959cfc14d640f6b595b9df
+  metadata.gz: e071cf8b4c71a612e6d63c7d8bd3dbb0b0f23f125c9b565ca10ee0eae14aedee
+  data.tar.gz: c230dc1b5143e07822dbd34e9535ccf5df3ab07d3d0ec2e2e56ac92e5d74e0e5
 SHA512:
-  metadata.gz: 78afda98753c8454c825d2d2cb7b95d6574b25feeb539302330728431b3a59c79687f3a5cac3dbef43e3f34fe45d7e1069f6fb62debeafb4c38553a1f6f73ca2
-  data.tar.gz: def228715354f5f95891e891270f8b0ddccad1c50a2f2a830029c36c379413973c8ad4371956960d222a0bee5722e0465b2aa3f0a958dfeccf659e0fe9674b8d
+  metadata.gz: 2af24e3d3659eae30aa1fb317ae0cdf51dc9553ea6fe97a19884c6a86cbf3c06d8e418dffb356544d52a8392e4e08ddba74e4aefa64a817c7ceeda042d0b2644
+  data.tar.gz: 7cafa807d052bc8d55e0d1497f1bdedd59f0e2a2313bad2da882e1e8dbfe59f03fcbd2ebcd6ae195445f0625e9fa138df2b9fee6ca064bcc89743779dedcbb91

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

@@ -302,13 +302,13 @@
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                           {% endif %}
                           {% if language == "de" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link text-muted text-lowercase"
+                        <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>
@@ -350,13 +350,13 @@
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                           {% endif %}
                           {% if language == "de" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link text-muted text-lowercase"
+                        <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -223,22 +223,22 @@
               <div class="card-footer-text">
                 {% if post.date %}
                   {% if language == "en" %}
-                    <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                    <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                   {% endif %}
                   {% if language == "de" %}
-                    <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                    <i class="mdi mdi-calendar-blank md-md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                   {% endif %}
                 {% endif %}
                 {% if likes_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-heart md-grey-600 mr-1"></i> {{likes_count}}
+                <i class="mdi mdi-heart md-grey-900 mr-1"></i> {{likes_count}}
                 {% endif %}
                 {% if comment_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-comment md-grey-600 mr-1"></i> {{comment_count}}
+                <i class="mdi mdi-comment md-grey-900 mr-1"></i> {{comment_count}}
                 {% endif %}
               </div>
-              <a class="card-link text-muted text-lowercase"
+              <a class="card-link md-grey-900 text-lowercase"
                 href="{{post.url}}#readmore">
                 {{readmore_text}} · {{post.tagline}}
               </a>

data/_layouts/default.html

@@ -130,8 +130,7 @@ layout:                                 compress
   ------------------------------------------------------------------------------ {% 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 ] -->
-    <!-- div id="no_flicker" class="nojs" -->
+    <!-- [INFO   ] [j1.layout.default.html                ] [ make page hidden (suppress flicker) ] -->
     <div id="no_flicker" style="display: none">
 
       {% comment %} collect the BODY-NAVIGATION region
@@ -153,6 +152,7 @@ layout:                                 compress
       <!-- [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                ] [ end default writer] -->
 
     <!-- [INFO   ] [j1.layout.default.html                ] [ place noscript info|error page ] -->
@@ -206,6 +206,10 @@ layout:                                 compress
         </body>
       </html>
     </noscript>
+
+    <!-- [INFO   ] [j1.layout.default.html                ] [ place hidden color selector/themes: bg-primary ] -->
+    <div id="bg-primary" class="bg-primary" style="display: none"></div>
+
   </body>
 
   {% comment %} Place|Initialize module components

data/assets/data/panel.html

@@ -262,7 +262,7 @@ exclude_from_search:                    true
                   </div>
 
                   <div class="card-body g-min-height-200 r-text-300">{{card_text}}</div>
-                  <div class="card-footer r-text-200 text-lowercase">
+                  <div class="card-footer r-text-200 md-grey-900 text-lowercase">
                   {% for data in card_buttons %} {% for item in data %} {% for button in item[1] %}
                     {% assign key   = button[0] %}
                     {% assign value = button[1] %}
@@ -277,9 +277,9 @@ exclude_from_search:                    true
                   {% endfor %} {% endfor %}{% endfor %}
 
                   {% if button_target == null %}
-                    <a class="card-link text-muted" href="{{button_href}}">{{readmore_text}} · {{button_text}}</a>
+                    <a class="card-link md-grey-900" href="{{button_href}}">{{readmore_text}} · {{button_text}}</a>
                   {% else %}
-                    <a class="card-link  md-grey-600" href="{{button_href}}" target="{{button_target}}">{{readmore_text}} · {{button_text}}</a>
+                    <a class="card-link md-grey-900" href="{{button_href}}" target="{{button_target}}">{{readmore_text}} · {{button_text}}</a>
                   {% endif %}
                   </div>
 
@@ -548,13 +548,13 @@ exclude_from_search:                    true
 
                             <div class="card-footer-text">
                               {% if language == "en" %}
-                                <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                                <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                               {% endif %}
                               {% if language == "de" %}
-                                <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                                <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                               {% endif %}
                             </div>
-                            <a class="card-link text-muted text-lowercase"
+                            <a class="card-link md-grey-900 text-lowercase"
                                href="{{post.url}}">
                                {{readmore_text}} · {{post.tagline}}
                             </a>
@@ -596,13 +596,13 @@ exclude_from_search:                    true
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
                           {% endif %}
                           {% if language == "de" %}
-                            <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
-                        <a class="card-link text-muted text-lowercase"
+                        <a class="card-link md-grey-900 text-lowercase"
                            href="{{post.url}}">
                            {{readmore_text}} · {{post.tagline}}
                         </a>

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

@@ -1289,7 +1289,8 @@ var j1 = (function () {
           logText = '\n' + 'page finalized successfully';
           logger.info(logText);
 
-        }, flickerTimeout);
+//        }, flickerTimeout);
+        }, 500);
       } // END WEB mode
     }, // END displayPage
 

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

@@ -410,10 +410,10 @@ j1.adapter['navigator'] = (function (j1, window) {
             // -----------------------------------------------------------------
             // event handler|css styles
             // -----------------------------------------------------------------
-            // continue if themer|navigator are INITIALIZED
             var dependencies_met_initialized = setInterval(function() {
               if (themerEnabled) {
-                if (j1.adapter.navigator.getState() === 'initialized') {
+                // for themes, initialize if page is visible (DOM ready)
+                if (j1.getState() === 'finished') {
                   _this.setState('processing');
 
                   // set general|global theme colors
@@ -433,6 +433,7 @@ j1.adapter['navigator'] = (function (j1, window) {
                   clearInterval(dependencies_met_initialized);
                 }
               } else {
+                // no themes used
                 _this.setState('processing');
 
                 // set general|global theme colors
@@ -681,14 +682,20 @@ j1.adapter['navigator'] = (function (j1, window) {
 
       // Set dymanic styles
       // -----------------------------------------------------------------------
-      // $('nav-primary').css({"background-color": "navPrimaryColor"});
 
       // navBar styles
       // -----------------------------------------------------------------------
-      var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
+      // read current background colors
+      var bg_primary    = $('#bg-primary').css('background-color');
+      var bg_table      = $('body').css('background-color');
+
+      // set navbar background colors
       var bg_scrolled   = bg_primary;
       var bg_collapsed  = bg_primary;
 
+      // set current body background color for all tables
+      $('table').css('background', bg_table);
+
       $('head').append('<style>.mdi-bg-primary {color: ' +bg_scrolled+ ';}</style>');
 
       // Size of brand image

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate:                             true
 ---
 
 {% capture cache %}
@@ -21,6 +21,37 @@ regenerate:                             false
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign asset_path        = "/assets/themes/j1" %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config   = site.data.j1_config %}
+{% assign blocks            = site.data.blocks %}
+{% assign modules           = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign rtable_defaults = modules.defaults.rtable.defaults %}
+{% assign rtable_settings = modules.rtable.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign rtable_options  = rtable_defaults | merge: rtable_settings %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/rtable.js
@@ -53,6 +84,7 @@ j1.adapter['rtable'] = (function (j1, window) {
   ------------------------------------------------------------------------------ {% endcomment %}
   var environment   = '{{environment}}';
   var moduleOptions = {};
+  var frontmatterOptions;
   var _this;
   var logger;
   var logText;
@@ -90,34 +122,55 @@ j1.adapter['rtable'] = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
-      // -----------------------------------------------------------------------
-      // rtable initializer
-      // -----------------------------------------------------------------------
-      var log_text = '\n' + 'rtable is being initialized';
-      logger.info(log_text);
+      // create settings object from frontmatterOptions
+      frontmatterOptions = options != null ? $.extend({}, options) : {};
+      moduleOptions = $.extend({}, {{rtable_options | replace: 'nil', 'null' | replace: '=>', ':' }});
 
-      // Add data attribute for tablesaw to all tables of a page
-      // as Asciidoctor has NO option to pass 'data attributes'
-      // See: https://stackoverflow.com/questions/50600405/how-to-add-custom-data-attributes-with-asciidoctor
-      //
-      $('table').each(function(){
-        var curTable = $(this);
-        // jadams, 2020-09-16: class 'rtable' indicate use of 'tablesaw'
-        if ($(curTable).hasClass('rtable')) {
-          // jadams, 2020-09-17: add BS responsive class in case of an overflow
-          // jadams, 2020-11-21: BS responsive class disabled, bcause the
-          // table doesn't stretch full page width
-          //$(curTable).addClass('table-responsive')
-          // jadams, 2020-09-16: add needed CSS class/attribute for tablesaw
-          $(curTable).addClass('tablesaw');
-          $(curTable).attr('data-tablesaw-mode','stack');
-        }
-      });
+      if (typeof frontmatterOptions !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, frontmatterOptions);
+      }
 
       var dependencies_met_j1_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
 
-        	Tablesaw.init();
+          // -----------------------------------------------------------------------
+          // rtable initializer
+          // -----------------------------------------------------------------------
+          var log_text = '\n' + 'rtable is being initialized';
+          // -----------------------------------------------------------------------
+          // rtable initializer
+          // -----------------------------------------------------------------------
+          var log_text = '\n' + 'rtable is being initialized';
+          logger.info(log_text);
+
+          // Add data attributes for tablesaw to all tables of a page
+          // as Asciidoctor has NO option to pass 'data attributes'
+          // See: https://stackoverflow.com/questions/50600405/how-to-add-custom-data-attributes-with-asciidoctor
+          //
+          $('table').each(function(){
+            var curTable = $(this);
+            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
+              $(curTable).addClass('tablesaw');
+              $(curTable).attr('data-tablesaw-mode','stack');
+
+              Tablesaw.init(curTable, moduleOptions);
+
+              // set initial state for all table/colgroup elements
+              //
+              if ($(window).width() < moduleOptions.breakpoint) {
+                log_text = '\n' + 'hide colgroups: ' + curTable.attr('id')
+                curTable.find('colgroup').hide();
+                logger.debug(log_text);
+              } else {
+                log_text = '\n' + 'show colgroup: ' + curTable.attr('id')
+                curTable.find('colgroup').show();
+                logger.debug(log_text);
+              }
+            } // END if hasClass 'rtable'
+          });
 
           _this.setState('finished');
           logger.info('\n' + 'state: ' + _this.getState());

data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css

@@ -7462,7 +7462,7 @@ a.text-dark:hover, a.text-dark:focus {
     border-bottom: 0; }
   .card .card-footer {
     background-color: transparent !important;
-    border-top: 0; }
+    border-top: 1px dotted rgba(0, 0, 0, 0.7); }
   .card hr {
     border-top: 1px solid #757575 !important; }
 
@@ -7784,110 +7784,6 @@ a:focus {
 button:focus {
   outline: none; }
 
-/*
- # -----------------------------------------------------------------------------
- # ~/100_template_css/scss/theme_uno_dark/bootstrap/_tables.scss
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2021 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-table.frame-all {
-  border-left: 1px solid #424242 !important; }
-
-table tr th, table tr td {
-  border-right: 1px solid #424242 !important;
-  border-bottom: 1px solid #424242 !important; }
-
-table thead, table tfoot {
-  background: #1976d2; }
-
-table {
-  background: #bdbdbd; }
-
-table tr.even, table tr.alt, table tr:nth-of-type(even) {
-  background: #e0e0e0 !important; }
-
-.table-primary, .table-secondary, .table-success, .table-info, .table-warning, .table-danger {
-  color: #fff; }
-
-.table-primary,
-.table-primary > th,
-.table-primary > td {
-  background-color: #1565c0; }
-
-.table-secondary,
-.table-secondary > th,
-.table-secondary > td {
-  background-color: #424242; }
-
-.table-light,
-.table-light > th,
-.table-light > td {
-  background-color: #eee; }
-
-.table-dark,
-.table-dark > th,
-.table-dark > td {
-  background-color: #212121; }
-
-.table-success,
-.table-success > th,
-.table-success > td {
-  background-color: #4caf50; }
-
-.table-info,
-.table-info > th,
-.table-info > td {
-  background-color: #00bcd4; }
-
-.table-danger,
-.table-danger > th,
-.table-danger > td {
-  background-color: #f44336; }
-
-.table-warning,
-.table-warning > th,
-.table-warning > td {
-  background-color: #f57c00; }
-
-.table-active,
-.table-active > th,
-.table-active > td {
-  background-color: rgba(255, 255, 255, 0.075); }
-
-.table-hover .table-primary:hover, .table-hover .table-primary:hover > th, .table-hover .table-primary:hover > td {
-  background-color: #1259a9; }
-
-.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > th, .table-hover .table-secondary:hover > td {
-  background-color: #353535; }
-
-.table-hover .table-light:hover, .table-hover .table-light:hover > th, .table-hover .table-light:hover > td {
-  background-color: #e1e1e1; }
-
-.table-hover .table-dark:hover, .table-hover .table-dark:hover > th, .table-hover .table-dark:hover > td {
-  background-color: #141414; }
-
-.table-hover .table-success:hover, .table-hover .table-success:hover > th, .table-hover .table-success:hover > td {
-  background-color: #449d48; }
-
-.table-hover .table-info:hover, .table-hover .table-info:hover > th, .table-hover .table-info:hover > td {
-  background-color: #00a5bb; }
-
-.table-hover .table-danger:hover, .table-hover .table-danger:hover > th, .table-hover .table-danger:hover > td {
-  background-color: #f32c1e; }
-
-.table-hover .table-warning:hover, .table-hover .table-warning:hover > th, .table-hover .table-warning:hover > td {
-  background-color: #dc6f00; }
-
-.table-hover .table-active:hover, .table-hover .table-active:hover > th, .table-hover .table-active:hover > td {
-  background-color: rgba(255, 255, 255, 0.075); }
-
 /*
 // -----------------------------------------------------------------------------
 // ~/100_template_css/scss/theme_uno_dark/extentions.scss
@@ -7936,6 +7832,63 @@ table tr.even, table tr.alt, table tr:nth-of-type(even) {
     background-color: $grey-800;
 }
 */
+/*
+ # -----------------------------------------------------------------------------
+ # ~/theme_uno/extentions/_lane.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE: Styles for J1 Template Lanes
+ # -----------------------------------------------------------------------------
+*/
+.elevated-z0 {
+  background-color: transparent;
+  padding-top: 0;
+  padding-bottom: 0;
+  border-top: 0;
+  border-bottom: 0; }
+
+.elevated-z1 {
+  background-color: #212121;
+  padding-top: .1rem;
+  padding-bottom: .1rem;
+  border-top: 0;
+  border-bottom: 0; }
+
+.elevated-z2 {
+  background-color: #212121;
+  padding-top: .1rem;
+  padding-bottom: .1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.01);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.01); }
+
+.elevated-z3 {
+  background-color: #212121;
+  padding-top: .1rem;
+  padding-bottom: .1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.02);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.02); }
+
+.elevated-z4 {
+  background-color: #212121;
+  padding-top: .1rem;
+  padding-bottom: .1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.03); }
+
+.elevated-z5 {
+  background-color: #212121;
+  padding-top: .1rem;
+  padding-bottom: .1rem;
+  border-top: 1px solid rgba(0, 0, 0, 0.04);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/100_template_css/scss/theme_uno_dark/extentions/_posts.scss
@@ -8114,10 +8067,6 @@ a.toc-link:hover {
   border-radius: 0 !important;
   background: rgba(255, 255, 255, 0.2) !important; }
 
-table.frame-all {
-  border-width: 0px;
-  border-left: 1px solid #e0e0e0; }
-
 table tr th, table tr td {
   color: rgba(255, 255, 255, 0.5);
   border-right: 1px solid #9e9e9e;