j1-template 2023.0.8 → 2023.0.9

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

@@ -137,16 +137,16 @@ j1.adapter.masterslider = (function (j1, window) {
       _this.setState('started');
       console.debug('module state: ' + _this.getState());
 
-      // load HTML portion for all sliders configured
+      // load HTML portion for sliders configured
       console.debug('loading HTML portion for all sliders configured');
       _this.loadSliderHTML(sliderOptions, sliders);
       // create an 'MasterSlider' instance for all sliders configured
       console.debug('create an \'MasterSlider\' instance for all MS sliders configured');
       _this.createSliderInstances(sliders, msSliderManager);
 
-      // initialize all sliders configured
+      // initialize sliders configured if HTML portion (of sliders) loaded
       var dependencies_met_data_loaded = setInterval(function() {
-        if (_this.getState() == 'data_loaded' && j1.getState() == 'finished') {
+        if (_this.getState() == 'data_loaded') {
           logger.info('\n' + 'ms module version detected: ' + moduleVersion);
           logger.info('\n' + 'module is being initialized');
           console.debug('MS slider module is being initialized');
@@ -155,19 +155,20 @@ j1.adapter.masterslider = (function (j1, window) {
         } // END dependencies_met_j1_finished
       }, 25);
 
-      // final state messages
+      // load the slider manager to DISPLAY instances in page (if visible)
       var dependencies_met_module_finished = setInterval(function() {
-        if (_this.getState() == 'sliders_initialized' && j1.getState() == 'finished') {
-            _this.setState('finished');
-
-            // Currently NOT used (experimental)
-            // _this.registerEvents(j1.masterslider.instances);
-
-            if (sliderManager) document.body.appendChild(msSliderManager);
-
-            logger.info('\n' + 'initializing module finished');
-            console.debug('initializing MS slider module finished');
-            clearInterval(dependencies_met_module_finished);
+        var pageState   = $('#no_flicker').css("display");
+        var pageVisible = (pageState == 'block') ? true: false;
+        if (_this.getState() == 'sliders_initialized' && pageVisible ) {
+            // TODO: Check why a timeout is required to load the SliderManager
+            setTimeout (function() {
+              if (sliderManager) document.body.appendChild(msSliderManager);
+              // final state|messages
+              _this.setState('finished');
+              logger.info('\n' + 'initializing module finished');
+              console.debug('initializing MS slider module finished');
+              clearInterval(dependencies_met_module_finished);
+            }, 200);
         } // END dependencies_met_j1_finished
       }, 25);
 

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

@@ -126,11 +126,18 @@ var lastPageInfo;
       logger.debug('\n' + 'state: ' + _this.getState());
       logger.info('\n' + 'module is being initialized');
 
-      _this.generate_scrollers();
+      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 ) {
+          _this.generate_scrollers();
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
+          clearInterval(dependencies_met_page_ready);
+        }
+      }, 25);
 
-      _this.setState('finished');
-      logger.debug('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module initialized successfully');
     }, // END init
 
     // -------------------------------------------------------------------------

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

@@ -141,8 +141,9 @@ var logText;
       // initializer
       // -----------------------------------------------------------------------
       var dependencies_met_page_ready = setInterval (function (options) {
-
-        if ( j1.getState() === 'finished' ) {
+        var pageState   = $('#no_flicker').css("display");
+        var pageVisible = (pageState == 'block') ? true: false;
+        if ( j1.getState() === 'finished' && pageVisible ) {
           themes_allowed = waveOptions.themes.toString();
           theme_enabled  = waveOptions.themes.indexOf(theme) > -1 ? true : false;
 
@@ -155,17 +156,25 @@ var logText;
 
           if (themes_allowed === 'all' ) {
             logger.info('\n' + 'activate waves for theme: ' + 'all' );
-            $('.wave').show();
+            setTimeout (function() {
+              $('.wave').show();
+              logger.info('\n' + 'initializing module finished');
+            }, 200);
           } else if (theme_enabled) {
             logger.info('\n' + 'activate waves for theme: ' + theme );
-            $('.wave').show();
+            setTimeout (function() {
+              $('.wave').show();
+              logger.info('\n' + 'initializing module finished');
+            }, 200);
           } else {
             logger.warn('\n' + 'no valid theme/s found');
             logger.warn('\n' + 'deactivate (hide) waves');
-            $('.wave').hide();
+            setTimeout (function() {
+              $('.wave').hide();
+              logger.info('\n' + 'initializing module finished');
+            }, 200);
           }
 
-          logger.info('\n' + 'initializing module finished');
           clearInterval(dependencies_met_page_ready);
         }
       }, 25);

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

@@ -8556,6 +8556,23 @@ textarea.form-control-lg {
 .badge-success, .badge-warning, .badge-info {
   color: #fff; }
 
+/*
+ # -----------------------------------------------------------------------------
+ # ~/100_theme_css/scss/theme_uno_dark/bootstrap/_body.scss
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+*/
+body {
+  color: #212121 !important;
+  background-color: #9E9E9E !important; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/100_theme_css/scss/theme_uno_dark/bootstrap/_breadcrumbs.scss
@@ -8928,11 +8945,11 @@ select.form-control[multiple] {
 */
 a {
   text-decoration: none;
-  color: #e0e0e0 !important; }
+  color: #bdbdbd !important; }
 
 a:hover {
   text-decoration: none;
-  color: #757575 !important; }
+  color: #212121 !important; }
 
 li > a {
   color: #e0e0e0 !important;
@@ -9241,7 +9258,7 @@ table tr.even, table tr.alt, table tr:nth-of-type(even) {
 */
 b,
 strong {
-  color: #fafafa; }
+  color: #212121; }
 
 cite, em, var, address, dfn {
   color: #2196f3; }
@@ -9313,7 +9330,7 @@ cite, em, var, address, dfn {
 .j1-dropcap {
   font: 2em/0.8 "Roboto Slab", sans-serif;
   line-height: 1.25rem;
-  color: #757575;
+  color: #212121;
   float: left;
   padding-right: .125rem;
   margin-right: .125rem !important; }
@@ -9337,19 +9354,19 @@ cite, em, var, address, dfn {
   background-color: transparent; }
 
 .elevated-z1 {
-  background-color: rgba(255, 255, 255, 0.1); }
+  background-color: #757575; }
 
 .elevated-z2 {
-  background-color: rgba(255, 255, 255, 0.2); }
+  background-color: #616161; }
 
 .elevated-z3 {
-  background-color: rgba(255, 255, 255, 0.3); }
+  background-color: #424242; }
 
 .elevated-z4 {
-  background-color: rgba(255, 255, 255, 0.4); }
+  background-color: #212121; }
 
 .elevated-z5 {
-  background-color: rgba(255, 255, 255, 0.5); }
+  background-color: #000; }
 
 /*
 // -----------------------------------------------------------------------------