j1-template 2020.0.9 → 2020.0.14

data/assets/data/ssm.html

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -36,12 +36,13 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config     = site %}
 {% assign template_config = site.data.template_settings %}
 {% assign modules         = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+
 {% assign ssm_settings    = modules.ssm.settings %}
 {% assign ssm_defaults    = modules.defaults.ssm.defaults %}
 
@@ -86,10 +87,15 @@ regenerate:                             true
 {% assign ssm_menu_icon_size = size %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [DEBUG  ] [j1.modules.ssm_menu.html  ] [collect all menu items] -->
-  <ul id="{{ssm_options.menu_id}}" class="ssm-light-hover">
+  <ul id="{{ssm_options.menu_id}}" class="ssm-light-hover partial">
 
   {% for menu in ssm_menu_config %}
 
@@ -119,11 +125,11 @@ regenerate:                             true
         {% if menu.icon == null %}
           <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no menu icon found] -->
           <a href="#"><span class="ssm-btn-text">{{menu.item}}</span>>
-            <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+            <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} mt-2 ml-2 mr-2"></i>
             <span class="ssm-btn-text">{{menu.item}}</span>
           </a>
         {% else %}
-          <a href="#"> <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i><span class="ssm-btn-text">{{menu.item}}</span></a>
+          <a href="#"> <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} mt-2 ml-2 mr-2"></i><span class="ssm-btn-text">{{menu.item}}</span></a>
         {% endif %}
         <div class="ssm-sub-menu">
           <ul>
@@ -144,7 +150,7 @@ regenerate:                             true
               <li id="{{sublevel.id}}" class="ssm-btn">
                 <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}"
                   onclick="{{sublevel.event_handler}}">
-                  <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{sublevel.icon}}  {{sublevel.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+                  <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{sublevel.icon}}  {{sublevel.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} mt-2 ml-2 mr-2"></i>
                   {{sublevel.title}}
                 </a>
               </li>
@@ -187,7 +193,7 @@ regenerate:                             true
           <li class="ssm-btn">
             <!-- a href="{{menu.href}}{{ext}}" -->
             <a id="{{menu.id}}">
-              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} mt-2 ml-2 mr-2"></i>
               <span class="ssm-btn-text">{{menu.item}}</span>
             </a>
           </li>
@@ -198,7 +204,7 @@ regenerate:                             true
           {% if menu.enabled %}
           <li class="ssm-btn">
             <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">
-              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}}  ml-2 mr-2"></i>
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}}  mt-2 ml-2 mr-2"></i>
               <span class="ssm-btn-text">{{menu.item}}</span>
             </a>
           </li>
@@ -227,5 +233,10 @@ regenerate:                             true
   <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end ssc container] -->
 
 {% endcapture %}
-{{cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines}}
+
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

data/assets/data/themes.json

@@ -1,8 +1,8 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
-{% capture j1_cache %}
+{% capture cache %}
 
 {% comment %}
  # -----------------------------------------------------------------------------
@@ -29,12 +29,20 @@ regenerate:                             false
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment         = site.environment %}
-{% assign  asset_path         = site.data.template_settings.asset_path %}
+{% assign asset_path          = site.data.template_settings.asset_path %}
 {% assign custom_theme_config = site.data.template_settings.custom_theme %}
 {% assign custom_scss         = custom_theme_config.custom_scss %}
