j1-template 2023.3.1 → 2023.3.3

data/assets/data/panel.html

@@ -336,7 +336,7 @@ exclude_from_search:                    true
                           {% else %}
                             <span>
                               {% if card_icon_color == 'bg-primary' %}
-                                <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} mdi-md-white"></i>
+                                <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} md-white"></i>
                               {% else %}
                                 <i class="{{card_icon_family}} {{card_icon_family}}-{{card_icon}} {{card_icon_family}}-{{card_icon_size}} {{card_icon_family}}-{{card_icon_color}}"></i>
                               {% endif %}
@@ -757,9 +757,9 @@ exclude_from_search:                    true
                           	  <div class="card">
                             		<div class="card-header" id="headingOne">
                             		  <h2 class="clearfix mb-0">
-                              			<a class="btn btn-link card-profile collapsed" href="#void" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
-                                      <!-- i class="fa fa-chevron-circle-down"></i -->
-                                      <i class="fa fa-chevron-circle-right"></i>
+                              			<a class="btn btn-link card-profile collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
+                                      <!-- i class="fa fa-chevron-circle-right"></i -->
+                                      <i class="mdib mdib-chevron-right-circle"></i>
                                       {{list.service.title}}
                                     </a>
                             		  </h2>
@@ -935,10 +935,10 @@ exclude_from_search:                    true
 
                             <div class="card-footer-text">
                               {% if language == "en" %}
-                                <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                                <i class="mdib mdib-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-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                                <i class="mdib mdib-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                               {% endif %}
 
                               <!-- Cleanup categories by given blacklist -->
@@ -949,10 +949,10 @@ exclude_from_search:                    true
                               {% assign tags          = post.tags | join: " · "  %}
 
                               <p class="result-item-text small mb-3 notranslate">
-                                <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i>
+                                <i class="mdib mdib-tag-text-outline mdib-18px mr-1"></i>
                                 <span class="sr-categories">{{categories}}</span>
                                 <br>
-                                <i class="mdi mdi-tag mdi-18px mr-1"></i>
+                                <i class="mdib mdib-tag mdib-18px mr-1"></i>
                                 <span class="sr-tags">{{tags}}</span>
                             </p>
                             </div>
@@ -1004,10 +1004,10 @@ exclude_from_search:                    true
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
-                            <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                            <i class="mdib mdib-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-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                            <i class="mdib mdib-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
                           {% endif %}
                         </div>
                         <a class="card-link text-lowercase"
@@ -1075,7 +1075,7 @@ exclude_from_search:                    true
               <div class="box">
                 <div class="content content-danger">
                   <h2 class="notoc">
-                    <i class="mdi mdi-alarm-light mdi-3x mdi-md-red mr-1"></i>
+                    <i class="mdib mdib-alarm-light mdib-3x md-red mr-1"></i>
                     panel of type <big>{{panel_settings.type}}</big> not found
                   </h2>
                   <h4 class="notoc box-title">Check your configuration at {{panel_config_file_name}}</h4>

data/assets/data/quicklinks.html

@@ -220,8 +220,10 @@ exclude_from_search:                    true
   {% assign icon_family = 'fa' %}
 {% elsif quicklinks_options.icon_family == 'MDI' or quicklinks_options.icon_family == 'Material Design Icons' %}
   {% assign icon_family = 'mdi' %}
+{% elsif quicklinks_options.icon_family == 'mdib' or quicklinks_options.icon_family == 'Material Design Icons' %}
+  {% assign icon_family = 'mdib' %}
 {% else %}
-  {% assign icon_family = 'mdi' %}
+  {% assign icon_family = 'mdib' %}
 {% endif %}
 
 {% include {{select_icon_size}} family=quicklinks_options.icon_family size=quicklinks_options.icon_size %}

data/assets/data/rtext_resizer.html

@@ -84,7 +84,7 @@ exclude_from_search:                    true
         <div class="modal-header">
           <p class="lead">Text Resizer</p>
           <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
-            <i class="mdi mdi-close mdi-dark mdi-48px"></i>
+            <i class="mdib mdib-close mdib-48px md-dark"></i>
           </button>
         </div>
         <!-- Body -->

