j1-template 2023.2.5 → 2023.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1d5ab1050367c71af4141b92f42032e5d5dca7a1851d904a086b7ff46c064966
-  data.tar.gz: e6b0fa9e436bf9054da7f658ac1ef47b93f223b7f366e7ac329b890de5b3fbc2
+  metadata.gz: a74dfdbda3c10cbb34270288670b6ab4a0c7a3742ca27895781f348f9f439b96
+  data.tar.gz: c79c2cd6252a8861540f5de4cc945ba7a28993f0c3e925615181e34442b196e5
 SHA512:
-  metadata.gz: 63b6dc2b7c38c1a9ff5b07bda8e24a0f7614314569aca9f8a1b7315c0cff119d35c09826a5d97a9eaff27fcdc8e29370fa3fc31aae717b2b20d7730c76a1329e
-  data.tar.gz: 9634603b5393da4a93eee7611dc155387a96b7a51400fa1e5650cbd9958d5951c4522d9dbe880080d83880e23c3ff90bd2e4377e44e92310c2e6d522d0697b3b
+  metadata.gz: 2e0c1e883782e6e12256664b0d5258fcd9c1db8b5ae2fb9eda58264bd54cc50b8866264049eb9e315e61c41164e1e3accebc8da0d4d64929cc94a25e2f2d43c4
+  data.tar.gz: e800c90e080627cab7f107062c80e271f18d52bb4dd3057ee72c9618eea56d2e535c8da5f87c9d25581e4a55c59ab0230c0895f4729c83d9ffeeba75ae00c505

data/_includes/themes/j1/procedures/collections/create_collection_article_preview.proc

@@ -101,7 +101,7 @@
            </p>
          </div>
 
-         <a class="card-link text-lowercase" href="{{ article.url }}#readmore">
+         <a class="card-link text-lowercase" href="{{ article.url }}">
            read · {{article.tagline}}
          </a>
        </div>

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

@@ -174,7 +174,7 @@ NO need to load this again
                 {% if resource_settings.pass_init_data %}
 
                   // [INFO   ] [j1.layout.module_writer.proc          ] [ pass init data for: {{resource_settings.id}} ]
-                  {% capture settings %}{"layout": "{{page.layout}}", "fab_menu_id": "{{page.fab_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}", "scrollDynamicPagesTopOnChange": "{{page.scrollDynamicPagesTopOnChange}}"}{% endcapture %}
+                  {% capture settings %}{"layout": "{{page.layout}}", "title": "{{page.title}}", "tagline": "{{page.tagline}}", "fab_menu_id": "{{page.fab_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}", "scrollDynamicPagesTopOnChange": "{{page.scrollDynamicPagesTopOnChange}}"}{% endcapture %}
                   var settings = $.extend({}, {{settings}});
 
                   {% comment %} create resource_settings.dependencies (if any)

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

@@ -120,7 +120,9 @@
 
         <i class="tmicon rounded-x hidden-xs"></i>
         <div class="tmlabel">
-           <a href="{{post.url}}#readmore"><div class="calendar-headline"><h4 id="{{ 100000 | rand }}">{{ post.title }}</h4></div></a>
+           <a href="{{post.url}}">
+             <div class="calendar-headline"><h4 id="{{ 100000 | rand }}">{{ post.title }}</h4></div>
+           </a>
            <div class="row">
             <!-- Collect image data from frontmatter -->
             {% if post.image %}
@@ -218,4 +220,4 @@
   {% endif %}
 
   <!-- Reset procedure variable -->
-  {% assign posts_collate = nil %}
+  {% assign posts_collate = nil %}

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

@@ -176,7 +176,7 @@
               </div>
               <div class="card-footer r-text-200 text-lowercase">
 
-                <a href="{{post.url}}#readmore"
+                <a href="{{post.url}}"
                    class="btn btn-secondary btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> {{readmore_text}} · {{post.tagline}}
@@ -198,7 +198,7 @@
               </div>
               <div class="card-footer r-text-200 text-lowercase">
 
-                <a href="{{post.url}}#readmore"
+                <a href="{{post.url}}"
                    class="btn btn-secondary btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> {{readmore_text}} · {{post.tagline}}