+
 {% capture theme_path %}{{asset_path}}/modules/bs_theme_switcher/themes{% endcapture %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {% if environment == 'development' %}
 {
   "themes":
@@ -54,6 +62,9 @@ regenerate:                             false
 {% endif %}
 
 {% endcapture %}
-
-{{ j1_cache | strip_empty_lines }}
-{% assign j1_cache = nil %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/twa_v1.json

@@ -1,3 +1,49 @@
+---
+regenerate: false
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/twa_v1.json
+ # Liquid JSON template for ALL Twitter Emoji V1 icons used by
+ # Twitter Emoji Previewer
+ #
+ # Product/Info:
+ # http://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Be careful changing the Liquid code. If the code is changed, check
+ # the integrity of the JSON data created. Corrupted JSON data makes
+ # the Javascript of an Adapter|App to fail and no functionality will
+ # be available for most UNCLEAR reasons.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment  = site.environment %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 [
   {
     "name": "smile",
@@ -6976,3 +7022,11 @@
     "base64": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAG1BMVEUAAABVrO5VrO5VrO5VrO5VrO5VrO5VrO5VrO62E5ZzAAAACXRSTlMAQAAQv/+fz6/p+UjWAAAAv0lEQVR4Ae3UsW2EQBQE0LkWkFzAwekKuMS5JQpw8HFOCxYVuHFnDvYhkDY1E49eAPsn5sqV3IaxTcYm07ycl96r1rPStFVBRUgqQlIRkoqQVISkIiQVIakISUVIKkJSEZKKkFSEpCIkFSGpv9JcZGlLzyqzNqW3KvPZU3pUmY+mNG1Fvl5+AvJ98DGB/C1C/mAgn8o+5KMT8vkCeQhAxyf103+cnnn/YDg9/SPmHPYPqxPdP/bjfdgpmf9Wukq/Cd578evKOzUAAAAASUVORK5CYII="
   }
 ]
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -35,18 +35,22 @@ regenerate:                             false
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config       = site %}
 {% assign template_config   = site.data.template_settings %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign algolia_config    = site_config.algolia %}
+{% assign algolia_config    = site.algolia %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/algolia.js
@@ -63,6 +67,12 @@ regenerate:                             false
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -90,8 +100,15 @@ j1.adapter['algolia'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.algolia;
+      logger  = log4javascript.getLogger('j1.adapter.algolia');
+
       // initialize state flag
-      j1.adapter.algolia.state = 'pending';
+      _this.state = 'pending';
 
       // -----------------------------------------------------------------------
       // Default module settings
@@ -101,11 +118,6 @@ j1.adapter['algolia'] = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
-      _this   = j1.adapter.algolia;
-      logger  = log4javascript.getLogger('j1.adapter.algolia');
-
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
@@ -113,7 +125,9 @@ j1.adapter['algolia'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{algolia_config | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);
@@ -129,24 +143,24 @@ j1.adapter['algolia'] = (function (j1, window) {
       var hitTemplate = function(hit) {
         // state = 'start search';
         // logger.info('state: ' + state);
-        // var re = new RegExp("^\/posts");
-        // var re = new RegExp("^\/pages");
-        var re = new RegExp("^\/pages|^\/posts|^\/collections");
+        // var re = new RegExp('^\/posts');
+        // var re = new RegExp('^\/pages');
+        var re = new RegExp('^\/pages|^\/posts|^\/collections');
         if (re.test(hit.url)) {
-          let date = '';
+          var date = '';
           if (hit.date) {
             date = moment.unix(hit.date).format('MMM D, YYYY');
           }
-          // let url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
-          let url = `${hit.url}`;
+          // var url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
+          var url = hit.url;
 
           const title = hit._highlightResult.title.value;
-          let breadcrumbs = '';
+          var breadcrumbs = '';
 
           if (hit._highlightResult.headings) {
             breadcrumbs = hit._highlightResult.headings.map(match => {
-              return `<span class="post-breadcrumb">${match.value}</span>`
-            }).join(' > ')
+              return `<span class="post-breadcrumb">${match.value}</span>`;
+            }).join(' > ');
           }
 
           var content = hit._highlightResult.html.value;
@@ -169,7 +183,7 @@ j1.adapter['algolia'] = (function (j1, window) {
         }
         // state = 'finished search';
         // logger.info('state: ' + state);
-      }
+      };
 
       if (moduleOptions.enabled == true) {
         // initialize currentRefinedValues
@@ -230,9 +244,9 @@ j1.adapter['algolia'] = (function (j1, window) {
             container:        '#refinement-list',
             attributeName:    'tags',
             collapsible:      true,
-            operator:         "and",
+            operator:         'and',
             limit:            5,
-            sortBy:           ["isRefined","count:desc","name:asc"],
+            sortBy:           ['isRefined','count:desc','name:asc'],
             templates: {
               header:         'Tags'
             },
@@ -259,12 +273,13 @@ j1.adapter['algolia'] = (function (j1, window) {
 
         _this.setState('finished');
         logger.info('state: ' + _this.getState());
-        logger.info('initializing module finished');
+        logger.info('module initialized successfully');
+
       } else {
         $('#algolia-site-search').append('<p class="ml-5 mt-5 mb-5 "> <strong>Algolia Search DISABLED</strong> </p>');
         _this.setState('finished');
         logger.info('state: ' + _this.getState());
-        logger.warn("module disabled");
+        logger.warn('module disabled');
       }
 
       return true;
@@ -298,24 +313,28 @@ j1.adapter['algolia'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.algolia.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.algolia.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -36,7 +36,6 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config           = site %}
 {% assign template_config       = site.data.template_settings %}
 {% assign blocks                = site.data.blocks %}
 {% assign modules               = site.data.modules %}
@@ -50,6 +49,11 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign attic_options        = attic_defaults | merge: attic_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/attic.js
@@ -70,6 +74,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -93,36 +103,28 @@ j1.adapter['attic'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.attic;
+      logger  = log4javascript.getLogger('j1.adapter.attic');
+
       // initialize state flag
-      j1.adapter.attic.state = 'pending';
+      _this.state = 'pending';
 
       // create seetings object from frontmatterOptions
       var frontmatterOptions = options != null ? $.extend({}, options) : {};
 
       // Save frontmatterOptions in the j1 namespace
       // to be used later by j1.template.init() to load the header
-      j1.adapter.attic['frontmatterOptions'] = frontmatterOptions;
-
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
-      _this   = j1.adapter.attic;
-      logger  = log4javascript.getLogger('j1.adapter.attic');
+      _this['frontmatterOptions'] = frontmatterOptions;
 
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
 
-      {% comment %} Loading headers if j1.template.init() loaded all data objects
-      -------------------------------------------------------------------------- {% endcomment %}
-      var dependencies_met_attic_adapter = setInterval(function() {
-        if (typeof j1.colors !== 'undefined' && typeof j1.fonts !== 'undefined') {
-          _this.loadHeader(frontmatterOptions);
-          // clear interval checking
-          clearInterval(dependencies_met_attic_adapter);
-        }
-      }, 25); // END 'dataLoaded'
-
-      return true;
+      _this.loadHeader(frontmatterOptions);
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -130,7 +132,7 @@ j1.adapter['attic'] = (function (j1, window) {
     // -------------------------------------------------------------------------
     loadHeader: function () {
 
-      var frontmatterOptions = j1.adapter.attic.frontmatterOptions;
+      var frontmatterOptions = _this.frontmatterOptions;
 
       {% comment %} Load data from header config (yaml data file)
       -------------------------------------------------------------------------- {% endcomment %}
@@ -143,7 +145,7 @@ j1.adapter['attic'] = (function (j1, window) {
           function {{attic_id}} (atticOptions) {
             // Fire backstretch for all slides of the header on attic_id
             if ($('#{{attic_id}}').length) {
-              $("#{{attic_id}}").backstretch(
+              $('#{{attic_id}}').backstretch(
                 atticOptions.slides, {
                   debug:                          atticOptions.debug,
                   spinner:                        atticOptions.spinner,
@@ -188,7 +190,7 @@ j1.adapter['attic'] = (function (j1, window) {
             See: https://github.com/jquery-backstretch/jquery-backstretch/issues/194
             -------------------------------------------------------------------- {% endcomment %}
             $(window).on('backstretch.after', function (e, instance, index) {
-              logText ='add caption text'
+              logText ='add caption text';
               _this.setState('backstretch_after');
               logger.debug('state: ' + status);
               logger.debug(logText);
@@ -230,12 +232,15 @@ j1.adapter['attic'] = (function (j1, window) {
                   $('.attic-caption').html(badgeHTML).show();
                 }
               }
+              _this.setState('finished');
+              logger.info('state: ' + _this.getState());
+              logger.info('module initialized successfully');
             });
 
             {% comment %} Detect how show should run (only once|infinite loop)
             -------------------------------------------------------------------- {% endcomment %}
             {% if image_loop %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_loop');
               logger.debug('state: ' + _this.getState());
               // remove class for the backstretch_intro background
@@ -244,12 +249,12 @@ j1.adapter['attic'] = (function (j1, window) {
               }
             });
             {% else %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_once');
               logger.debug('state: ' + _this.getState());
               // Stop the slideshow after reached the last image
               if (index === backstretch_instance_data.images.length -1) {
-                $("#{{attic_id}}").backstretch("pause");
+                $('#{{attic_id}}').backstretch('pause');
                 // remove class for the backstretch_intro background
                 $('.backstretch').removeClass(atticOptions.spinner);
               }
@@ -316,6 +321,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create and json object for HEADER options taken from
                 // header config (YAML data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if raised_level %}         "raised_level":           {{ raised_level | json }}, {% endif %}
                   {% if r_text %}               "r_text":                 {{ r_text | json }}, {% endif %}
@@ -334,10 +340,10 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if background_color_1 %}   "background_color_1":     {{ background_color_1 | json }}, {% endif %}
                   {% if background_color_2 %}   "background_color_2":     {{ background_color_2 | json }}, {% endif %}
                 }
-
+                /* eslint-enable */
                 {% comment %} trans-script header|backstretch options
                 ---------------------------------------------------------------- {% endcomment %}
-                {% if type == "video" %}
+                {% if type == 'video' %}
                   {% assign isVideo = true %}
                   {% if sound %} {% assign mute = false %} {% else %} {% assign mute = true %} {% endif %}
                   {% if loop %}  {% assign loop = true %}  {% else %} {% assign loop = true %} {% endif %}
@@ -345,6 +351,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create an json object for BACKSTRETCH options taken from
                 // header config (yaml data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if spinner %}              "spinner":                {{ spinner | json }}, {% endif %}
                   {% if opacity %}              "opacity":                {{ opacity | json }}, {% endif %}
@@ -366,20 +373,13 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if duration %}             "duration":               {{ duration | json }}, {% endif %}
                 }
 
-                // Load  Header DEFAULTS
+                // Load  Attic DEFAULTS
                 var attic_options = $.extend({}, {{attic_options | replace:'=>',':' }});
 
-                // Merge|Overload  Header DEFAULTS by (header) OPTIONS
+                // Merge|Overload  Attic DEFAULTS by individual settings
                 // var atticOptions = j1.mergeData(attic_options, atticOptions);
                 var atticOptions = j1.mergeData(atticOptions, attic_options);
-
-                // Load  Backstretch DEFAULTS
-                //var image_attic_defaults = $.extend({}, {{image_attic_defaults | replace:'=>',':' }});
-
-                // Merge|Overload  Backstretch DEFAULTS by (header) OPTIONS
-                //var atticOptions = j1.mergeData(image_attic_defaults, atticOptions);
-
-
+                /* eslint-enable */
               {% else %}
                 {% continue %}
               {% endif %} // ENDIF attic_id
@@ -433,26 +433,34 @@ j1.adapter['attic'] = (function (j1, window) {
 
             {% comment %} Resolve symbolic color names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
-            atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
-            atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
-            atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+            // atticOptions.title_color         = j1.setColorData(atticOptions.title_color);
+            // atticOptions.tagline_color       = j1.setColorData(atticOptions.tagline_color);
+            // atticOptions.background_color_1  = j1.setColorData(atticOptions.background_color_1);
+            // atticOptions.background_color_2  = j1.setColorData(atticOptions.background_color_2);
+
+            atticOptions.title_color         = atticOptions.title_color;
+            atticOptions.tagline_color       = atticOptions.tagline_color;
+            atticOptions.background_color_1  = atticOptions.background_color_1;
+            atticOptions.background_color_2  = atticOptions.background_color_2;
 
             {% comment %} Resolve symbolic font sizes names
             -------------------------------------------------------------------- {% endcomment %}
-            atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
-            atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+            // atticOptions.title_size          = j1.setFontSize(atticOptions.title_size);
+            // atticOptions.tagline_size        = j1.setFontSize(atticOptions.tagline_size);
+
+            atticOptions.title_size          = atticOptions.title_size;
+            atticOptions.tagline_size        = atticOptions.tagline_size;
 
             {% comment %} Add header CSS classes
             -------------------------------------------------------------------- {% endcomment %}
             if (atticOptions.r_text == 'enabled') { $('#{{attic_id}}').addClass('r-text'); }
 
-            var raised_level = "raised-z" +atticOptions.raised_level;
+            var raised_level = 'raised-z' +atticOptions.raised_level;
             $('#{{attic_id}}').addClass(raised_level);
             $('#head-title').addClass(atticOptions.title_animate);
             $('#head-tagline').addClass(atticOptions.tagline_animate);
 
-            var text_emphasis = "text-emphasis-" +atticOptions.text_emphasis;
+            var text_emphasis = 'text-emphasis-' +atticOptions.text_emphasis;
             $('#head-title-text').addClass(text_emphasis);
             $('#head-tagline-text').addClass(text_emphasis);
 
@@ -461,22 +469,22 @@ j1.adapter['attic'] = (function (j1, window) {
             var attic_style = '';
 
             // Initialze header background gradient
-            attic_style += "<style> .attic { ";
-            attic_style += "background-image: -webkit-gradient(linear, left top, left bottom, from(" +atticOptions.background_color_1+ "), to(" +atticOptions.background_color_2+ "));";
-            attic_style += "background-image: -webkit-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: -o-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: linear-gradient(to bottom, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0); ';
-            attic_style += "} </style>";
+            attic_style += '<style> .attic { '
+            attic_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from(' +atticOptions.background_color_1+ '), to(' +atticOptions.background_color_2+ ')) !important;';
+            attic_style += 'background-image: -webkit-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%) !important;';
+            attic_style += 'background-image: -o-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%) !important;';
+            attic_style += 'background-image: linear-gradient(to bottom, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%) !important;';
+            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0) !important;';
+            attic_style += '} </style>';
             $('head').append(attic_style);
 
             // Initialze header sizes
             attic_style = '';
+            attic_style = '<style> .attic { padding-top: ' +atticOptions.padding_top+ 'px; padding-bottom: ' +atticOptions.padding_bottom+ 'px; margin-bottom: ' +atticOptions.margin_bottom+ 'px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>';
 
-            attic_style = "<style> .attic { padding-top:" +atticOptions.padding_top+ "px; padding-bottom: " +atticOptions.padding_bottom+ "px; margin-bottom: " +atticOptions.margin_bottom+ "px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>"
             $('head').append(attic_style);
-            $('head').append("<style> .attic .head-title h2 { color: " +atticOptions.title_color+ ";font-size: " +atticOptions.title_size+ " !important; text-align: " +atticOptions.title_align+ ";} </style>");
-            $('head').append("<style> .attic .head-tagline h3 { color: " +atticOptions.tagline_color+ ";font-size: " +atticOptions.tagline_size+ " !important; text-align: " +atticOptions.tagline_align+ "; } </style>");
+            $('head').append('<style> .attic .head-title h2 { color: ' +atticOptions.title_color+ ';font-size: ' +atticOptions.title_size+ ' !important; text-align: ' +atticOptions.title_align+ ';} </style>');
+            $('head').append('<style> .attic .head-tagline h3 { color: ' +atticOptions.tagline_color+ ';font-size: ' +atticOptions.tagline_size+ ' !important; text-align: ' +atticOptions.tagline_align+ '; } </style>');
 
             // Add opacity to all header images
             // See: https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
@@ -495,7 +503,7 @@ j1.adapter['attic'] = (function (j1, window) {
               $(function() {
                 // logger.debug('Load image header on: ' + {{attic_id}});
                 logger.debug('Load image header');
-                {{attic_id}}(atticOptions)
+                {{attic_id}}(atticOptions);
                 _this.setState('completed');
                 logger.info('state: ' + _this.getState());
               });
@@ -540,24 +548,28 @@ j1.adapter['attic'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.attic.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.attic.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}