data/assets/data/slick.html

@@ -221,11 +221,11 @@ exclude_from_search:                    true
 
                 <ul class="list-inline d-flex justify-content-center mb-3">
         					<li class="list-inline-item">
-                    <i class="mdi mdi-account md-gray-400 mdi-24px mr-1" style="margin-right: 8px;"></i>
+                    <i class="mdib mdib-account mdib-24px md-gray-400 mr-1" style="margin-right: 8px;"></i>
                     {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;
                   </li>
         					<li class="list-inline-item">
-                    <i class="mdi mdi-calendar-blank md-gray-400 mdi-24px mr-1"></i>
+                    <i class="mdib mdib-calendar-blank mdib-24px md-gray-400 mr-1"></i>
                     {{post.date | date: '%b %d, %Y'}}
                   </li>
         				</ul>

data/assets/data/translator.html

@@ -81,7 +81,7 @@ exclude_from_search:                    true
           <p class="mb-3">{{translate_options.google.modal_settings.body_text.en}}</p>
         </div>
         <p style="font-size: 90%">{{translate_options.google.modal_settings.language_selector_title.en}}</p>
-        <div id="dropdownJSON" class="notranslate mb-4" style="display:none"></div>
+        <div id="dropdownJSON" class="ms-dopdown notranslate mb-4" style="display:none"></div>
         <p>
           <a href="#google-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
           <a href="#google-options" data-bs-toggle="collapse" class="float-right">Privacy</a>

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

@@ -242,9 +242,9 @@ j1.adapter.carousel = (function (j1, window) {
                   {% endif %}
 
                   {% if text_color %}
-                  $('#{{slider_id}}').addClass('mdi-{{text_color}}');
+                  $('#{{slider_id}}').addClass('md-{{text_color}}');
                   {% else %}
-                  $('#{{slider_id}}').addClass('mdi-md-grey-100');
+                  $('#{{slider_id}}').addClass('md-grey-100');
                   {% endif %}
 
                   {% if font_size %}

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

@@ -82,8 +82,7 @@ regenerate:                             true
 
 {% assign authentication_options    = authentication_defaults | merge: authentication_settings %}
 
-
-
+{% assign footer                    = 'active_footer' %}
 {% assign footer_id                 = footer_options.active_footer %}
 {% assign footer_data_path          = footer_defaults.data_path %}
 {% assign banner_data_path          = banner_defaults.data_path %}
@@ -165,6 +164,8 @@ var j1 = (function (options) {
   var state                         = 'not_started';
   var mode                          = 'not_detected';
 
+  var performance_monitors_enabled  = ('{{template_config.monitor.performance_observer}}' === 'true') ? true: false;
+
   // defaults for tracking providers
   var tracking_enabled              = ('{{tracking_enabled}}' === 'true') ? true: false;
   var tracking_id                   = '{{tracking_id}}';
@@ -457,12 +458,12 @@ var j1 = (function (options) {
                   // set signout
                   logger.info('\n' + 'show signout icon');
                   $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignOut');
-                  $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
+                  $('#iconSignInOut').removeClass('mdib-login').addClass('mdib-logout');
                 } else {
                   // set signin
                   logger.info('\n' + 'show signin icon');
                   $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignIn');
-                  $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
+                  $('#iconSignInOut').removeClass('mdib-logout').addClass('mdib-login');
                 }
                 logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
                 $('#quickLinksSignInOutButton').css('display', 'block');
@@ -562,7 +563,7 @@ var j1 = (function (options) {
                       // show the content|footer
                       //
                       $('#content').show();
-                      $('#{{footer_id}}').show();
+                      $('.{{footer}}').show();
 
                       clearInterval(dependencies_met_page_ready);
                       clearInterval(dependencies_met_blocks_ready);
@@ -582,7 +583,7 @@ var j1 = (function (options) {
                   //
                   if ( footer_state == 'success') {
                     $('#content').show();
-                    $('#{{footer_id}}').show();
+                    $('.{{footer}}').show();
 
                     clearInterval(dependencies_met_page_ready);
                   }
@@ -720,7 +721,7 @@ var j1 = (function (options) {
                 // show the content|footer
                 //
                 $('#content').show();
-                $('#{{footer_id}}').show();
+                $('.{{footer}}').show();
 
                 clearInterval(dependencies_met_page_ready);
                 clearInterval(dependencies_met_blocks_ready);
@@ -740,7 +741,7 @@ var j1 = (function (options) {
             //
             if ( footer_state == 'success') {
               $('#content').show();
-              $('#{{footer_id}}').show();
+              $('.{{footer}}').show();
 
               clearInterval(dependencies_met_page_ready);
             }
@@ -1215,12 +1216,12 @@ var j1 = (function (options) {
               // set signout
               logger.info('\n' + 'show signout icon');
               $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignOut');
-              $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
+              $('#iconSignInOut').removeClass('mdib-login').addClass('mdib-logout');
             } else {
               // set signin
               logger.info('\n' + 'show signin icon');
               $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignIn');
-              $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
+              $('#iconSignInOut').removeClass('mdib-logout').addClass('mdib-login');
             }
             logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
             $('#quickLinksSignInOutButton').css('display', 'block');
@@ -2486,8 +2487,8 @@ var j1 = (function (options) {
     //   // var tabs_pills_link_color_active    = j1.setColorData('md_blue');         // j1.getStyleValue('btn-info', 'background-color');
     //   // var tabs_pills_link_color_hover     = j1.setColorData('md_gray_300');     // j1.getStyleValue('btn-secondary', 'background-color');
     //
-    //   // var tabs_pills_link_color_active    = 'mdi-blue';
-    //   // var tabs_pills_link_color_hover     = 'mdi-gray-300';
+    //   // var tabs_pills_link_color_active    = 'md-blue';
+    //   // var tabs_pills_link_color_hover     = 'md-gray-300';
     //
     //   // nav module
     //   // -----------------------------------------------------------------------
@@ -2699,6 +2700,64 @@ var j1 = (function (options) {
 
     }, // END stringToBoolean
 
+    // -------------------------------------------------------------------------
+    // registerLazyLoadCss()
+    // CSS loader to speed up inital rendering
+    //
+    // Requires the following config serrings:
+    //
+    //    src:        the 'location' of the CSS file
+    //    selector:   the 'selector' that triggers the observer
+    //    rootMargin: the 'margin' before the load is trigged
+    //
+    // -------------------------------------------------------------------------
+    //
+    registerLazyLoadCss: function () {
+
+      console.log('register CSS files for lazy loading');
+
+      // load MDI Light CSS
+      //
+      j1.lazyCss().observe({
+        'src':        '/assets/themes/j1/core/css/icon-fonts/mdil.min.css',
+        'selector':   '.mdil',
+        'rootMargin': '150px 0px'
+      });
+
+      // load MDI Regular CSS
+      //
+      j1.lazyCss().observe({
+        'src':        '/assets/themes/j1/core/css/icon-fonts/mdi.min.css',
+        'selector':   '.mdi',
+        'rootMargin': '150px 0px'
+      });
+
+      // load FA CSS
+      //
+      j1.lazyCss().observe({
+        'src':        '/assets/themes/j1/core/css/icon-fonts/fontawesome.min.css',
+        'selector':   '.fa',
+        'rootMargin': '150px 0px'
+      });
+
+      // load rTable CSS
+      //
+      j1.lazyCss().observe({
+        'src':        '/assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css',
+        'selector':   '.rtable',
+        'rootMargin': '150px 0px'
+      });
+
+      // load CountryFlags CSS
+      //
+      j1.lazyCss().observe({
+        'src':        '/assets/themes/j1/core/country-flags/css/theme/uno.min.css',
+        'selector':   '.flag-icon',
+        'rootMargin': '150px 0px'
+      });
+
+    }, // END registerLazyLoadCss
+
     // -------------------------------------------------------------------------
     // registerMonitors()
     //
@@ -2710,6 +2769,10 @@ var j1 = (function (options) {
       var cumulated_lcp = 0;
       const development = ('{{environment}}'.includes('prod')) ? false : true;
 
+      {% comment %} generate code for performance monitor if 'enabled'
+      ------------------------------------------------------------------------ {% endcomment %}
+      {% if template_config.monitor.performance_observer %}
+
       // PerformanceObserver to monitor the 'LCP' of a page load
       // see: https://developer.mozilla.org/en-US/docs/Web/API/LargestContentfulPaint
       //
@@ -2778,7 +2841,11 @@ var j1 = (function (options) {
             }
 
             for (const {node, currentRect, previousRect} of entry.sources) {
-              var hasProperty = (node.hasOwnProperty('firstElementChild')) ? true : false;
+              var hasProperty = node.hasOwnProperty('firstElementChild');
+              if (hasProperty == null) {
+                hasProperty = false;
+              }
+
               if (hasProperty) {
                 var id = '';
                 try {
@@ -2805,6 +2872,8 @@ var j1 = (function (options) {
 
       }); // END performanceObserverCLS
 
+      {% endif %}
+
       // ResizeObserver to monitor the changes on page height (dynamic pages)
       // see: https://stackoverflow.com/questions/14866775/detect-document-height-change
       //
@@ -2899,19 +2968,24 @@ var j1 = (function (options) {
       // run all observers for page monitoring
       // -----------------------------------------------------------------------
 
-      // monitor 'LCP'
-      //
-      performanceObserverLCP.observe({
-         type: 'largest-contentful-paint',
-         buffered: true
-      });
+      {% comment %} generate initializers for performance monitoring if 'enabled'
+      ------------------------------------------------------------------------ {% endcomment %}
+      {% if template_config.monitor.performance_observer %}
+        // monitor 'LCP'
+        //
+        performanceObserverLCP.observe({
+           type: 'largest-contentful-paint',
+           buffered: true
+        });
 
-      // monitor 'CLS'
-      //
-      performanceObserverCLS.observe({
-         type: 'layout-shift',
-         buffered: true
-      });
+        // monitor 'CLS'
+        //
+        performanceObserverCLS.observe({
+           type: 'layout-shift',
+           buffered: true
+        });
+
+      {% endif %}
 
       // monitor 'GROWTH'
       resizeObserver.observe(

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

@@ -290,7 +290,7 @@ j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
           // See: https://jsfiddle.net/prathviraj080/vbbbw46a/1/
           //
           $('button.drawer-toggler').click(function(){
-            $('button.drawer-toggler span.mdi').toggleClass('mdi-menu mdi-close');
+            $('button.drawer-toggler span.mdi').toggleClass('mdib-menu mdib-close');
           });
           $('button.drawer-toggler').click(function(){
             $('button.drawer-toggler').toggleClass('fadeIn rotateIn');

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

@@ -0,0 +1,221 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/lazyCSSLoader.js
+ # Liquid template to adapt the lazyCSS module(core)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  wave_options:  {{ wave_options | debug }}
+ # -----------------------------------------------------------------------------
+{% 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 (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lazy_loader_defaults = modules.defaults.lazyLoader.defaults %}
+{% assign lazy_loader_settings = modules.lazyLoader.settings %}
+
+{% comment %} Set config options (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lazy_loader_options = lazy_loader_defaults | merge: lazy_loader_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/lazyLoader.js
+ # J1 Adapter for the lazyLoader module (core)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+j1.adapter.lazyLoader = (function (j1, window) {
+
+{% comment %} Set global variables
+-------------------------------------------------------------------------------- {% endcomment %}
+var environment     = '{{environment}}';
+var cookie_names    = j1.getCookieNames();
+var user_state      = j1.readCookie(cookie_names.user_state);
+var lazyLoaderDefaults;
+var lazyLoaderSettings;
+var lazyLoaderOptions;
+var frontmatterOptions;
+var _this;
+var logger;
+var logText;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // init()
+    // adapter initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.lazyLoader',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // Global variable settings
+      // -----------------------------------------------------------------------
+
+      // create settings object from module options
+      //
+      lazyLoaderDefaults = $.extend({}, {{lazy_loader_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      lazyLoaderSettings = $.extend({}, {{lazy_loader_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      lazyLoaderOptions  = $.extend(true, {}, lazyLoaderDefaults, lazyLoaderSettings);
+
+      _this  = j1.adapter.lazyLoader;
+      logger = log4javascript.getLogger('j1.adapter.lazyLoader');
+
+      var dependencies_met_lazy_loader = setInterval(function() {
+        var pageFinished = (j1.getState() == 'finished') ? true: false;
+
+        if (pageFinished) {
+
+          _this.setState('started');
+          logger.info('\n' + 'initialize moodule lazyLoader: started');
+
+          _this.registerLoaders(lazyLoaderOptions);
+
+          _this.setState('finished');
+          logger.info('\n' + 'initialize moodule lazyLoader: finished');
+          clearInterval(dependencies_met_lazy_loader);
+        }
+      }, 10);
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // registerLoaders()
+    // Lazy load CSS to speed up page rendering
+    //
+    // Requires the following settings:
+    //
+    //    src:        the 'location' of the CSS file
+    //    selector:   the 'selector' that triggers the observer
+    //    rootMargin: the 'margin' before the load is trigged
+    //
+    // -------------------------------------------------------------------------
+    //
+    registerLoaders: function () {
+      {% for loader in lazy_loader_options.loaders %} {% if loader.enabled %}
+        j1.lazyCSS().observe({
+          src:        '{{loader.src}}',
+          selector:   '{{loader.selector}}',
+          rootMargin: '{{loader.rootMargin}}'
+        });
+        logger.info('\n' + 'register lazy loading for: {{loader.description}}');
+      {% endif %} {% endfor %}
+    }, // END registerLoaders
+
+    // -------------------------------------------------------------------------
+    // messageHandler()
+    // manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info('\n' + message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -168,10 +168,10 @@ j1.adapter.lunr = (function (j1, window) {
       _this.modalScript.text += '{{#docs}}' + '\n';
       _this.modalScript.text += '  <li>' + '\n';
       _this.modalScript.text += '    <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>' + '\n';
-      _this.modalScript.text += '    <p class="result-item-text small text-muted mt-2 mb-0"> <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}} </p>' + '\n';
+      _this.modalScript.text += '    <p class="result-item-text small text-muted mt-2 mb-0"> <i class="mdib mdib-calendar-blank mdib-18px mr-1"></i>{{displaydate}} </p>' + '\n';
       _this.modalScript.text += '    <p class="result-item-text">{{description}}</p>' + '\n';
-      _this.modalScript.text += '      <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>' + '\n';
-      _this.modalScript.text += '      <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>' + '\n';
+      _this.modalScript.text += '      <i class="mdib mdib-tag-text-outline mdib-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>' + '\n';
+      _this.modalScript.text += '      <i class="mdib mdib-tag mdib-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>' + '\n';
       _this.modalScript.text += '    </p>' + '\n';
       _this.modalScript.text += '  </li>' + '\n';
       _this.modalScript.text += '{{/docs}}' + '\n';

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

@@ -487,11 +487,11 @@ j1.adapter.navigator = (function (j1, window) {
         if (user_session.authenticated === 'true') {
           // Set SignOut
           $('#navLinkSignInOut').attr('data-bs-target', '#modalOmniSignOut');
-          $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
+          $('#iconSignInOut').removeClass('mdib-login').addClass('mdib-logout');
         } else {
           // Set SignIn
           $('#navLinkSignInOut').attr('data-bs-target', '#modalOmniSignIn');
-          $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
+          $('#iconSignInOut').removeClass('mdib-logout').addClass('mdib-login');
         }
       }
 
@@ -889,11 +889,9 @@ j1.adapter.navigator = (function (j1, window) {
       style += '</style>';
       $('head').append(style);
 
-
-
 //    $('head').append('<style>.mdi-bg-primary {color: ' +bg_scrolled+ ';}</style>');
       style  = '<style>';
-      style += '  .mdi-bg-primary {';
+      style += '  var(--bg-primary) {';
       style += '    color: ' + bg_scrolled;
       style += '  }';
       style += '</style>';