j1-template 2024.3.15 → 2024.3.17

data/assets/theme/j1/adapter/js/j1.js

@@ -3136,9 +3136,9 @@ var j1 = ((options) => {
 
       // initialize event handler for window/history/back on <ESC>
       //
-      window.onkeyup = function (event) {
-        if (event.keyCode == 27) window.history.back();
-      };
+      // window.onkeyup = function (event) {
+      //   if (event.keyCode == 27) window.history.back();
+      // };
 
       $("a[href*='#']:not([href='#'])").click(function() {
         if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

data/assets/theme/j1/adapter/js/masonry.js

@@ -141,7 +141,7 @@ j1.adapter.masonry = ((j1, window) => {
       // Load  module DEFAULTS|CONFIG
       masonryDefaults = $.extend({}, {{masonry_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
       masonrySettings = $.extend({}, {{masonry_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
-      masonryOptions =  $.extend(true, {}, masonryDefaults, masonrySettings);
+      masonryOptions  =  $.extend(true, {}, masonryDefaults, masonrySettings);
 
       // load HTML portion for all grids
       _this.loadGridHTML(masonryOptions, masonryOptions.grids);
@@ -153,7 +153,7 @@ j1.adapter.masonry = ((j1, window) => {
         var pageState      = $('#content').css("display");
         var pageVisible    = (pageState === 'block') ? true: false;
         var j1CoreFinished = (j1.getState() === 'finished') ? true : false;
-        // var atticFinished  = (j1.adapter.attic.getState() == 'finished') ? true : false;
+//      var atticFinished  = (j1.adapter.attic.getState() == 'finished') ? true : false;
 
         if (j1CoreFinished && pageVisible) {
           startTimeModule = Date.now();

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

@@ -454,7 +454,8 @@ j1.adapter.masterslider = ((j1, window) => {
 
         logger.debug('\n' + 'slider events are being initialized on id: ' + index);
 
-        slider[index].api.addEventListener(MSSliderEvent.WAITING, (e) => {
+        // slider[index].api.addEventListener(MSSliderEvent.WAITING, (e) => {
+        slider[index].api.addEventListener(MSSliderEvent.WAITING, function(e) {
           var controller      = e.target.view.controller;
           var controllerValue = e.target.view.controller.value;
           var isLoading       = e.target.currentSlide.$loading.length;

data/assets/theme/j1/adapter/js/swiper.js

@@ -0,0 +1,231 @@
+---
+regenerate:                             true
+---
+
+{%- capture cache -%}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/adapter/js/swiper.js
+ # Liquid template to adapt the Swiper module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2023, 2024 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  swiper_options:  {{ swiper_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign asset_path          = "/assets/theme/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 swiper_defaults       = modules.defaults.swiper.defaults %}
+{% assign swiper_settings       = modules.swiper.settings %}
+
+{% comment %} Set config options (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign swiper_options        = swiper_defaults | merge: swiper_settings %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/adapter/js/swiper.js
+ # J1 Adapter for the swiper module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023, 2024 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+"use strict";
+j1.adapter.swiper = ((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 viewport_width      = $(window).width();
+  var state               = 'not_started';
+
+  var swiperDefaults;
+  var swiperSettings;
+  var swiperOptions;
+  var frontmatterOptions;
+  var themes_allowed;
+  var theme_enabled;
+  var theme;
+
+  var _this;
+  var logger;
+  var logText;
+
+  // date|time
+  var startTime;
+  var endTime;
+  var startTimeModule;
+  var endTimeModule;
+  var timeSeconds;
+
+  // ---------------------------------------------------------------------------
+  // main
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // adapter initializer
+    // -------------------------------------------------------------------------
+    init: (options) => {
+
+      // [INFO   ] [j1.adapter.comments                    ] [ detected comments provider (j1_config): {{comments_provider}}} ]
+      // [INFO   ] [j1.adapter.comments                    ] [ start processing load region head, layout: {{page.layout}} ]
+
+      // -----------------------------------------------------------------------
+      // default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.swiper',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // global variable settings
+      // -----------------------------------------------------------------------
+
+      // create settings object from frontmatter
+      frontmatterOptions  = options != null ? $.extend({}, options) : {};
+
+      // create settings object from module options
+      swiperDefaults = $.extend({}, {{swiper_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      swiperSettings = $.extend({}, {{swiper_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      swiperOptions  = $.extend(true, {}, swiperDefaults, swiperSettings, frontmatterOptions);
+
+      _this        = j1.adapter.swiper;
+      theme        = user_state.theme_name;
+      logger       = log4javascript.getLogger('j1.adapter.swiper');
+
+      // -----------------------------------------------------------------------
+      // module initializer
+      // -----------------------------------------------------------------------
+      var dependencies_met_page_ready = setInterval (() => {
+        var pageState       = $('#content').css("display");
+        var pageVisible     = (pageState === 'block') ? true : false;
+        var j1CoreFinished  = (j1.getState() === 'finished') ? true : false;
+        // var atticFinished   = (j1.adapter.attic.getState() == 'finished') ? true : false;
+
+        if (j1CoreFinished && pageVisible) {
+          startTimeModule = Date.now();
+
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
+
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
+
+          endTimeModule = Date.now();
+          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+
+          clearInterval(dependencies_met_page_ready);
+        } // END pageVisible
+      }, 10); // END dependencies_met_page_ready
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler()
+    // manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: (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: (stat) => {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: () => {
+      return _this.state;
+    } // END getState
+
+  }; // END main (return)
+})(j1, window);
+
+{%- endcapture -%}
+
+{%- if production -%}
+  {{ cache|minifyJS }}
+{%- else -%}
+  {{ cache|strip_empty_lines }}
+{%- endif -%}
+
+{%- assign cache = false -%}

data/assets/theme/j1/adapter/js/videojs.js

@@ -0,0 +1,212 @@
+---
+regenerate:                             true
+---
+
+{%- capture cache -%}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/adapter/js/videojs.js
+ # Liquid template to adapt the videojs module
+ #
+ # Product/Info://  # https://jekyll.one
+ # Copyright (C) 2023, 2024 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  videojs_options:  {{ videojs_options | debug }}
+ # --------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign asset_path          = "/assets/theme/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 videojs_defaults    = modules.defaults.videojs.defaults %}
+{% assign videojs_settings    = modules.videojs.settings %}
+
+{% comment %} Set config options (settings only)
+------------------------------------------------------------------------------- {% endcomment %}
+{% assign videojs_options        = videojs_defaults | merge: videojs_settings %}
+
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/theme/j1/adapter/js/videojs.js
+ # J1 Adapter for the video module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023, 2024 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+"use strict";
+j1.adapter.videojs = ((j1, window) => {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var vjsDefaults;
+  var vjsSettings;
+  var vjsOptions;
+
+  var _this;
+  var logger;
+  var logText;
+
+  // date|time
+  var startTime;
+  var endTime;
+  var startTimeModule;
+  var endTimeModule;
+  var timeSeconds;
+
+  // ---------------------------------------------------------------------------
+  // main
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // adapter initializer
+    // -------------------------------------------------------------------------
+    init: (options) => {
+
+      // -----------------------------------------------------------------------
+      // default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.videojs',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // global variable settings
+      // -----------------------------------------------------------------------
+
+      // create settings object from module options
+      vjsDefaults = $.extend({}, {{videojs_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      vjsSettings = $.extend({}, {{videojs_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      vjsOptions  = $.extend(true, {}, vjsDefaults, vjsSettings);
+
+      _this        = j1.adapter.videojs;
+      logger       = log4javascript.getLogger('j1.adapter.videojs');
+
+      // -----------------------------------------------------------------------
+      // module initializer
+      // -----------------------------------------------------------------------
+      var dependencies_met_page_ready = setInterval (() => {
+        var pageState       = $('#content').css("display");
+        var pageVisible     = (pageState === 'block') ? true : false;
+        var j1CoreFinished  = (j1.getState() === 'finished') ? true : false;
+
+        if (j1CoreFinished && pageVisible) {
+          startTimeModule = Date.now();
+
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
+
+          // save vjsOptions for later access
+          j1.modules.videojs         = {};
+          j1.modules.videojs.options = vjsOptions || {};
+
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
+
+          endTimeModule = Date.now();
+          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+
+          clearInterval(dependencies_met_page_ready);
+        } // END pageVisible
+      }, 10); // END dependencies_met_page_ready
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler()
+    // manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: (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: (stat) => {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: () => {
+      return _this.state;
+    } // END getState
+
+  }; // END main (return)
+
+})(j1, window);
+
+{%- endcapture -%}
+
+{%- if production -%}
+  {{ cache|minifyJS }}
+{%- else -%}
+  {{ cache|strip_empty_lines }}
+{%- endif -%}
+
+{%- assign cache = false -%}

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

@@ -27079,6 +27079,7 @@ span.badge > a {
 .caption {
   display: none; /* hidden for default */
   position: absolute; /* positions set by translate */
+  margin-top: 1px; /* place caption top position */
   padding: 10px 5px 10px 5px; /* space around a caption */
   color: #E0E0E0; /* caption text color */
   background: rgb(0, 0, 0); /* caption background color */
@@ -27089,19 +27090,20 @@ span.badge > a {
   z-index: 1;
 }
 
+/* jadams, 2024-11-15: Unused
 .caption-video {
   display: none;
   position: absolute;
   padding: 10px 5px 10px 5px;
   color: #E0E0E0;
-  background: rgb(0, 0, 0);
+  background: rgba(0, 0, 0, 1);
   width: 100%;
   font-size: 12px;
   font-weight: 300;
   font-family: sans-serif;
   z-index: 1;
 }
-
+*/
 .top .caption {
   top: 0;
   transform: translate(-100%, -50%); /* move hidden caption */
@@ -27122,8 +27124,9 @@ span.badge > a {
   -webkit-transition-delay: 0.25s;
 }
 
+/* jadams, 2024-11-11: ToDo (fix) */
+/* workaround: make cover images +1 pixel higher for caption text overlay */
 .bottom .caption {
-  top: 100%;
   transform: translate(0, 0);
   -moz-transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
@@ -31790,7 +31793,7 @@ ul.scrollable-menu::-webkit-scrollbar-thumb {
 }
 
 .scroller-6::-webkit-scrollbar-thumb {
-  background-color: #ff9800;
+  background-color: #3f51b5;
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
 }