@@ -261,7 +261,7 @@
                   <span class="sr-tags">{{tags}}</span>
               </p>
               <a class="card-link text-lowercase"
-                href="{{post.url}}#readmore">
+                href="{{post.url}}">
                 {{readmore_text}} · {{post.tagline}}
               </a>
             </div>

data/_layouts/default.html

@@ -199,7 +199,7 @@ debug:                                  false
     <!-- [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" -->
+    <!-- [INFO   ] [j1.layout.default.html                ] [ hide page (display: none) on id "no_flicker" ] -->
     <div id="no_flicker" style="overflow: hidden; display: none">
 
       {% comment %} collect the BODY-NAVIGATION region

data/assets/data/banner.html

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

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

@@ -144,9 +144,12 @@ j1.adapter.attic = (function (j1, window) {
       var dependencies_met_page_ready = setInterval (function (options) {
         var pageState   = $('#no_flicker').css("display");
         var pageVisible = (pageState == 'block') ? true: false;
-        if ( j1.getState() === 'finished' && pageVisible ) {
+
+        // run on 'pageVisible'
+        //
+        if (pageVisible) {
           {% if attic_options.enabled %}
-          logger.info('\n' + 'create all attics configured');
+          logger.info('\n' + 'module initializaton: started');
 
           if (atticOptions.hide_oninit) {
             // hide page while attic is being created
@@ -184,15 +187,14 @@ j1.adapter.attic = (function (j1, window) {
         {% if item.attic.enabled %}
           {% assign attic_id = item.attic.id %}
 
-          // Create the SPECIFIC header loader FUNCTION for id: {{attic_id}}
-          function {{attic_id}} (atticOptions) {
+          // Create RUNNER for id: {{attic_id}}
+          //
+          function {{attic_id}}_runner (atticOptions) {
             var atticOptionsFilters = {};
             var atticItemFilters    = {};
             var atticFilters        = {};
             var my_attic      	    = $.extend({}, {{item.attic | replace: 'nil', 'null' | replace: '=>', ':' }});
 
-            logger.info('\n' + 'initialize attic on id: {{attic_id}}');
-
             // collect attic filter settings to object to array to string
             //
             {% if item.attic.filters %}
@@ -209,7 +211,8 @@ j1.adapter.attic = (function (j1, window) {
             });
             filterStr = filterArray.join(' ');
 
-            // Fire backstretch for all slides of the header on attic_id
+            // fire backstretch for all slides on attic_id
+            //
             if ($('#{{attic_id}}').length) {
               $('#{{attic_id}}').backstretch(
                 atticOptions.slides, {
@@ -258,9 +261,9 @@ j1.adapter.attic = (function (j1, window) {
               );
             }
 
-            {% comment %} Set the headerLoaded flag (page NOT visible)
-            -------------------------------------------------------------------- {% endcomment %}
-           $(window).on('backstretch.before', function (e, instance, index) {
+            // run callback backstretch.before
+            //
+            $(window).on('backstretch.before', function (e, instance, index) {
               var evt                 = e;
               var inst                = instance;
               var idx                 = index;
@@ -295,11 +298,12 @@ j1.adapter.attic = (function (j1, window) {
                 j1.adapter.particles.init();
               }
 
-            }); // END on('backstretch.before')
+            }); // // END callback backstretch.before
 
-            {% comment %} Add a caption (c) or badge (b) if configured
-            See: https://github.com/jquery-backstretch/jquery-backstretch/issues/194
-            -------------------------------------------------------------------- {% endcomment %}
+            // run callback backstretch.after
+            // NOTE: add a 'caption' or 'badge' if configured
+            // SEE:  https://github.com/jquery-backstretch/jquery-backstretch/issues/194
+            //
             $(window).on('backstretch.after', function (e, instance, index) {
               var textOverlayTitle    = instance.images[index].title
               var textOverlayTagline  = instance.images[index].tagline;
@@ -307,8 +311,8 @@ 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
+              // apply FRONTMATTER settings for title|tagline if
+              // NOT set with the FIRST backstretch (image) instance
               //
               if (index == 0) {
                 if (typeof instance.images[index].title == 'undefined') {
@@ -361,9 +365,7 @@ j1.adapter.attic = (function (j1, window) {
 
               }
 
-              // TODO: Add additional styles to head-title-text|head-tagline-
-              // text (e.g. text-center)
-              // atticOptions.tagline_align
+              // TODO: Add additional styles to head-title-text|head-tagline (e.g. text-center)
               //
               textOverlayHTML = ''
                 + '<div id="head-title" class="head-title animate__animated ">'
@@ -373,7 +375,7 @@ j1.adapter.attic = (function (j1, window) {
                 + '  <h3 id="head-tagline-text" class="notoc text-' + atticOptions.tagline_align + '">' + textOverlayTagline + '</h3>'
                 + '</div>';
 
-              // hide textOverlay while animate classes are being calculated
+              // hide textOverlay while animate classes are being applied
               //
               $('.textOverlay').html(textOverlayHTML).hide();
 
@@ -423,21 +425,19 @@ j1.adapter.attic = (function (j1, window) {
 
               _this.setState('finished');
               logger.debug('\n' + 'state: ' + _this.getState());
-              logger.info('\n' + 'finished attic on id: {{attic_id}}');
-            }); // END on('backstretch.after')
+              logger.info('\n' + 'initialize attic on id {{attic_id}}: finished');
+              logger.info('\n' + 'module initializaton: finished');
+
+            }); // END callback backstretch.after
 
           } // END if attic_id exists
 
-          // Initialize the header found in page
+          // run attic found in page: {{attic_id}}
+          //
           if ($('#{{attic_id}}').length) {
-
-            {% comment %} Load data from header config file
-            -------------------------------------------------------------------- {% endcomment %}
-
-             {% comment %} NOTE:
-             Unclear why title_size|tagline_size evaluated to 1 if NOT set
-             ------------------------------------------------------------------- {% endcomment %}
-
+            // apply CSS styles
+            // NOTE: unclear why title_size|tagline_size evaluated to 1 if NOT set
+            //
             {% for item in attic_options.attics %}
               {% if item.attic.id == attic_id %}
 
@@ -535,10 +535,12 @@ j1.adapter.attic = (function (j1, window) {
                 }
                 /* eslint-enable */
 
-                // Merge|Overload Attic OPTIONS
+                // merge|overload Attic OPTIONS
+                //
                 atticOptions = $.extend({}, atticOptions, atticOptionsHeader, atticOptionsBackstretch);
 
-                // Overload Attic OPTIONS by settings from frontmatterOptions
+                // overload Attic OPTIONS by settings from frontmatterOptions
+                //
                 if (frontmatterOptions.background_color_1) atticOptions.background_color_1 = frontmatterOptions.background_color_1;
                 if (frontmatterOptions.background_color_2) atticOptions.background_color_2 = frontmatterOptions.background_color_2;
               {% else %}
@@ -546,8 +548,8 @@ j1.adapter.attic = (function (j1, window) {
               {% endif %} // ENDIF attic_id
             {% endfor %} // ENDFOR item in header_config.attics
 
-            {% comment %} frontmatter takes precedence (over header options)
-            -------------------------------------------------------------------- {% endcomment %}
+            // frontmatter takes precedence (over header options)
+            //
             if (frontmatterOptions) {
               if (typeof frontmatterOptions.raised_level != 'undefined') { atticOptions.raised_level = frontmatterOptions.raised_level; }
               if (typeof frontmatterOptions.r_text != 'undefined') { atticOptions.r_text = frontmatterOptions.r_text; }
@@ -590,11 +592,11 @@ j1.adapter.attic = (function (j1, window) {
               if (typeof frontmatterOptions.slides != 'undefined') { atticOptions.slides = frontmatterOptions.slides; }
             }
 
-            {% comment %} Add header CSS classes
-            -------------------------------------------------------------------- {% endcomment %}
+            // add r-text|raised_level settings
+            //
             if (atticOptions.r_text == 'enabled') { $('#{{attic_id}}').addClass('r-text'); }
-
             var raised_level = 'raised-z' +atticOptions.raised_level;
+
             $('#{{attic_id}}').addClass(raised_level);
             $('#head-title').addClass(atticOptions.title_animate);
             $('#head-title').addClass(atticOptions.title_animate_delay);
@@ -612,11 +614,12 @@ j1.adapter.attic = (function (j1, window) {
               $('#{{attic_id}}').addClass('notranslate');
             }
 
-            {% comment %} Add header CSS styles to <HEAD>
-            -------------------------------------------------------------------- {% endcomment %}
+            // add header CSS styles to <HEAD>
+            //
             var attic_style = '';
 
-            // Initialze header background gradient
+            // initialze header background gradient
+            //
             attic_style += '<style> .attic { ';
             attic_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from(' +atticOptions.background_color_1 + '), to(' +atticOptions.background_color_2+ ')) !important;';
             attic_style += 'background-image: -webkit-linear-gradient(top, ' +atticOptions.background_color_1 + ' 0%, ' +atticOptions.background_color_2 + ' 100%) !important;';
@@ -648,6 +651,7 @@ j1.adapter.attic = (function (j1, window) {
 
             // Add opacity to ALL header (backstretch) images
             // See: https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
+            //
             var item_opacity        = !!my_attic.opacity ? my_attic.opacity : atticOptions.opacity;
             var backstretch_opacity = '<style> .backstretch-item { opacity: ' +item_opacity+ '; </style>';
             $('head').append(backstretch_opacity);
@@ -655,36 +659,38 @@ j1.adapter.attic = (function (j1, window) {
             _this.setState('initialized');
             logger.debug('\n' + 'state: ' + _this.getState());
 
-            {% comment %} Run the image header if any
-            -------------------------------------------------------------------- {% endcomment %}
-            if (typeof atticOptions.slides != 'undefined') {
-              // Load the image header if the page is ready (visible)
-              $(function() {
-                // logger.info('\n' + 'Load image header on id: {{attic_id}}');
-                {{attic_id}}(atticOptions);
-                _this.setState('completed');
-                logger.debug('\n' + 'state: ' + _this.getState());
-              });
-            }
-          } // END if header id found in page
+            // start RUNNER on page 'ready'|module state 'initialized'
+            //
+            $(function() {
+              var dependencies_met_attic_ready = setInterval (function (options) {
+                if (_this.getState() === 'initialized') {
+                  logger.info('\n' + 'initialize attic on id {{attic_id}}: started');
+                  {{attic_id}}_runner (atticOptions);
+                  clearInterval(dependencies_met_attic_ready);
+                }
+              }, 25);
+            });
+
+          } // END apply CSS styles|start ATTIC RUNNER
 
         {% else %}
           {% assign attic_id = item.attic.id %}
           // add additional top space
           $('#content').addClass('mt-8');
-          logger.info('\n' + 'found attic disabled on id: {{attic_id}}');
+          logger.info('\n' + 'attic on id {{attic_id}}: disabled');
         {% endif %} // END if header enabled
       {% endfor %} // END for item in header_config.attics
 
       // NO header found in page
-      if ($('#no_header').length) {
-        _this.setState('completed');
-        logger.debug('\n' + 'state: ' + _this.getState());
-        logger.warn('\n' + 'no header configured or found in page');
-      }
+      // if ($('#no_header').length) {
+      //   _this.setState('completed');
+      //   logger.debug('\n' + 'state: ' + _this.getState());
+      //   logger.warn('\n' + 'no header configured or found in page');
+      // }
 
       return true;
-    }, // END loadHeader
+
+    }, // END apply CSS styles|start ATTIC RUNNER
 
     // -------------------------------------------------------------------------
     // messageHandler: MessageHandler for J1 CookieConsent module

data/assets/themes/j1/core/css/themes/unolight/bootstrap.css

@@ -26595,7 +26595,6 @@ li.dropdown.nav-item.nav-sub-item:before {
       background-color: transparent;
       border-bottom: 0; }
     nav.navbar.navigator li.dropdown ul.dropdown-menu {
-      margin-top: -8px;
       min-width: 250px;
       background: #ffffff;
       border-color: transparent;