j1-template 2021.1.12 → 2021.1.17

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

@@ -127,8 +127,8 @@ j1.adapter['fam'] = (function (j1, window) {
 
       // initialize state flag
       _this.setState('started');
-      logger.info('set module state to: ' + _this.getState());
-      logger.info('module is being initialized');
+      logger.info('\n' + 'set module state to: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
 
       // create settings object from frontmatterOptions
       var frontmatterOptions = options != null ? $.extend({}, options) : {};
@@ -161,7 +161,7 @@ j1.adapter['fam'] = (function (j1, window) {
 
       var dependencies_met_navigator = setInterval(function() {
         if (j1.adapter.navigator.getState() == 'finished') {
-          logger.info('met dependencies for: navigator');
+          logger.info('\n' + 'met dependencies for: navigator');
           _this.famLoader(moduleOptions);
           clearInterval(dependencies_met_navigator);
         }
@@ -175,10 +175,10 @@ j1.adapter['fam'] = (function (j1, window) {
     famLoader: function (famOptions) {
 
       _this.setState('loading');
-      logger.info('set module state to: ' + _this.getState());
-      logger.info('load HTML data for fam');
+      logger.info('\n' + 'set module state to: ' + _this.getState());
+      logger.info('\n' + 'load HTML data for fam');
 
-      j1.xhrData ({
+      j1.loadHTML({
         xhr_container_id: famOptions.xhr_container_id,
         xhr_data_path:    famOptions.xhr_data_path,
         xhr_data_element: famOptions.fam_menu_id },
@@ -192,15 +192,15 @@ j1.adapter['fam'] = (function (j1, window) {
       var dependencies_met_fam_initialized = setInterval (function () {
         if (j1.xhrDOMState['#' + famOptions.xhr_container_id] == 'success' && j1.getState() == 'finished') {
           _this.setState('loaded');
-          logger.info('set module state to: ' + _this.getState());
-          logger.info('HTML data for fam: ' + _this.getState());
+          logger.info('\n' + 'set module state to: ' + _this.getState());
+          logger.info('\n' + 'HTML data for fam: ' + _this.getState());
 
 //        _this.scrollSpy(famOptions);
           _this.buttonInitializer(famOptions);
 
           _this.setState('finished');
-          logger.info('state: ' + _this.getState());
-          logger.info('module initialized successfully');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
 
           $('.fam-btn').show();
 
@@ -231,14 +231,14 @@ j1.adapter['fam'] = (function (j1, window) {
       //
       $('a[href="#void"]').click(function(e) {
         e.preventDefault ? e.preventDefault() : e.returnValue = false;
-        logger.info('bound click event to "#void", suppress default action');
+        logger.info('\n' + 'bound click event to "#void", suppress default action');
       });
 
       // check if multiple buttons detected
       if ( famButtons.length == 1 ) {
         _this.setState('processing');
-        logger.info('set module state to: ' + _this.getState());
-        logger.info('initialize fam menu');
+        logger.info('\n' + 'set module state to: ' + _this.getState());
+        logger.info('\n' + 'initialize fam menu');
 
         actionButtonId  = famButtons[0].firstElementChild.id;
         actionMenuId    = actionButtonId.replace('_button', '');
@@ -281,25 +281,25 @@ j1.adapter['fam'] = (function (j1, window) {
               eventHandler = item.event_handler;
               // check if eventhandler configured is a SINGLE word
               if (eventHandler.split(' ').length == 1) {
-                logger.info('register pre-configured eventhandler ' +eventHandler+ ' on id: #' + item.id);
+                logger.info('\n' + 'register pre-configured eventhandler ' +eventHandler+ ' on id: #' + item.id);
 
                 if ( eventHandler === 'open_mmenu_toc' ) {
                   if ($('#j1-toc-mgr').length) {
-                    logger.info('found toc in page: enabled');
+                    logger.info('\n' + 'found toc in page: enabled');
                     var dependencies_met_toccer_finished = setInterval (function () {
                       if ( j1.adapter.toccer.getState() == 'finished' ) {
-                        logger.info('met dependencies for: toccer');
+                        logger.info('\n' + 'met dependencies for: toccer');
 
                         // famOptions.mode === 'icon'
-                        //   ? logger.info('fam mode detected: icon')
-                        //   : logger.info('fam mode detected: menu');
+                        //   ? logger.info('\n' + 'fam mode detected: icon')
+                        //   : logger.info('\n' + 'fam mode detected: menu');
 
                         $('#open_mmenu_toc').show();
                         clearInterval(dependencies_met_toccer_finished);
                       }
                     }, 25); // END dependencies_met_toccer_finished
                   } else {
-                    logger.info('found toc in page: disabled');
+                    logger.info('\n' + 'found toc in page: disabled');
                   }
                 } else {
                   $('#' + item.id).show();
@@ -313,16 +313,16 @@ j1.adapter['fam'] = (function (j1, window) {
                   });
                 });
               } else {
-                logger.info('register custom eventhandler on id: #' + item.id);
+                logger.info('\n' + 'register custom eventhandler on id: #' + item.id);
               }
             } else {
   //          alert ('Creating Eventhandler failed on id: #' + item.id);
-              logger.error('Creating Eventhandler failed on id: #' + item.id);
+              logger.error('\n' + 'creating Eventhandler failed on id: #' + item.id);
             } // END if items (action buttons)
           });
         } else {
           // single action, create FAB
-          logger.info('single action found for FAM, create: FAB');
+          logger.info('\n' + 'single action found for FAM, create: FAB');
 
           // disable hover event (CSS)
           // $actionButton.css({'pointer-events': 'none'})
@@ -331,7 +331,7 @@ j1.adapter['fam'] = (function (j1, window) {
             eventHandler = item.event_handler;
             // check if eventhandler configured is a SINGLE word
             if (eventHandler.split(' ').length == 1) {
-              logger.info('register pre-configured eventhandler ' +eventHandler+ ' on id: #' + actionButtonId);
+              logger.info('\n' + 'register pre-configured eventhandler ' +eventHandler+ ' on id: #' + actionButtonId);
 
               if (eventHandler === 'scroll_to_top') {
                 // register click event
@@ -346,10 +346,10 @@ j1.adapter['fam'] = (function (j1, window) {
               if ( eventHandler === 'open_mmenu_toc' ) {
                 // check if toccer (toc_mgr) is available
                 if ($('#j1-toc-mgr').length) {
-                  logger.info('found toc in page: enabled');
+                  logger.info('\n' + 'found toc in page: enabled');
                   var dependencies_met_toccer_finished = setInterval (function () {
                     if ( j1.adapter.toccer.getState() == 'finished' ) {
-                      logger.info('met dependencies for toccer: finished');
+                      logger.info('\n' + 'met dependencies for toccer: finished');
                       // change the id of the $actionButton to the already
                       // registered id by mmenu adapter of ('open_mmenu_toc')
                       // to open the TOC sidebar
@@ -359,8 +359,8 @@ j1.adapter['fam'] = (function (j1, window) {
                     }
                   }, 25); // END dependencies_met_toccer_finished
                 } else {
-                  logger.info('found toc in page: disabled');
-                  logger.info('eventhandler: disabled');
+                  logger.info('\n' + 'found toc in page: disabled');
+                  logger.info('\n' + 'eventhandler: disabled');
                 }
               } // END if eventHandler == open_mmenu_toc
             }
@@ -368,8 +368,8 @@ j1.adapter['fam'] = (function (j1, window) {
         } // END else
       } else {
 //      alert ('Multiple FAM buttons found: ' + famButtons.length);
-        logger.error('Multiple FAM buttons found: ' + famButtons.length);
-        logger.info('FAM container set to hidden: ' + $famContainer);
+        logger.error('\n' + 'multiple FAM buttons found: ' + famButtons.length);
+        logger.info('\n' + 'FAM container set to hidden: ' + $famContainer);
         $famContainer.hide();
       } // END if famButton
     }, // END buttonInitializer
@@ -573,7 +573,7 @@ j1.adapter['fam'] = (function (j1, window) {
       // var json_message = JSON.stringify(message, undefined, 2);              // multiline
       var json_message = JSON.stringify(message);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -583,10 +583,10 @@ j1.adapter['fam'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
       if (message.type === 'command' && message.action === 'status') {
-        logger.info('messageHandler: received - ' + message.action);
+        logger.info('\n' + 'messageHandler: received - ' + message.action);
       }
 
       //
@@ -645,8 +645,8 @@ j1.adapter['fam'] = (function (j1, window) {
           ? $famContainer.css('display','block')
           : $famContainer.css('display','none');
 
-        // logger.debug('content pos detected as: ' + m + 'px');
-        // logger.debug('scroll pos detected as: ' + scrollPos + 'px');
+        // logger.debug('\n' + 'content pos detected as: ' + m + 'px');
+        // logger.debug('\n' + 'scroll pos detected as: ' + scrollPos + 'px');
       }); // END setTop on scroll
 
     }, // END scrollSpy

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

@@ -115,8 +115,8 @@ j1.adapter['framer'] = (function (j1, window) {
 
             // initialize state flag
             _this.setState('started');
-            logger.info('state: ' + _this.getState());
-            logger.info('module is being initialized');
+            logger.info('\n' + 'state: ' + _this.getState());
+            logger.info('\n' + 'module is being initialized');
 
             // -----------------------------------------------------------------------
             // Default module settings
@@ -160,8 +160,8 @@ j1.adapter['framer'] = (function (j1, window) {
             });
 
             _this.setState('finished');
-            logger.info('state: ' + _this.getState());
-            logger.info('initializing module finished');
+            logger.info('\n' + 'state: ' + _this.getState());
+            logger.info('\n' + 'initializing module finished');
 
             clearInterval(dependencies_met_page_finished);
 
@@ -179,7 +179,7 @@ j1.adapter['framer'] = (function (j1, window) {
     messageHandler: function (sender, message) {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -189,7 +189,7 @@ j1.adapter['framer'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
 
       //

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

@@ -41,46 +41,84 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blocks                  = site.data.blocks %}
-{% assign modules                 = site.data.modules %}
-{% assign template_config         = site.data.j1_config %}
+{% assign blocks                    = site.data.blocks %}
+{% assign modules                   = site.data.modules %}
+{% assign template_config           = site.data.j1_config %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign banner_config_defaults  = blocks.defaults.banner.defaults %}
-{% assign banner_config_settings  = blocks.banner.settings %}
-{% assign panel_config_defaults   = blocks.defaults.panel.defaults %}
-{% assign panel_config_settings   = blocks.panel.settings %}
-{% assign footer_config_defaults  = blocks.defaults.footer.defaults %}
-{% assign toccer_defaults         = modules.defaults.toccer.defaults %}
-{% assign toccer_settings         = modules.toccer.settings %}
-{% assign themer_defaults         = modules.defaults.themer.defaults %}
-{% assign themer_settings         = modules.themer.settings %}
-{% assign tracking_enabled        = template_config.analytics.enabled %}
-{% assign tracking_id             = template_config.analytics.google.tracking_id %}
-
-{% assign authentication_defaults = modules.defaults.authentication.defaults %}
-{% assign authentication_settings = modules.authentication.settings %}
+{% assign banner_config_defaults    = blocks.defaults.banner.defaults %}
+{% assign banner_config_settings    = blocks.banner.settings %}
+{% assign panel_config_defaults     = blocks.defaults.panel.defaults %}
+{% assign panel_config_settings     = blocks.panel.settings %}
+{% assign footer_config_defaults    = blocks.defaults.footer.defaults %}
+{% assign toccer_defaults           = modules.defaults.toccer.defaults %}
+
+{% assign themer_defaults           = modules.defaults.themer.defaults %}
+{% assign themer_settings           = modules.themer.settings %}
+
+{% assign tracking_enabled          = template_config.analytics.enabled %}
+{% assign tracking_id               = template_config.analytics.google.tracking_id %}
+
+{% assign authentication_defaults   = modules.defaults.authentication.defaults %}
+{% assign authentication_settings   = modules.authentication.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign toccer_options          = toccer_defaults | merge: toccer_settings %}
-{% assign themer_options          = themer_defaults | merge: themer_settings %}
+{% assign toccer_options            = toccer_defaults | merge: toccer_settings %}
+{% assign themer_options            = themer_defaults| merge: themer_settings %}
+
+{% assign authentication_options    = authentication_defaults | merge: authentication_settings %}
 
-{% assign authentication_options  = authentication_defaults | merge: authentication_settings %}
+{% assign footer_id                 = footer_config_defaults.container-id %}
+{% assign footer_data_path          = footer_config_defaults.data_path %}
+{% assign banner_data_path          = banner_config_defaults.data_path %}
+{% assign panel_data_path           = panel_config_defaults.data_path %}
 
-{% assign footer_id               = footer_config_defaults.container-id %}
-{% assign footer_data_path        = footer_config_defaults.data_path %}
-{% assign banner_data_path        = banner_config_defaults.data_path %}
-{% assign panel_data_path         = panel_config_defaults.data_path %}
+{% assign themer_enabled            = modules.themer_options.enabled %}
+{% assign themer_reloadPageOnChange = modules.themer_options.reloadPageOnChange %}
+{% assign themer_hideOnReload       = modules.themer_options.hideOnReload %}
+{% assign comment_provider          = template_config.comments.provider %}
 
-{% assign hideOnReload            = modules.themer_options.hideOnReload %}
+{% comment %} Set variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if comment_provider == 'disqus' %}
+  {% assign site_id = template_config.comments.disqus.site_id %}
+{% elsif comment_provider == 'hyvor' %}
+  {% assign site_id = template_config.comments.hyvor.site_id %}
+{% elsif comment_provider == 'commento' %}
+  {% assign site_id = template_config.comments.commento.site_id %}
+{% elsif comment_provider == 'just-comments' %}
+  {% assign site_id = template_config.comments.just-comments.site_id %}
+{% elsif comment_provider == 'facebook' %}
+  {% assign site_id = template_config.comments.facebook.site_id %}
+{% else %}
+  {% assign site_id = false %}
+{% endif %}
 
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
+{% if language == "en" %}
+  {% assign comments_headline = template_config.comments.comments_headline.en %}
+{% endif %}
+
+{% if language == "de" %}
+  {% assign comments_headline = template_config.comments.comments_headline.de %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/j1_template.js
@@ -124,11 +162,18 @@ var j1 = (function () {
   var state                     = 'not_started';
   var mode                      = 'not_detected';
 
-  // Tracking information (GA)
+  // Default tracking provider information
   var tracking_enabled          = ('{{tracking_enabled}}' === 'true') ? true: false;
   var tracking_id               = '{{tracking_id}}';
   var tracking_id_valid         = (tracking_id.includes('tracking-id')) ? false : true;
 
+  // Default comment provider information
+  var comment_provider          = '{{comment_provider}}';
+  var site_id                   = '{{site_id}}';
+
+  // Default translator settings (currently NOT supported)
+  // var translation_enabled       = {{template_config.translation.enabled}};
+
   var current_user_data;
   var current_page;
   var previous_page;
@@ -138,15 +183,12 @@ var j1 = (function () {
   var user_session_detected;
   var cookie_written;
 
-  // Translatior settings (currently NOT supported)
-  // var translation_enabled       = {{template_config.translation.enabled}};
-
   // Theme information
   var themeName;
   var themeCss;
   var cssExtension              = (environment === 'production')
                                   ? '.min.css'
-                                  : '.css';
+                                  : '.css'
 
    // Pathes of J1 data files
   var colors_data_path          = '{{template_config.colors_data_path}}';
@@ -165,7 +207,7 @@ var j1 = (function () {
   var baseUrl;
   var referrer;
 
-  // initial cookie values
+  // initial cookie settings
   var cookie_names = {
     'app_session':  '{{template_config.cookies.app_session}}',
     'user_session': '{{template_config.cookies.user_session}}',
@@ -191,9 +233,8 @@ var j1 = (function () {
   };
   var user_state = {
     'writer':               'j1.adapter',
-    'theme_css':            '',
-    'theme_css':            '',
     'theme_name':           '',
+    'theme_css':            '',
     'theme_author':         '',
     'theme_version':        '{{template_version}}',
     'session_active':       false,
@@ -233,9 +274,15 @@ var j1 = (function () {
       var logger            = log4javascript.getLogger('j1.init');
       var url               = new liteURL(window.location.href);
       var baseUrl           = url.origin;
+      var hostname          = url.hostname;
+      var domain            = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
+      var secure            = (url.protocol.includes('https')) ? true : false;
       var date              = new Date();
       var timestamp_now     = date.toISOString();
       var curr_state        = 'started';
+      var gaCookies         = j1.findCookie('_ga');
+      var j1Cookies         = j1.findCookie('j1');
+      var themerOptions     = $.extend({}, {{themer_options | replace: '=>', ':' | replace: 'nil', '""' }});
 
       // -----------------------------------------------------------------------
       // options loader
@@ -276,38 +323,45 @@ var j1 = (function () {
           user_state.last_session_ts    = timestamp_now;
 
           if (!user_consent.analyses || !user_consent.personalization)  {
-            // expire consent|state cookies to session
+            // rewrite consent|state cookies to session
+            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_consent);
             cookie_written = j1.writeCookie({
               name:     cookie_names.user_consent,
               data:     user_consent,
-              samesite: 'Strict'
+              samesite: 'Strict',
+              secure:   secure,
+              expires:  0
             });
             if (!cookie_written) {
-              logger.error('failed to write cookie: ' + cookie_names.user_consent);
+              logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
             }
+            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
             cookie_written = j1.writeCookie({
               name:     cookie_names.user_state,
               data:     user_state,
-              samesite: 'Strict'
+              samesite: 'Strict',
+              secure:   secure,
+              expires:  0
             });
             if (!cookie_written) {
-            	logger.error('failed to write cookie: ' + cookie_names.user_consent);
+            	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_consent);
             }
           } else {
+            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
             cookie_written = j1.writeCookie({
               name:     cookie_names.user_state,
               data:     user_state,
               samesite: 'Strict',
+              secure:   secure,
               expires:  365
             });
             if (!cookie_written) {
-            	logger.error('failed to write cookie: ' + cookie_names.user_state);
+            	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
             }
           }
         } else {
-          // jadams, 2021-07-11: on beforeunload, a vaild state cookie
-          // is expected
-          logger.fatal('missing cookie detected: ' + cookie_names.user_state);
+          // jadams, 2021-07-11: on beforeunload, a user state cookie is expected
+          logger.error('\n' + 'missing cookie detected: ' + cookie_names.user_state);
         }
       }); // END beforeunload
 
@@ -323,10 +377,12 @@ var j1 = (function () {
                         : cookie_written = j1.writeCookie({
                             name:     cookie_names.user_session,
                             data:     user_session,
-                            samesite: 'Strict'
+                            samesite: 'Strict',
+                            secure:   secure,
+                            expires:  0
                           });
       if (!cookie_written) {
-      	logger.error('failed to write cookie: ' + cookie_names.user_session);
+      	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
       }
 
       user_state    =  j1.existsCookie(cookie_names.user_state)
@@ -335,10 +391,11 @@ var j1 = (function () {
                             name:     cookie_names.user_state,
                             data:     user_state,
                             samesite: 'Strict',
+                            secure:   secure,
                             expires:  365
                           });
       if (!cookie_written) {
-      	logger.error('failed to write cookie: ' + cookie_names.user_state);
+      	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
       }
 
       // jadams, 2021-07-11: Found situation that user_state NOT initialized
@@ -346,30 +403,39 @@ var j1 = (function () {
       // TODO: Check if/why user state (cookie NOT created?) NOT initialized
       // for what reason.
       if (!user_state) {
-        logger.error('cookie not found: ' + cookie_names.user_state);
+        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
+        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
+        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
+        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
         user_state = j1.readCookie(cookie_names.user_state);
         user_state.session_active = true;
       }
 
       if (!user_consent.analyses || !user_consent.personalization)  {
-        // expire consent|state cookies to session
+        // rewrite consent|state cookies to session
+        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
         cookie_written = j1.writeCookie({
           name:     cookie_names.user_state,
           data:     user_state,
-          samesite: 'Strict'
+          samesite: 'Strict',
+          secure:   secure,
+          expires:  0
         });
         if (!cookie_written) {
-        	logger.error('failed to write cookie: ' + cookie_names.user_state);
+        	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
         }
       } else {
+        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
         cookie_written = j1.writeCookie({
           name:     cookie_names.user_state,
           data:     user_state,
           samesite: 'Strict',
+          secure:   secure,
           expires:  365
         });
         if (!cookie_written) {
-        	logger.error('failed to write cookie: ' + cookie_names.user_state);
+        	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
         }
       }
 
@@ -393,40 +459,43 @@ var j1 = (function () {
           user_session.requested_page = window.location.pathname;
           user_session.timestamp      = timestamp_now;
           user_session                = j1.mergeData(user_session, data);
-          logText                     = 'mode detected: ' + user_session.mode;
+          logText                     = '\n' + 'mode detected: ' + user_session.mode;
 
           logger.info(logText);
-          logger.info('update user session cookie');
+          logger.info('\n' + 'update user session cookie');
+          logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
           cookie_written = j1.writeCookie({
             name:     cookie_names.user_session,
             data:     user_session,
-            samesite: 'Strict'
+            samesite: 'Strict',
+            secure:   secure,
+            expires:  0
           });
 
           if (!cookie_written) {
-          	logger.error('failed to write cookie: ' + cookie_names.user_session);
+          	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
           }
 
           j1.setState(curr_state);
-          logger.info('state: ' + j1.getState());
+          logger.info('\n' + 'state: ' + j1.getState());
 
           var dependencies_met_page_displayed = setInterval (function () {
             if (j1.getState() == 'finished') {
               if (j1.authEnabled()) {
                 if (user_session.authenticated === 'true') {
                   // set signout
-                  logger.info('show signout icon');
+                  logger.info('\n' + 'show signout icon');
                   $('#navLinkSignInOut').attr('data-target','#modalOmniSignOut');
                   $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
                 } else {
                   // set signin
-                  logger.info('show signin icon');
+                  logger.info('\n' + 'show signin icon');
                   $('#navLinkSignInOut').attr('data-target','#modalOmniSignIn');
                   $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
                 }
-                logger.info('authentication detected as: ' + user_session.authenticated);
+                logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
                 $('#quickLinksSignInOutButton').css('display', 'block');
-                logger.info('met dependencies for: j1');
+                logger.info('\n' + 'met dependencies for: j1');
                 clearInterval(dependencies_met_page_displayed);
               }
             }
@@ -440,38 +509,41 @@ var j1 = (function () {
             user_session.mode           = 'web';
             user_session.requested_page = window.location.pathname;
             user_session.timestamp      = timestamp_now;
-            logText                     = 'mode detected: ' + user_session.mode;
+            logText                     = '\n' + 'mode detected: ' + user_session.mode;
 
             logger.info(logText);
+            logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
             cookie_written = j1.writeCookie({
               name:     cookie_names.user_session,
               data:     user_session,
-              samesite: 'Strict'
+              samesite: 'Strict',
+              secure:   secure,
+              expires:  0
             });
             if (!cookie_written) {
-            	logger.error('failed to write cookie: ' + cookie_names.user_session);
+            	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
             }
 
             j1.setState(curr_state);
-            logger.info('state: ' + j1.getState());
+            logger.info('\n' + 'state: ' + j1.getState());
           }, detectTimeout);
         });
       } else { // web mode
         state = 'started';
-        logger.info('state: ' + state);
-        logger.info('page is being initialized');
+        logger.info('\n' + 'state: ' + state);
+        logger.info('\n' + 'page is being initialized');
       }
 
       state = 'started';
-      logger.info('state: ' + state);
-      logger.info('page is being initialized');
+      logger.info('\n' + 'state: ' + state);
+      logger.info('\n' + 'page is being initialized');
 
       if ( settings.scrollbar === 'false'  ) {
         $('body').addClass('hide-scrollbar');
         $('html').addClass('hide-scrollbar-moz');
       }
 
-      logger.info('read user state from cookie');
+      logger.info('\n' + 'read user state from cookie');
       user_session = j1.readCookie(cookie_names.user_session);
 
       // process|update user state cookie
@@ -501,15 +573,18 @@ var j1 = (function () {
         last_pager                = user_session.last_pager;
       }
 
-      logger.info('update user session cookie');
+      logger.info('\n' + 'update user session cookie');
+      logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
       cookie_written = j1.writeCookie({
         name:     cookie_names.user_session,
         data:     user_session,
-        samesite: 'Strict'
+        samesite: 'Strict',
+        secure:   secure,
+        expires:  0
       });
 
       if (!cookie_written) {
-      	logger.error('failed to write cookie: ' + cookie_names.user_session);
+      	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
       }
 
       // NOTE: asynchronous calls should be rewitten to xhrData
@@ -519,17 +594,20 @@ var j1 = (function () {
       j1.initFooter(settings);
 
       state = 'running';
-      logger.info('state: ' + state);
-      logger.info(logText);
+      logger.info('\n' + 'state: ' + state);
+      // logger.info(logText);
 
       user_session.timestamp = timestamp_now;
+      logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
       cookie_written = j1.writeCookie({
         name:     cookie_names.user_session,
         data:     user_session,
-        samesite: 'Strict'
+        samesite: 'Strict',
+        secure:   secure,
+        expires:  0
       });
       if (!cookie_written) {
-      	logger.error('failed to write cookie: ' + cookie_names.user_session);
+      	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
       }
 
       // -----------------------------------------------------------------------
@@ -561,20 +639,20 @@ var j1 = (function () {
         return function ( responseTxt, statusTxt, xhr ) {
           if ( statusTxt ==  'success' ) {
             var logger = log4javascript.getLogger('j1.adapter.xhrData');
-            logText = 'loading banner completed on id: ' +banner_id;
+            logText = '\n' + 'loading banner completed on id: ' +banner_id;
             logger.info(logText);
             j1.setXhrDataState(banner_id, statusTxt);
             j1.setXhrDomState(banner_id, statusTxt);
-            logger.info('XHR data loaded in the DOM: ' + banner_id);
+            logger.info('\n' + 'XHR data loaded in the DOM: ' + banner_id);
           }
           if ( statusTxt == 'error' ) {
-            logText = 'loading banner failed on id: ' +banner_id+ ', error: ' + xhr.status + ': ' + xhr.statusText;
+            logText = '\n' + 'loading banner failed on id: ' +banner_id+ ', error: ' + xhr.status + ': ' + xhr.statusText;
             logger.error(logText);
             j1.setXhrDataState(banner_id, statusTxt);
             j1.setXhrDomState(banner_id, statusTxt);
             // Set|Log status
             state = 'failed';
-            logger.error('state: ' + state);
+            logger.error('\n' + 'state: ' + state);
           }
         };
       };
@@ -635,15 +713,15 @@ var j1 = (function () {
           var id = '#' + banner[i];
           var selector = $(id);
           if (selector.length) {
-            logText = 'loading banner on id: ' +banner[i];
+            logText = '\n' + 'loading banner on id: ' +banner[i];
             logger.info(logText);
             var banner_data_path = '{{banner_data_path}} ' + id;
             selector.load(banner_data_path, cb_load_closure(id));
           }
         } // END for
       }  else {
-        logText = 'no banner found in site';
-        logger.info(logText);
+        logText = '\n' + 'no banner found in site';
+        logger.warn(logText);
         return false;
       }
       return true;
@@ -672,20 +750,20 @@ var j1 = (function () {
         return function ( responseTxt, statusTxt, xhr ) {
           var logger = log4javascript.getLogger('j1.adapter.xhrData');
           if ( statusTxt == 'success' ) {
-            logText = 'loading panel completed on id: ' +panel_id;
+            logText = '\n' + 'loading panel completed on id: ' +panel_id;
             logger.info(logText);
             j1.setXhrDataState(panel_id, statusTxt);
             j1.setXhrDomState(panel_id, statusTxt);
-            logger.info('XHR data loaded in the DOM: ' + panel_id);
+            logger.info('\n' + 'XHR data loaded in the DOM: ' + panel_id);
           }
           if ( statusTxt == 'error' ) {
-            logText = 'loading panel failed on id: ' +panel_id+ ', error ' + xhr.status + ': ' + xhr.statusText;
+            logText = '\n' + 'loading panel failed on id: ' +panel_id+ ', error ' + xhr.status + ': ' + xhr.statusText;
             logger.error(logText);
             j1.setXhrDataState(panel_id, statusTxt);
             j1.setXhrDomState(panel_id, statusTxt);
             // Set|Log status
             state = 'Error';
-            logger.error('state: ' + state);
+            logger.error('\n' + 'state: ' + state);
           }
         };
       };
@@ -738,15 +816,15 @@ var j1 = (function () {
           var id = '#' + panel[i];
           var selector = $(id);
           if ( selector.length ) {
-            logText = 'loading panel on id: ' +panel[i];
+            logText = '\n' + 'loading panel on id: ' +panel[i];
             logger.info(logText);
             var panel_data_path = '{{panel_data_path}} ' + id;
             selector.load(panel_data_path, cb_load_closure(id));
           }
         } // END for
       } else {
-        logText = 'no panel found in site';
-        logger.info(logText);
+        logText = '\n' + 'no panel found in site';
+        logger.warn(logText);
         return false;
       }
       return true;
@@ -761,31 +839,31 @@ var j1 = (function () {
       var mod               = 'j1';
       var logText;
 
-      logText = 'loading footer started';
+      logText = '\n' + 'loading footer started';
       logger.info(logText);
 
       var cb_load_closure = function(footer_id) {
         return function ( responseTxt, statusTxt, xhr ) {
           var logger = log4javascript.getLogger('j1.adapter.xhrData');
           if ( statusTxt ==  'success' ) {
-            logText = 'footer loaded successfully on id: ' + footer_id;
+            logText = '\n' + 'footer loaded successfully on id: ' + footer_id;
             logger.info(logText);
             j1.setXhrDataState(footer_id, statusTxt);
             j1.setXhrDomState(footer_id, statusTxt);
-            logger.info('XHR data loaded in the DOM: ' + footer_id);
-            logText = 'initialization finished';
+            logger.info('\n' + 'XHR data loaded in the DOM: ' + footer_id);
+            logText = '\n' + 'initialization finished';
             logger.info(logText);
           }
           if ( statusTxt == 'error' ) {
-            logText = 'loading footer failed on id: ' +footer_id+ ', error ' + xhr.status + ': ' + xhr.statusText;
+            logText = '\n' + 'loading footer failed on id: ' +footer_id+ ', error ' + xhr.status + ': ' + xhr.statusText;
             logger.error(logText);
             j1.setXhrDataState(footer_id, statusTxt);
             j1.setXhrDomState(footer_id, statusTxt);
 
             // Set|Log status
             state = 'failed';
-            logger.error('state: ' + state);
-            logText = 'initialization finished';
+            logger.error('\n' + 'state: ' + state);
+            logText = '\n' + 'initialization finished';
             logger.info(logText);
           }
         };
@@ -797,7 +875,7 @@ var j1 = (function () {
         var footer_data_path = '{{footer_data_path}} ' + id;
         selector.load(footer_data_path, cb_load_closure(id));
       } else {
-        logText = 'data not loaded';
+        logText = '\n' + 'data not loaded';
         logger.warn(logText);
         j1.setXhrDataState(id, 'not loaded');
         j1.setXhrDomState(id, 'pending');
@@ -821,9 +899,11 @@ var j1 = (function () {
       var flickerTimeout      = {{template_config.flicker_timeout}};
       var url                 = new liteURL(window.location.href);
       var baseUrl             = url.origin;
+      var secure              = (url.protocol.includes('https')) ? true : false;
       var ep_status           = baseUrl + '/status' + '?page=' + window.location.pathname;
       var user_session        = j1.readCookie(cookie_names.user_session);
       var user_state          = j1.readCookie(cookie_names.user_state);
+      var user_consent        = j1.readCookie(cookie_names.user_consent);
       var current_url         = new liteURL(window.location.href);
       var providerPermissions = {};
       var provider;
@@ -831,14 +911,36 @@ var j1 = (function () {
       var appDetected;
       var categoryAllowed;
 
-      logger.info('finalize page');
+      // provider APIs require user consent
+      var meta_analytics        = $('meta[name=analytics]').attr('content');
+      var analytics             = (meta_analytics === 'true') ? true: false;
+      var meta_comments         = $('meta[name=comments]').attr('content');
+      var comments              = (meta_comments === 'true') ? true: false;
+      var meta_advertising      = $('meta[name=advertising]').attr('content');
+      var advertising           = (meta_advertising === 'true') ? true: false;
+      var meta_youtube          = $('meta[name=youtube]').attr('content');
+      var youtube               = (meta_youtube === 'true') ? true: false;
+      var meta_vimeo            = $('meta[name=vimeo]').attr('content');
+      var vimeo                 = (meta_vimeo === 'true') ? true: false;
+
+      // personalized content require user consent
+      var meta_personalization  = $('meta[name=personalization]').attr('content');
+      var personalization       = (meta_personalization === 'true') ? true: false;
+
+      // if personalized content detected, page requires user consent
+      if (personalization && !user_consent.personalization) {
+        // redirect to error paged (blocked content)
+        window.location.href = "/444.html";
+      }
+
+      logger.info('\n' + 'finalize page');
       j1.setCss();
 
-      logText= 'loading page partials: started';
+      logText= '\n' + 'loading page partials: started';
       logger.info(logText);
 
       if (j1.appDetected()) { // app mode
-        logger.info('mode detected: app');
+        logger.info('\n' + 'mode detected: app');
 
         $.when ($.ajax(ep_status))
         .then(function(data) {
@@ -847,13 +949,16 @@ var j1 = (function () {
           user_session = j1.mergeData(user_session, data);
 
           user_session.current_page = current_url.pathname;
+          logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
           cookie_written = j1.writeCookie({
             name:     cookie_names.user_session,
             data:     user_session,
-            samesite: 'Strict'
+            samesite: 'Strict',
+            secure:   secure,
+            expires:  0
           });
           if (!cookie_written) {
-          	logger.error('failed to write cookie: ' + cookie_names.user_session);
+          	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
           }
 
           providerPermissions = user_session.provider_permissions;
@@ -880,26 +985,76 @@ var j1 = (function () {
 
           // show the page delayed
           setTimeout (function() {
+
+            // Manage providers for personalization OptIn/Out (Comments|Ads)
+            if (!user_consent.personalization) {
+              logger.warn('\n' + 'disable comment provider: ' + comment_provider);
+              $('#leave-a-comment').remove();
+              if (comment_provider === 'disqus') {
+                $('#dsq-count-scr').remove();
+                $('#disqus-thread').remove();
+              }
+              if (comment_provider === 'hyvor') {
+                $('#hyvor-embed').remove();
+                $('#hyvor-talk-view').remove();
+              }
+            } else {
+              if (comments) {
+                logger.warn('\n' + 'enable comment provider: ' + comment_provider);
+                $('#main-content').append('<h2 id="leave-a-comment" class="mt-4">{{comments_headline}}</h2>');
+                if (comment_provider === 'disqus') {
+                  logger.info('\n' + 'load comment provider code: ' + comment_provider);
+                  $('#main-content').append('<div id="disqus_thread"></div>');
+                  $('body').append('<script async id="dsq-count-scr" src="//' + site_id + '.disqus.com/count.js"></script>');
+                  j1.loadJS({
+                    xhr_data_path:    '/assets/data/' + comment_provider + '.js',
+                    xhr_data_element: comment_provider
+                  });
+                }
+                if (comment_provider === 'hyvor') {
+                  $('body').append('<script> var HYVOR_TALK_WEBSITE = ' + site_id + '; var HYVOR_TALK_CONFIG = { url: false, id: false };');
+                  $('#main-content').append('<div id="hyvor-talk-view"></div>');
+                  $('body').append('<script async id="hyvor-embed" type="text/javascript" src="//talk.hyvor.com/web-api/embed.js"></script>');
+                }
+              } // END comments
+            } // END personalization
+
             // display page
-            $('#no_flicker').css('display', 'block');
+           $('#no_flicker').css('display', 'block');
+
+             // add recommended title to hyvor iframe for SEO optimization (if loadad)
+            if (comment_provider === 'hyvor') {
+              var dependencies_met_load_finished = setInterval (function () {
+              	if ($('#hyvor-talk-view').children().length) {
+              		$('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
+              		clearInterval(dependencies_met_load_finished);
+              	}
+              }, 25);
+            }
 
             // NOTE: Placed tracking warning/info here because page may reloaded
             // after cookie consent selection
-            //
-            if (tracking_enabled && !tracking_id_valid) {
-              logger.error('tracking enabled, but invalid tracking id found: ' + tracking_id);
+            if (user_consent.analyses) {
+              logger.info('\n' + 'tracking allowed, privacy settings for analysis: ' + user_consent.analyses);
+              if (tracking_enabled && !tracking_id_valid) {
+                logger.error('\n' + 'tracking enabled, but invalid tracking id found: ' + tracking_id);
+              } else if (tracking_enabled && tracking_id_valid) {
+                logger.warn('\n' + 'tracking enabled, tracking id found: ' + tracking_id);
+              } else {
+                logger.warn('\n' + 'tracking disabled, tracking id found: ' + tracking_id);
+              }
             } else {
-              logger.warn('tracking enabled, tracking id found: ' + tracking_id);
+              logger.warn('\n' + 'tracking not allowed, privacy settings for analysis: ' + user_consent.analyses);
             }
 
             // show|hide cookie icon (should MOVED to Cookiebar ???)
             if (j1.existsCookie(cookie_names.user_consent)) {
               // Display cookie icon
-              logText = 'show cookie icon';
+              logText = '\n' + 'show cookie icon';
               logger.info(logText);
               $('#quickLinksCookieButton').css('display', 'block');
             } else {
-              logText = 'hide cookie icon';
+              logText = '\n' + 'hide cookie icon';
               logger.info(logText);
               // Display cookie icon
               $('#quickLinksCookieButton').css('display', 'none');
@@ -907,8 +1062,8 @@ var j1 = (function () {
 
             // show|hide translator icon (currently NOT supported)
             // if (translation_enabled) {
-            //   logger.info('translator detected: google');
-            //   logger.info('initialize language selector');
+            //   logger.info('\n' + 'translator detected: google');
+            //   logger.info('\n' + 'initialize language selector');
             //   $('.goog-te-combo').addClass('form-control');
             // }
 
@@ -918,16 +1073,16 @@ var j1 = (function () {
             if (j1.authEnabled()) {
               if (user_session.authenticated === 'true') {
                 // set signout
-                logger.info('show signout icon');
+                logger.info('\n' + 'show signout icon');
                 $('#navLinkSignInOut').attr('data-target','#modalOmniSignOut');
                 $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
               } else {
                 // set signin
-                logger.info('show signin icon');
+                logger.info('\n' + 'show signin icon');
                 $('#navLinkSignInOut').attr('data-target','#modalOmniSignIn');
                 $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
               }
-              logger.info('authentication detected as: ' + user_session.authenticated);
+              logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
               $('#quickLinksSignInOutButton').css('display', 'block');
             }
 
@@ -936,25 +1091,25 @@ var j1 = (function () {
             j1.scrollTo();
 
             if (user_session.previous_page !== user_session.current_page) {
-              logText = 'page change detected';
+              logText = '\n' + 'page change detected';
               logger.info(logText);
-              logText = 'previous page: ' + user_session.previous_page;
+              logText = '\n' + 'previous page: ' + user_session.previous_page;
               logger.info(logText);
-              logText = 'current page: ' + user_session.current_page;
+              logText = '\n' + 'current page: ' + user_session.current_page;
               logger.info(logText);
             }
 
             // update sidebar for changed theme data
-            logger.info('update sidebar');
+            logger.info('\n' + 'update sidebar');
             user_state        = j1.readCookie(cookie_names.user_state);
             current_user_data = j1.mergeData(user_session, user_state);
             j1.core.navigator.updateSidebar(current_user_data);
 
             // Set|Log status
             state = 'finished';
-            logText = 'state: ' + state;
+            logText = '\n' + 'state: ' + state;
             logger.info(logText);
-            logText = 'page finalized successfully';
+            logText = '\n' + 'page finalized successfully';
             logger.info(logText);
 
           }, flickerTimeout);
@@ -963,39 +1118,91 @@ var j1 = (function () {
         // show the page delayed
         setTimeout (function() {
           j1.setState('finished');
-          logger.info('state: finished');
-          logger.info('page initialization: finished');
+          logger.info('\n' + 'state: finished');
+          logger.info('\n' + 'page initialization: finished');
+
+          // Manage providers for personalization OptIn/Out (Comments|Ads)
+          if (!user_consent.personalization) {
+            logger.warn('\n' + 'disable comment provider: ' + comment_provider);
+            $('#leave-a-comment').remove();
+            if (comment_provider === 'disqus') {
+              $('#dsq-count-scr').remove();
+              $('#disqus-thread').remove();
+            }
+            if (comment_provider === 'hyvor') {
+              $('#hyvor-embed').remove();
+              $('#hyvor-talk-view').remove();
+            }
+          } else {
+            if (comments) {
+              logger.warn('\n' + 'enable comment provider: ' + comment_provider);
+              $('#main-content').append('<h2 id="leave-a-comment" class="mt-4">{{comments_headline}}</h2>');
+              if (comment_provider === 'disqus') {
+                logger.info('\n' + 'load comment provider code: ' + comment_provider);
+                $('#main-content').append('<div id="disqus_thread"></div>');
+                $('body').append('<script async id="dsq-count-scr" src="//' + site_id + '.disqus.com/count.js"></script>');
+                j1.loadJS({
+                  xhr_data_path:    '/assets/data/' + comment_provider + '.js',
+                  xhr_data_element: comment_provider
+                });
+              }
+              if (comment_provider === 'hyvor') {
+                $('body').append('<script> var HYVOR_TALK_WEBSITE = ' + site_id + '; var HYVOR_TALK_CONFIG = { url: false, id: false };');
+                $('#main-content').append('<div id="hyvor-talk-view"></div>');
+                $('body').append('<script async id="hyvor-embed" type="text/javascript" src="//talk.hyvor.com/web-api/embed.js"></script>');
+              }
+            } // END comments
+          } // END personalization
 
           // display page
           $('#no_flicker').css('display', 'block');
 
+            // add recommended title to hyvor iframe for SEO optimization (if loadad)
+           if (comment_provider === 'hyvor') {
+             var dependencies_met_load_finished = setInterval (function () {
+               if ($('#hyvor-talk-view').children().length) {
+                 $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
+                 clearInterval(dependencies_met_load_finished);
+               }
+             }, 25);
+           }
+
           // NOTE: Placed tracking warning/info here because page may reloaded
           // after cookie consent selection
-          //
-          if (tracking_enabled && !tracking_id_valid) {
-            logger.error('tracking enabled, but invalid tracking id found: ' + tracking_id);
+          if (user_consent.analyses) {
+            logger.info('\n' + 'tracking allowed, privacy settings for analysis: ' + user_consent.analyses);
+            if (tracking_enabled && !tracking_id_valid) {
+              logger.error('\n' + 'tracking enabled, but invalid tracking id found: ' + tracking_id);
+            } else if (tracking_enabled && tracking_id_valid) {
+              logger.warn('\n' + 'tracking enabled, tracking id found: ' + tracking_id);
+            } else {
+              logger.warn('\n' + 'tracking disabled, tracking id found: ' + tracking_id);
+            }
           } else {
-            logger.warn('tracking enabled, tracking id found: ' + tracking_id);
+            logger.warn('\n' + 'tracking not allowed, privacy settings for analysis: ' + user_consent.analyses);
           }
 
-          logger.info('mode detected: web');
-          logger.info('hide signin icon');
+          logger.info('\n' + 'mode detected: web');
+          logger.info('\n' + 'hide signin icon');
           $('#quickLinksSignInOutButton').css('display', 'none');
 
           user_session.current_page = current_url.pathname;
+          logger.debug('\n' + 'write to cookie : ' + cookie_names.user_session);
           cookie_written = j1.writeCookie({
               name:     cookie_names.user_session,
               data:     user_session,
-              samesite: 'Strict'
+              samesite: 'Strict',
+              secure:   secure,
+              expires:  0
           });
           if (!cookie_written) {
-          	logger.error('failed to write cookie: ' + cookie_names.user_session);
+          	logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_session);
           }
 
           // show|hide translator icon (currently NOT supported)
           // if (translation_enabled) {
-          //   logger.info('translator detected: google');
-          //   logger.info('initialize language selector');
+          //   logger.info('\n' + 'translator detected: google');
+          //   logger.info('\n' + 'initialize language selector');
           //   $('.goog-te-combo').addClass('form-control');
           // }
 
@@ -1005,11 +1212,11 @@ var j1 = (function () {
           // show|hide cookie icon
           if (j1.existsCookie(cookie_names.user_consent)) {
             // Display cookie icon
-            logText = 'show cookie icon';
+            logText = '\n' + 'show cookie icon';
             logger.info(logText);
             $('#quickLinksCookieButton').css('display', 'block');
           } else {
-            logText = 'hide cookie icon';
+            logText = '\n' + 'hide cookie icon';
             logger.info(logText);
             // Display cookie icon
             $('#quickLinksCookieButton').css('display', 'none');
@@ -1020,25 +1227,25 @@ var j1 = (function () {
           j1.scrollTo();
 
           if (user_session.previous_page !== user_session.current_page) {
-            logText = 'page change detected';
+            logText = '\n' + 'page change detected';
             logger.info(logText);
-            logText = 'previous page: ' + user_session.previous_page;
+            logText = '\n' + 'previous page: ' + user_session.previous_page;
             logger.info(logText);
-            logText = 'current page: ' + user_session.current_page;
+            logText = '\n' + 'current page: ' + user_session.current_page;
             logger.info(logText);
           }
 
           // update sidebar for changed theme data
-          logger.info('update sidebar');
+          logger.info('\n' + 'update sidebar');
           user_state        = j1.readCookie(cookie_names.user_state);
           current_user_data = j1.mergeData(user_session, user_state);
           j1.core.navigator.updateSidebar(current_user_data);
 
           // set|log status
           state = 'finished';
-          logText = 'state: ' + state;
+          logText = '\n' + 'state: ' + state;
           logger.info(logText);
-          logText = 'page finalized successfully';
+          logText = '\n' + 'page finalized successfully';
           logger.info(logText);
 
         }, flickerTimeout);
@@ -1146,7 +1353,7 @@ var j1 = (function () {
           $(window).scrollTop($(window).scrollTop()-1);
         } // END if anchor_id
       } else if (anchor_id === '#') {
-        logger.info('bound click event to "#", suppress default action');
+        logger.info('\n' + 'bound click event to "#", suppress default action');
         $(window).scrollTop($(window).scrollTop()+1);
         $(window).scrollTop($(window).scrollTop()-1);
         return false;
@@ -1184,12 +1391,12 @@ var j1 = (function () {
     }, // END appDetected
 
     // -------------------------------------------------------------------------
-    // xhrData()
-    // Load data asychronously using XHR|jQuery on an HTML element (e.g. <div>)
+    // loadHTML()
+    // Load HTML data asychronously using XHR|jQuery on an element (e.g. <div>)
     // specified by xhr_container_id, xhr_data_path (options)
     // -------------------------------------------------------------------------
-    xhrData: function (options, mod, status) {
-      var logger            = log4javascript.getLogger('j1.adapter.xhrData');
+    loadHTML: function (options, mod, status) {
+      var logger            = log4javascript.getLogger('j1.adapter.loadHTML');
       var selector          = $('#' + options.xhr_container_id);
       var state             = status;
       var observer_options  = {
@@ -1203,12 +1410,12 @@ var j1 = (function () {
 
       var cb_load_closure = function(mod, id) {
         return function (responseTxt, statusTxt, xhr) {
-          var logger = log4javascript.getLogger('j1.adapter.xhrData');
+          var logger = log4javascript.getLogger('j1.adapter.loadHTML');
           if ( statusTxt === 'success' ) {
             j1.setXhrDataState(id, statusTxt);
             j1.setXhrDomState(id, 'pending');
 
-            logText = 'data loaded successfully on id: ' +id;
+            logText = '\n' + 'data loaded successfully on id: ' +id;
             logger.info(logText);
             state = true;
           }
@@ -1216,12 +1423,12 @@ var j1 = (function () {
             // jadams, 2020-07-21: to be checked why id could be UNDEFINED
             if (typeof(id) != "undefined") {
               state = 'failed';
-              logger.info('set state for ' +mod+ ' to: ' + state);
+              logger.info('\n' + 'set state for ' +mod+ ' to: ' + state);
               // jadams, 2020-07-21: intermediate state should DISABLED
               // executeFunctionByName(mod + '.setState', window, state);
               j1.setXhrDataState(id, statusTxt);
               j1.setXhrDomState(id, 'pending');
-              logText = 'loading data failed on id: ' +id+ ', error ' + xhr.status + ': ' + xhr.statusText;
+              logText = '\n' + 'loading data failed on id: ' +id+ ', error ' + xhr.status + ': ' + xhr.statusText;
               logger.error(logText);
               state = false;
             }
@@ -1242,9 +1449,9 @@ var j1 = (function () {
 
       // failsafe - prevent XHR load errors
       if (options.xhr_data_element !== '') {
-        logger.info('XHR data element found: ' + options.xhr_data_element);
+        logger.info('\n' + 'XHR data element found: ' + options.xhr_data_element);
       } else  {
-        logger.warn('no XHR data element found, loading data aborted');
+        logger.warn('\n' + 'no XHR data element found, loading data aborted');
         return;
       }
 
@@ -1266,30 +1473,68 @@ var j1 = (function () {
         function mutationHandler (mutationRecords) {
           mutationRecords.forEach ( function (mutation) {
             if (mutation.addedNodes.length) {
-              logger.info('XHR data loaded in the DOM: ' + id);
+              logger.info('\n' + 'XHR data loaded in the DOM: ' + id);
               j1.setXhrDomState(id, 'success');
             }
           });
         }
       } else {
         // jadams, 2020-07-21: To be clarified why a id is "undefined"
-
         // failsafe - prevent XHR load errors
         if (id != '#undefined') {
-          logText = 'data not loaded on id:' + id;
+          logText = '\n' + 'data not loaded on id:' + id;
           logger.warn(logText);
           j1.setXhrDataState(id, 'not loaded');
           j1.setXhrDomState(id, 'not loaded');
           // Set processing state to 'finished' to complete module load
           state = 'finished';
-          logger.info('state: ' + state);
+          logger.info('\n' + 'state: ' + state);
           // jadams, 2020-07-21: intermediate state should DISABLED
           // executeFunctionByName(mod + '.setState', window, state);
           state = false;
         }
       }
       return state;
-    }, // END xhrData
+    }, // END loadHTML
+
+    // -------------------------------------------------------------------------
+    // loadJS()
+    // Load JS data asychronously using jQuery (XHR)
+    // -------------------------------------------------------------------------
+    loadJS: function (options, mod, status) {
+      var logger  = log4javascript.getLogger('j1.adapter.loadJS');
+      var state   = status;
+      var logText;
+
+      var cb_load_closure = function(mod, id) {
+        return function (responseTxt, statusTxt, xhr) {
+          var logger = log4javascript.getLogger('j1.adapter.loadJS');
+          if ( statusTxt === 'success' ) {
+            j1.setXhrDataState(id, statusTxt);
+
+            logText = '\n' + 'data loaded successfully for: ' +id;
+            logger.info(logText);
+            state = true;
+          }
+          if ( statusTxt === 'error' ) {
+            state = 'failed';
+            logger.info('\n' + 'set state for ' +mod+ ' to: ' + state);
+            j1.setXhrDataState(id, statusTxt);
+            logText = '\n' + 'loading data failed for: ' +id+ ', error ' + xhr.status + ': ' + xhr.statusText;
+            logger.error(logText);
+            state = false;
+          }
+        };
+      };
+
+      $.ajax({
+        url:      options.xhr_data_path,
+        dataType: 'script',
+        success:  cb_load_closure(mod, options.xhr_data_element)
+      });
+
+      return state;
+    }, // END loadJS
 
     // -------------------------------------------------------------------------
     //  readCookie (Vanilla JS)
@@ -1323,6 +1568,14 @@ var j1 = (function () {
     //    https://developer.mozilla.org/de/docs/Web/HTTP/Headers/Set-Cookie/SameSite
     //    https://www.smarketer.de/blog/chrome-update-80-cookies/
     // -------------------------------------------------------------------------
+    // SESSION Cookies:
+    // NOT putting an EXPIRES part in will create a session cookie.
+    // -------------------------------------------------------------------------
+    // REMOVING Cookies: Cookies get removed immediately, if the expires
+    // part points to a PAST date (e.g. 01 Jan 1970 00:00:00 UTC).
+    // -------------------------------------------------------------------------
+    // MAX-AGE Cookies: To leave cookies for a specific time, set the expires
+    // part into a FUTUTE date. FOR GDPR compliance, MAX-AGE is 365 days.
     // TODO:
     //    Change attribute "Secure" to true, if HTTPS is used.
     //    Checks and config changes are to be done.
@@ -1339,86 +1592,27 @@ var j1 = (function () {
     //    must now also specify the Secure attribute (they require a secure
     //    context/HTTPS).
     // -------------------------------------------------------------------------
-    //
-    // writeCookie: function (options /*name, data, [path, expires, samesite, http_only, secure]*/) {
-    //   var defaults = {
-    //       data: {},
-    //       name: '',
-    //       path: '/',
-    //       expires: 0,
-    //       samesite: 'Lax',
-    //       http_only: false,
-    //       secure: false
-    //   };
-    //   var settings = $.extend(defaults, options);
-    //   var date          = new Date();
-    //   var timestamp_now = date.toISOString();
-    //   var cookie_data   = {};
-    //   var data_json;
-    //   var data_encoded;
-    //
-    //   if (j1.existsCookie(settings.name)) {
-    //     cookie_data           = j1.readCookie(settings.name);
-    //     cookie_data.timestamp = timestamp_now;
-    //     cookie_data           = j1.mergeData(cookie_data, settings.data);
-    //     data_json             = JSON.stringify( cookie_data );
-    //     data_encoded          = window.btoa(data_json);
-    //
-    //     if (settings.expires > 0) {
-    //       Cookies.set(settings.name, data_encoded, {
-    //         expires: settings.expires,
-    //         SameSite: settings.samesite
-    //       });
-    //     } else {
-    //       Cookies.set(settings.name, data_encoded, {
-    //       SameSite: settings.samesite
-    //       });
-    //     }
-    //   } else {
-    //     cookie_data   = settings.data;
-    //     data_json     = JSON.stringify(settings.data);
-    //     data_encoded  = window.btoa(data_json);
-    //
-    //     if (settings.expires > 0) {
-    //       Cookies.set(settings.name, data_encoded, {
-    //         expires: settings.expires,
-    //         SameSite: settings.samesite
-    //       });
-    //     } else {
-    //       Cookies.set(settings.name, data_encoded, {
-    //         SameSite: settings.samesite
-    //       });
-    //     }
-    //   }
-    //
-    //   if (j1.existsCookie(settings.name)) {
-    //     return cookie_data;
-    //   } else {
-    //     return false;
-    //   }
-    //
-    // }, // END writeCookie
-
+    writeCookie: function (options /*name, data, [path, expires, domain, samesite, http_only, secure]*/) {
+      var date          = new Date();
+      var timestamp_now = date.toISOString();
+      var cookie_data   = {};
+      var data_json;
+      var data_encoded;
+      var expires;
+      var stringifiedAttributes = '';
 
-    writeCookie: function (options /*name, data, [path, expires, samesite, http_only, secure]*/) {
       var defaults = {
           data: {},
           name: '',
           path: '/',
           expires: 0,
+          domain: 'localhost',
           samesite: 'Strict',
           http_only: false,
           secure: false
       };
-      var settings = $.extend(defaults, options);
 
-      var date          = new Date();
-      var timestamp_now = date.toISOString();
-      var cookie_data   = {};
-      var data_json;
-      var data_encoded;
-      var expires;
-      var stringifiedAttributes = '';
+      var settings = $.extend(defaults, options);
 
       cookie_data.timestamp = timestamp_now;
 
@@ -1433,26 +1627,21 @@ var j1 = (function () {
         data_encoded  = window.btoa(data_json);
       }
 
-//    if (settings.path !== '/') {
-        stringifiedAttributes += '; ' + 'path=' + settings.path;
-//    }
+      stringifiedAttributes += '; ' + 'path=' + settings.path;
 
       if (settings.expires > 0) {
-        settings.expires = new Date(new Date() * 1 + settings.expires * 864e+5);
-        stringifiedAttributes += '; ' + 'expires=' + settings.expires;
+        date.setTime(date.getTime() + (settings.expires * 24 * 60 * 60 * 1000));
+        stringifiedAttributes += '; ' + 'expires=' + date.toUTCString();
       }
 
-//    if (settings.samesite !== 'Strict') {
-        stringifiedAttributes += '; ' + 'SameSite=' + settings.samesite;
-//    }
+      stringifiedAttributes += '; ' + 'SameSite=' + settings.samesite;
 
-      // stringify cookie attributes
       if (settings.secure) {
         stringifiedAttributes += '; ' + 'secure=' + settings.secure;
-        // document.cookie = settings.name + '=' + content +'; path=' + settings.path + '; ' + 'SameSite=' + settings.samesite + '; secure';
       }
 
       // write the cookie
+//    document.cookie = settings.name + '=' + content + '; path=' + settings.path + '; domain=' + settings.domain + '; ' + 'SameSite=' + settings.samesite + '; secure';
       document.cookie = settings.name + '=' + data_encoded + stringifiedAttributes;
 
       if (j1.existsCookie(settings.name)) {
@@ -1482,21 +1671,17 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     // removeCookie (Vanilla JS)
     // -------------------------------------------------------------------------
-    // removeCookie: function (options /*name [, path]*/) {
-    //   var cookieExists;
-    //   var defaults = {
-    //       name: '',
-    //       path: '/'
-    //   };
-    //   var settings = $.extend(defaults, options);
-    //
-    //   Cookies.remove(settings.name, { path: settings.path });
-    //
-    // }, // END removeCookie
-    removeCookie: function (name) {
-      if (j1.findCookie(name)) {
-        // clear cookie content and set expiry date in the past
-        document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+    removeCookie: function (options /*name, [path, domain]*/) {
+      var cookieExists;
+      var defaults = {
+          domain: 'localhost',
+          path: '/'
+      };
+      var settings = $.extend(defaults, options);
+
+      if (j1.findCookie(settings.name)) {
+        // clear cookie CONTENT and set expiry date in the PAST
+        document.cookie = settings.name + '=; domain=' + settings.domain + '; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
         return true;
       } else {
         return false;
@@ -1666,11 +1851,11 @@ var j1 = (function () {
               });
 
             });
-            logger.info('met dependencies for: sidebarLoaded');
+            logger.info('\n' + 'met dependencies for: sidebarLoaded');
             clearInterval(sidebarLoaded);
             return true;
           } else {
-            logger.error('no user data provided');
+            logger.error('\n' + 'no user data provided');
             clearInterval(sidebarLoaded);
             return false;
           }
@@ -1724,11 +1909,11 @@ var j1 = (function () {
               });
 
             });
-            logger.info('met dependencies for: sidebarLoaded');
+            logger.info('\n' + 'met dependencies for: sidebarLoaded');
             clearInterval(sidebarLoaded);
             return true;
           } else {
-            logger.error('no user data provided');
+            logger.error('\n' + 'no user data provided');
             clearInterval(sidebarLoaded);
             return false;
           }
@@ -1767,11 +1952,11 @@ var j1 = (function () {
       var json_message  = JSON.stringify(message);
 
       if ( receiver === 'j1' ) {
-        logText = 'send message from ' + sender + ' to' + receiver + ': ' + json_message;
+        logText = '\n' + 'send message from ' + sender + ' to' + receiver + ': ' + json_message;
         logger.debug(logText);
         executeFunctionByName('j1' + '.messageHandler', window, sender, message);
       } else {
-        logText = 'send message from ' + sender + ' to ' + receiver + ': ' + json_message;
+        logText = '\n' + 'send message from ' + sender + ' to ' + receiver + ': ' + json_message;
         logger.debug(logText);
         //executeFunctionByName('j1.' + receiver + '.messageHandler', window, sender, message)
         executeFunctionByName(receiver + '.messageHandler', window, sender, message);
@@ -1787,7 +1972,7 @@ var j1 = (function () {
       // var json_message  = JSON.stringify(message, undefined, 2);             // multiline
       var json_message  = JSON.stringify(message);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -1795,7 +1980,7 @@ var j1 = (function () {
       // -----------------------------------------------------------------------
       if ( message.type === 'command' && message.action === 'module_initialized' ) {
         _this.setState('finished');
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
 
       //
@@ -1858,7 +2043,7 @@ var j1 = (function () {
       var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
       var bg_secondary  = j1.getStyleValue('bg-secondary', 'background-color');
 
-      logger.info('set color scheme for selected theme');
+      logger.info('\n' + 'set color scheme for selected theme');
 
       // globals
       // -----------------------------------------------------------------------