j1-template 2023.0.17 → 2023.2.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,288 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/slick.html
+ # Liquid procedure to generate the HTML portion for all Slick Carousels
+ # 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 carousel_defaults     = modules.defaults.slick.defaults %}
+{% assign carousel_settings     = modules.slick.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign carousel_options      = carousel_defaults | merge: carousel_settings %}
+{% assign carousels             = carousel_settings.carousels %}
+
+{% 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/slick.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/slick.html                      ]   [collect all carousel items] -->
+{% for carousel in carousels %}
+  {% if carousel.enabled %}
+
+  {% comment %} Set Carousel defaults
+  {% assign carousel.lightbox.enabled  = false %}
+  -------------------------------------------------------------------------- {% endcomment %}
+
+  {% comment %} Generate HTML portion for all sliders (enabled)
+  ------------------------------------------------------------------------------ {% endcomment %}
+
+    {% comment %} Collect Collection Carousels
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if carousel.type == 'collection' %}
+
+      {% comment %} Set Collection data
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% assign collection_name  = carousel.collection %}
+
+      {% comment %} Collect Collection documents
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% for collection in site.collections %}
+        {% if collection.label contains collection_name %}
+          {% assign articles     = collection.docs %}
+          {% assign num_articles = collection.docs | size | minus:4 %}
+          {% break %}
+        {% endif %}
+      {% endfor %}
+
+      <!-- Articles -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+
+        {% for article in articles %}
+
+          {% if carousel.translate_links %}
+            {% assign translate = "" %}
+          {% else %}
+            {% assign translate = "notranslate" %}
+          {% endif %}
+
+          {% if carousel.link_new_window %}
+            {% assign target = "_blank" %}
+          {% else %}
+            {% assign target = "" %}
+          {% endif %}
+
+          <!-- Article slide -->
+          <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{carousel.gutters}}">
+            <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="card bottom">
+              <img class="{{carousel.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" />
+              <!-- Article link (caption) -->
+              <div class="caption">
+                <a class="article-link {{translate}}"
+                   href="{{article.url}}"
+                   target="{{target}}">
+                   {{article.tags[0]}}&nbsp;&middot;&nbsp;{{article.title}}
+                </a>
+              </div>
+              <!-- /Article link -->
+            </div>
+          </div>
+          <!-- /Article slide -->
+
+        {% endfor %}
+
+      </div>
+      <!-- /Articles -->
+    {% endif %}
+
+    {% comment %} Collect Post Carousels
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if carousel.type == 'post' %}
+
+      <!-- Posts -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for post in site.posts %}
+        {% if post.group contains carousel.group %}
+
+        {% if carousel.translate_links %}
+          {% assign translate = "" %}
+        {% else %}
+          {% assign translate = "notranslate" %}
+        {% endif %}
+
+        {% if carousel.link_new_window %}
+          {% assign target = "_blank" %}
+        {% else %}
+          {% assign target = "" %}
+        {% endif %}
+
+        <!-- Collect data only if group matches -->
+        <div class="col-lg-3 col-sm-6 mb-2 mb-lg-0 pr-{{carousel.gutters}}">
+          <article class="card bg-dark text-center text-white border-0 rounded-0 bottom">
+            <img class="card-img {{carousel.image_styles}}" src="{{post.image.path | relative_url}}" alt="{{post.title}}" style="filter: contrast(1) brightness(0.5); height: {{carousel.image_height}}">
+
+            <div class="card-img-overlay">
+              <div class="card-content mt-4">
+                {% 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 {{translate}}"
+                   href="/pages/public/blog/navigator/archive/categoryview/#{{category | slugify}}"
+                   target="{{target}}"
+                   style="font-size: 24px;">{{category}}
+                </a>
+                {% endif %}
+                {% endfor %}
+
+                <ul class="list-inline d-flex justify-content-center mb-3">
+        					<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;
+                  </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="card-title notoc">
+                  <a class="text-white link-no-decoration {{translate}}"
+                     href="{{post.url | relative_url}}"
+                     target="{{target}}">{{post.tags[0]}}
+                  </a>
+                </h4 -->
+
+                <!-- Post link (caption) -->
+                <div class="caption">
+                  <a class="article-link {{translate}}"
+                     href="{{post.url}}"
+                     target="{{target}}">
+                     {{post.tags[0]}}
+                  </a>
+                </div>
+                <!-- /Article link -->
+
+              </div>
+            </div>
+          </article>
+        </div>
+        {% endif %}
+        {% endfor %}
+      </div>
+    <!-- /Posts -->
+    {% endif %}
+
+    {% comment %} Collect Example Carousels
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if carousel.type == 'example' %}
+
+      <!-- Example slider -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for i in (1..carousel.slides) %}
+        <div>
+          <{{carousel.style}} class="slide-item notoc mr-{{carousel.gutters}}" style="line-height: {{carousel.height}};">{{i}}</{{carousel.style}}>
+        </div>
+        {% endfor %}
+      </div>
+    <!-- /Example slider -->
+
+    {% endif %}
+
+    {% comment %} Collect Image Carousels
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if carousel.type == 'image' %}
+
+      <!-- Image slider -->
+      <div id="{{carousel.id}}" class="{{carousel.id | replace: '_','-' }}">
+        {% for slide in carousel.slides %}
+        <div class="col-sm-6 col-lg-4 pr-{{carousel.gutters}}">
+          <div class="card {{carousel.captions.position}}">
+          {% if carousel.lightbox.enabled %}
+            <a class="card-link" href="{{carousel.image_base_path}}/{{slide.image}}" data-caption="{{slide.caption}}" target="_blank">
+              <img class="{{carousel.image_styles}}" src="{{carousel.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="height: {{carousel.image_height}}">
+            </a>
+            {% if carousel.captions.enabled %}
+              <div id="{{carousel.id}}_caption"class="caption">{{slide.caption}}</div>
+            {% endif %}
+          {% else %}
+            <img class="{{carousel.image_styles}}" src="{{carousel.image_base_path}}/{{slide.image}}" alt="{{slide.caption}}" style="height: {{carousel.image_height}}">
+            {% if carousel.captions.enabled %}
+              <div id="{{carousel.id}}_caption"class="caption">{{slide.caption}}</div>
+            {% endif %}
+          {% endif %}
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+      <!-- /Image slider -->
+
+    {% endif %}
+
+  {% endif %}
+{% endfor %}
+<!-- [INFO   ] [~/assets/data/slick.html                      ] [end collecting all carousel 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/error_pages/HTTP204.html

@@ -89,7 +89,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">m
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP400.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP401.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP403.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP404.html

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       .attic {

data/assets/error_pages/HTTP444.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP445.html

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP446.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP447.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP448.html

@@ -86,7 +86,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP500.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP501.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP502.html

@@ -85,7 +85,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

data/assets/error_pages/HTTP503.html

@@ -88,7 +88,7 @@ sitemap:                                false
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow">
-    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <!-- link rel="icon" type="image/ico" href="{{favicon}}" -->
     <title>{{title}} · {{page.http_error}}</title>
     <style>
       body, html {

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