j1-template 2023.0.17 → 2023.1.0

data/assets/data/quicklinks.html

@@ -266,17 +266,17 @@ exclude_from_search:                    true
 
   {% comment %} Link buttons
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% if back_url != "none" %}<li id="quickLinksBackButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}" aria-label="{{back_label}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}" aria-label="{{home_label}}"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" aria-label="{{disqus_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" class="nav-icon" href="{{github_url}}" aria-label="{{github_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if patreon_url != "none" %}<li id="quickLinksPatreonButton" class="nav-item"><a id="patreon_id" class="nav-icon" href="{{patreon_url}}" aria-label="{{patreon_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{patreon_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if facebook_url != "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" class="nav-icon" href="{{facebook_url}}" aria-label="{{facebook_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if twitter_url != "none" %}<li id="quickLinksTwitterButton" class="nav-item"><a id="twitter_id" class="nav-icon" href="{{twitter_url}}" aria-label="{{twitter_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if back_url != "none" %}<li id="quickLinksBackButton" class="nav-item"><a id="page_back_id" href="{{back_url}}" aria-label="{{back_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" href="{{home_url}}" aria-label="{{home_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" href="{{disqus_url}}" aria-label="{{disqus_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" href="{{github_url}}" aria-label="{{github_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if patreon_url != "none" %}<li id="quickLinksPatreonButton" class="nav-item"><a id="patreon_id" href="{{patreon_url}}" aria-label="{{patreon_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{patreon_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if facebook_url != "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" href="{{facebook_url}}" aria-label="{{facebook_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if twitter_url != "none" %}<li id="quickLinksTwitterButton" class="nav-item"><a id="twitter_id" href="{{twitter_url}}" aria-label="{{twitter_label}}" target="blank"><i class="nav-icon {{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Action buttons
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% if show_quicksearch_icon %}<li id="quickLinksSearchButton" class="nav-item {{quicksearch_action}}"><a class="nav-icon" href="#" aria-label="{{quicksearch_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{quicksearch_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_quicksearch_icon %}<li id="quickLinksSearchButton" class="nav-item {{quicksearch_action}}"><a href="#" aria-label="{{quicksearch_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{quicksearch_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item sign-inout" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" aria-label="SignOut" href="#" data-bs-toggle="modal" data-bs-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="nav-icon {{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-item {{cookies_action}}" style="display: block;"><a href="#" aria-label="{{cookies_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item {{r_text_action}}" style="display: block;"><a class="nav-icon" href="#" aria-label="{{r_text_label}}" data-bs-toggle="modal" data-bs-target="#fluidModalRTextResizer"><i class="nav-icon {{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
@@ -284,11 +284,11 @@ exclude_from_search:                    true
   {% if show_notebooks_icon %}<li id="quickLinksNotebookseButton" class="nav-item {{notebooks_action}}" style="display: none;"><a href="#" aria-label="{{translate_label}}"><i class="nav-icon {{icon_family}} {{icon_family}}-{{notebooks_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Unused
-  --------------------------------------------------------------------------------
-  {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}" aria-label="ControlCenter"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  ------------------------------------------------------------------------------
+  {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}" aria-label="ControlCenter"><i class="nav-icon {{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_translator_icon %}<li id="quickLinksLanguageButton" class="nav-item translator"><a class="nav-icon" href="#void" aria-label="Translator"><i class="nav-icon {{icon_family}} {{icon_family}}-{{translator_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_google_translate_lang %}<li id="quickLinksTranslateLangButton" class="nav-item" style="display: block;"><a href="javascript:j1.translator.showDialog()" aria-label="Google Translate"><i class="nav-icon flag-icon flag-icon-{{translate_lang}} rectangle size-md"></i></a></li>{% endif %}
-  -------------------------------------------------------------------------------- {% endcomment %}
+  {% if show_google_translate_lang %}<li id="quickLinksTranslateLangButton" sclass="nav-item" style="display: block;"><a href="javascript:j1.translator.showDialog()" aria-label="Google Translate"><i class="nav-icon flag-icon flag-icon-{{translate_lang}} rectangle size-md"></i></a></li>{% endif %}
+  ------------------------------------------------------------------------------ {% endcomment %}
 
 </ul>
 

data/assets/data/slick.html

@@ -0,0 +1,192 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/slick.html
+ # Liquid procedure to generate the HTML portion for all Silick Sliders
+ # configured
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # NOTE: Data loaded dynamically by J1 Master Slider module (AJAX)
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (currently unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config     = site.data.j1_config %}
+{% assign modules             = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign slider_defaults     = modules.defaults.slick.defaults %}
+{% assign slider_settings     = modules.slick.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign slider_options      = slider_defaults | merge: slider_settings %}
+{% assign sliders             = slider_settings.sliders %}
+
+{% comment %} Configure permalink settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [collect all slider items] -->
+{% for slider in sliders %}
+  {% if slider.enabled %}
+
+  {% comment %} Generate HTML portion for all sliders (enabled)
+  ------------------------------------------------------------------------------ {% endcomment %}
+
+    {% comment %} Collect Post Sliders
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if slider.type == 'post' %}
+      <!-- Posts -->
+      <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
+        {% for post in site.posts %}
+        {% if post.group contains slider.group %}
+        <!-- Collect data only if group matches -->
+        <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 px-1">
+          <article class="card bg-dark text-center text-white border-0 rounded-0">
+            <!-- img class="card-img rounded-0 img-fluid w-100" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: grayscale(1) contrast(0.8) brightness(0.6);" -->
+            <img class="card-img rounded-0 img-fluid w-100" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5);">
+            <div class="card-img-overlay">
+              <div class="card-content mt-6">
+                {% if post %}
+                  {% assign categories = post.categories %}
+                {% else %}
+                  {% assign categories = page.categories %}
+                {% endif %}
+
+                {% comment %} categories: {{categories | debug}}
+                ---------------------------------------------------------------- {% endcomment %}
+
+                {% for category in categories %}
+                {% if category contains post.group %}
+                <!--a  class="d-block text-white text-uppercase link-no-decoration"
+                    href="{{site.jekyll-archives.category_archive_path | relative_url}}bla_{{category | slugify}}"
+                    style="font-size: 24px;">{{category}}
+                </a -->
+                <a  class="d-block text-white text-uppercase link-no-decoration"
+                    href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
+                    style="font-size: 24px;">{{category}}
+                </a>
+                {% endif %}
+                {% endfor %}
+
+                <ul class="list-inline d-flex justify-content-center mb-5">
+        					<li class="list-inline-item">
+                    <i class="mdi mdi-account md-gray-400 mdi-24px mr-1" style="margin-right: 8px;"></i>
+                    {{site.author.name | split: ' ' | first}} &nbsp;&middot;&nbsp;&nbsp;
+                  </li>
+        					<li class="list-inline-item">
+                    <i class="mdi mdi-calendar-blank md-gray-400 mdi-24px mr-1"></i>
+                    {{post.date | date: '%b %d, %Y'}}
+                  </li>
+        				</ul>
+                <h4 class="notoc card-title">
+                  <a class="text-white link-no-decoration" href="{{post.url | relative_url}}">{{post.tags[0]}}</a>
+                </h4>
+              </div>
+            </div>
+          </article>
+        </div>
+        {% endif %}
+        {% endfor %}
+      </div>
+    <!-- /Posts -->
+    {% endif %}
+
+    {% comment %} Collect Example Sliders
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if slider.type == 'example' %}
+    <!-- Example slider -->
+    <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
+      {% for i in (1..slider.slides) %}
+      <div>
+        <h3 class="slide-item notoc">{{i}}</h3>
+      </div>
+      {% endfor %}
+    </div>
+    <!-- /Example slider -->
+    {% endif %}
+
+    {% comment %} Collect Image Sliders
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if slider.type == 'image' %}
+    <!-- Image slider -->
+    <div id="{{slider.id}}" class="{{slider.id | replace: '_','-' }}">
+
+      {% for slide in slider.slides %}
+      <div class="col-sm-6 col-lg-4 mb-4">
+        <div class="card">
+        {% if slider.lightbox.enabled %}
+        <a href="{{slider.image_base_path}}/{{slide.image}}" data-caption="{{slide.title}}">
+          <img class="{{slider.image_styles}}" src="{{slider.image_base_path}}/{{slide.image}}" alt="{{slide.title}}">
+        </a>
+        {% else %}
+        <img id="{{forloop.index}}" class="{{slider.image_styles}}" src="{{slider.image_base_path}}/{{slide.image}}" alt="{{slide.title}}">
+        {% endif %}
+        </div>
+      </div>
+      {% endfor %}
+
+    </div>
+    <!-- /Image slider -->
+    {% endif %}
+
+  {% endif %}
+{% endfor %}
+<!-- [INFO   ] [~/assets/data/slick.html               ]  [end collecting all slider items] -->
+
+{% endcapture %}
+
+{% 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/themes/j1/adapter/js/attic.js

@@ -56,11 +56,6 @@ regenerate:                             true
   {% assign production = true %}
 {% endif %}
 
-
-
-
-
-
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/attic.js
@@ -134,9 +129,7 @@ j1.adapter.attic = (function (j1, window) {
       // create settings object from attic options
       var atticDefaults = $.extend({}, {{attic_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
       var atticSettings = $.extend({}, {{attic_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
-
-//    merge all attic options
-      var atticOptions = $.extend({}, atticDefaults, atticSettings, frontmatterOptions);
+      var atticOptions  = $.extend(true, {}, atticDefaults, atticSettings, frontmatterOptions);
 
       // Save frontmatterOptions and atticOptions in the j1 namespace
       // to be used later by j1.template.init() to load the header
@@ -148,18 +141,31 @@ j1.adapter.attic = (function (j1, window) {
       logger.debug('\n' + 'state: ' + _this.getState());
       logger.info('\n' + 'module is being initialized');
 
-      _this.loadHeader();
-
+      var dependencies_met_page_ready = setInterval (function (options) {
+        var pageState   = $('#no_flicker').css("display");
+        var pageVisible = (pageState == 'block') ? true: false;
+        if ( j1.getState() === 'finished' && pageVisible ) {
+          {% if attic_options.enabled %}
+          logger.info('\n' + 'create all attics configured');
+          _this.createAllAttics();
+          clearInterval(dependencies_met_page_ready);
+          {% else %}
+          logger.warn('\n' + 'found module attics disabled');
+          // add additional top space
+          $('#content').addClass('mt-5');
+          clearInterval(dependencies_met_page_ready);
+          {% endif %}
+        }
+      }, 25);
     }, // END init
 
     // -------------------------------------------------------------------------
     // Initialize all header supported
     // -------------------------------------------------------------------------
-    loadHeader: function () {
+    createAllAttics: function () {
       var frontmatterOptions  = _this.frontmatterOptions;
       // merge all attic options
-      var atticOptions = $.extend({}, _this.atticOptions, _this.frontmatterOptions);
-
+      var atticOptions = $.extend(true, {}, _this.atticOptions, _this.frontmatterOptions);
 
       {% comment %} Load data from header config (yaml data file)
       -------------------------------------------------------------------------- {% endcomment %}
@@ -182,6 +188,8 @@ j1.adapter.attic = (function (j1, window) {
           // Create the SPECIFIC header loader FUNCTION of type: {{attic_id}}
           function {{attic_id}} (atticOptions) {
 
+            logger.info('\n' + 'initialize attic on id: {{attic_id}}');
+
             // convert attic filter settings to object to array to string
             atticFilters = $.extend({}, {{item.attic.filters | replace: 'nil', 'null' | replace: '=>', ':' }});
             filterArray = [];
@@ -216,6 +224,8 @@ j1.adapter.attic = (function (j1, window) {
                   loop:                           atticOptions.loop,
                   mute:                           atticOptions.mute
               });
+            } else {
+              logger.warn('\n' + 'no attic container found on id: {{attic_id}}');
             }
 
             {% comment %} Add a spinner if configured
@@ -379,7 +389,7 @@ j1.adapter.attic = (function (j1, window) {
 
               _this.setState('finished');
               logger.debug('\n' + 'state: ' + _this.getState());
-              // logger.info('\n' + 'module initialized successfully');
+              logger.info('\n' + 'finished attic on id: {{attic_id}}');
             }); // END on('backstretch.after')
 
           } // END if attic_id exists
@@ -605,14 +615,19 @@ j1.adapter.attic = (function (j1, window) {
             if (typeof atticOptions.slides != 'undefined') {
               // Load the image header if the page is ready (visible)
               $(function() {
-                // logger.debug('\n' + 'Load image header on: ' + {{attic_id}});
-                logger.debug('\n' + 'Load image header');
+                // logger.info('\n' + 'Load image header on id: {{attic_id}}');
                 {{attic_id}}(atticOptions);
                 _this.setState('completed');
                 logger.debug('\n' + 'state: ' + _this.getState());
               });
             }
           } // END if header id found in page
+
+        {% else %}
+          {% assign attic_id = item.attic.id %}
+          // add additional top space
+          $('#content').addClass('mt-8');
+          logger.info('\n' + 'found attic disabled on id: {{attic_id}}');
         {% endif %} // END if header enabled
       {% endfor %} // END for item in header_config.attics
 

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

@@ -60,6 +60,9 @@ regenerate:                             true
 {% assign themer_defaults           = modules.defaults.themer.defaults %}
 {% assign themer_settings           = modules.themer.settings %}
 
+{% assign scroller_defaults         = modules.defaults.scroller.defaults %}
+{% assign scroller_settings         = modules.scroller.settings %}
+
 {% assign tracking_enabled          = modules.analytics.enabled %}
 {% assign tracking_id               = modules.analytics.google.trackingID %}
 
@@ -135,10 +138,13 @@ var j1 = (function (options) {
   // globals
   // ---------------------------------------------------------------------------
   // base page resources
-  var rePager                     =  new RegExp('navigator|dateview|tagview|archive');
-  var environment                 = '{{environment}}';
-  var moduleOptions               = {};
-  var j1_runtime_data             = {};
+  var rePager          =  new RegExp('navigator|dateview|tagview|archive');
+  var environment      = '{{environment}}';
+  var moduleOptions    = {};
+  var j1_runtime_data  = {};
+  var scrollerSettings = {};
+  var scrollerOptions  = {};
+  var scrollerDefaults = {};
   var _this;
   var settings;
   var json_data;
@@ -147,6 +153,9 @@ var j1 = (function (options) {
   var referrer;
   var documentHeight;
 
+  var scrollOffset;
+  var scrollOffsetCorrection;
+
   // defaults for status information
   var state                         = 'not_started';
   var mode                          = 'not_detected';
@@ -301,6 +310,11 @@ var j1 = (function (options) {
       // create settings object from frontmatter options
       var frontmatterOptions  = options != null ? $.extend({}, options) : {};
 
+      // Load scroller module DEFAULTS|CONFIGs
+      scrollerDefaults = $.extend({}, {{scroller_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      scrollerSettings = $.extend({}, {{scroller_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      scrollerOptions  = $.extend(true, {}, scrollerDefaults, scrollerSettings);
+
       // settings for dynamic pages
       scrollDynamicPagesTopOnChange = frontmatterOptions.scrollDynamicPagesTopOnChange ? frontmatterOptions.scrollDynamicPagesTopOnChange : '{{template_config.scrollDynamicPagesTopOnChange}}';
       scrollDynamicPagesTopOnChange = j1.stringToBoolean(scrollDynamicPagesTopOnChange);
@@ -1311,12 +1325,12 @@ var j1 = (function (options) {
     // getScrollOffset()
     // Calculate offset for a correct (smooth) scroll position
     // -------------------------------------------------------------------------
-    getScrollOffset: function () {
-      var scrollOffset;
-      var offsetCorrection = 0;
+    getScrollOffset: function (offsetCorrection) {
+//     var scrollOffset;
+//      var offsetCorrection = 0;
 
       var $pagehead     = $('.attic');
-      var $navbar       = $('nav.navbar');
+      var $navbar       = $('#navigator_nav_navbar');
       var $adblock      = $('#adblock');
       var navbarType    = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
       var fontSize      = $('body').css('font-size').replace('px','');
@@ -2430,6 +2444,7 @@ var j1 = (function (options) {
     // -------------------------------------------------------------------------
     scrollToAnchor: function () {
       var logger = log4javascript.getLogger('j1.adapter.scrollToAnchor');
+      var scrollOffset;
 
       var dependencies_met_page_displayed = setInterval (function () {
         var pageState   = $('#no_flicker').css("display");
@@ -2439,24 +2454,26 @@ var j1 = (function (options) {
           // TODO: Check why a timeout is required to run the smmoth scroller (j1.scrollTo)
           if (j1['pageMonitor'].pageType == 'static') {
             setTimeout (function() {
-              logger.info('\n' + 'Scroller: Scroll static page')
-              const scrollOffset = j1.getScrollOffset();
+              logger.debug('\n' + 'Scroller: Scroll static page');
+              scrollOffsetCorrection = scrollerOptions.smoothscroll.offsetCorrection;
+              scrollOffset = j1.getScrollOffset(scrollOffsetCorrection);
               j1.scrollTo(scrollOffset);
-            }, {{template_config.page_on_load_timeout}} );
+            }, {{template_config.timeoutScrollStaticPages}} );
             clearInterval(dependencies_met_page_displayed);
           } else if (j1['pageMonitor'].pageType == 'dynamic') {
             setTimeout (function() {
-              const scrollOffset = j1.getScrollOffset();
+              scrollOffsetCorrection = scrollerOptions.smoothscroll.offsetCorrection;
+              scrollOffset = j1.getScrollOffset(scrollOffsetCorrection);
               j1.scrollTo(scrollOffset);
-              logger.info('\n' + 'Scroller: Scroll dynamic page on timeout')
-//          }, timeoutScrollDynamicPages);
-          }, {{template_config.page_on_load_timeout}} );
+              logger.debug('\n' + 'Scroller: Scroll dynamic page on timeout');
+          }, {{template_config.timeoutScrollDynamicPages}} );
             clearInterval(dependencies_met_page_displayed);
           } else {
             // failsave fallback
             setTimeout (function() {
-              logger.warn('\n' + 'Scroller: Scroll page of unknown type')
-              const scrollOffset = j1.getScrollOffset();
+              logger.debug('\n' + 'Scroller: Scroll page of unknown type');
+              scrollOffsetCorrection = scrollerOptions.smoothscroll.offsetCorrection;
+              scrollOffset = j1.getScrollOffset(scrollOffsetCorrection);
               j1.scrollTo(scrollOffset);
             }, {{template_config.page_on_load_timeout}} );
             clearInterval(dependencies_met_page_displayed);
@@ -2498,9 +2515,10 @@ var j1 = (function (options) {
       // see: https://stackoverflow.com/questions/14866775/detect-document-height-change
       //
       const observer = new ResizeObserver(entries => {
-        const body              = document.body,
-              html              = document.documentElement,
-              scrollOffset      = j1.getScrollOffset();
+        var scrollOffsetCorrection  = scrollerOptions.smoothscroll.offsetCorrection;
+        const body                  = document.body,
+              html                  = document.documentElement,
+              scrollOffset          = j1.getScrollOffset(scrollOffsetCorrection);
 
         // get the page height from the DOM
         //
@@ -2618,7 +2636,23 @@ var j1 = (function (options) {
       window.onkeyup = function (event) {
         if (event.keyCode == 27) window.history.back();
       };
-    }
+
+      $("a[href*='#']:not([href='#'])").click(function() {
+        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+        var target = $(this.hash);
+        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+        if (target.length) {
+          var scrollOffsetCorrection  = scrollerOptions.smoothscroll.offsetCorrectionLocal;
+          var offset                  = target.offset().top + scrollOffsetCorrection;
+          $('html,body').animate({
+            scrollTop: offset
+          }, 1000);
+          return false;
+        }
+      }
+     });
+
+   } // END registerEvents
   };
 }) (j1, window);