j1-template 2022.4.8 → 2022.5.0.rc0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 297029a1d93a64981ac1e46617f3c39c04b560c2f3f2c705ecfc49d86585afe2
-  data.tar.gz: b695a5f3a74d6c6495a5b8cd8b86a42b90cc1dbd8ba765232b2e4047772f8be9
+  metadata.gz: a847bb8f985bc71ee1d8847833e794992d2140a3b13d1d99f515ed6bbbc54b1b
+  data.tar.gz: bb7e6bbd178c6c31e7bf99225573d8ce8ab3d9e420f56227091740ef058e7b61
 SHA512:
-  metadata.gz: 2e9b62a7d07c038fdbefe6fce2fcbfe1231f596a635af378fc314df7b27df6fd217d1be8b86876ae7a3a1c38d8168a8f8bc25093732fd0de438aaca5174e14b7
-  data.tar.gz: a9cbf6a66fa1709a5b83d6271a6a7f8cbf5629cec4f03087bc4c3cccaf0c33b0773e0fb679319a6dbfc15b797cb00c0a37c8d0dab3618a1b76215340b9c7fa2e
+  metadata.gz: f3d315be9a121cad05bee5e7d0a8e129dd451ff4e98ffdc50e336d67db9ebce39b972888158ee305b83de6a416aff2f8be7654c954cf89cf92b0ed8dc61d212f
+  data.tar.gz: 5019e9b1c91c5806598763f46175ba288896bd64554431b186d8aa27442f9ce9d0f570f6f4d7986e3191dfa50d9b6d1e29c0f8aa5579c876ee5d46cf8c212896

data/_includes/themes/j1/blocks/footer/boxes/contacts_box.proc

@@ -73,9 +73,9 @@
     {% if internet_enabled %}
     <li>
       <i class="fa fa-globe fa-2x"></i>
-      <p><a class="link-news" href="{{home_link}}">{{home_text}}</a></p>
-      <p><a class="link-news" href="mailto:{{mail_1}}">{{mail_1}}</a></p>
-      <p><a class="link-news"href="mailto:{{mail_2}}">{{mail_2}}</a></p>
+      <p><a class="link-news link-no-decoration" href="{{home_link}}">{{home_text}}</a></p>
+      <p><a class="link-news link-no-decoration" href="mailto:{{mail_1}}">{{mail_1}}</a></p>
+      <p><a class="link-news link-no-decoration" href="mailto:{{mail_2}}">{{mail_2}}</a></p>
     </li>
     {% endif %}
   </ul>

data/_includes/themes/j1/blocks/footer/boxes/legal_statements.proc

@@ -38,31 +38,31 @@ legals: {{legals | debug}}
 {% for item in legals %}
 
   {% if item.legal.enabled and item.legal.type == 'copyright' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'impress' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'terms' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'privacy' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'licence' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'support' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
   {% if item.legal.enabled and item.legal.type == 'comments' %}
-    <li class="{{item.legal.translate_statement}}"><a href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
+    <li class="{{item.legal.translate_statement}}"><a class="link-no-decoration" href="{{item.legal.href}}">{{item.legal.statement}}</a></li>
   {% endif %}
 
 {% endfor %}

data/_includes/themes/j1/blocks/footer/boxes/links_box.proc

@@ -40,7 +40,7 @@
 
     {% for property in links %}
       <li>
-        <a href="{{property.link.href}}" class="{{property.link.title_translation}}" target="_blank" rel="noopener noreferrer">{{property.link.title}}</a>
+        <a class="link-no-decoration" href="{{property.link.href}}" class="{{property.link.title_translation}}" target="_blank" rel="noopener noreferrer">{{property.link.title}}</a>
         <div class="text-uppercase"><small>{{property.link.tagline}}</small></div>
       </li>
     {% endfor %}

data/_includes/themes/j1/blocks/footer/boxes/news_box.proc

@@ -58,7 +58,7 @@
         {% if category == posts_category and posts_written <= max_posts %}
         {% assign posts_written = posts_written | plus:'1' %}
         <li>
-          <a href="{{post.url}}" class="{{title_translation}}">{{post.title}}</a>
+          <a class="link-no-decoration" href="{{post.url}}" class="{{title_translation}}">{{post.title}}</a>
           {% if language == "en" %}
             <small class="text-uppercase">{{post.date | localize: "%Y %B, %-d"}}</small>
           {% endif %}

data/_includes/themes/j1/modules/navigator/generator.html

@@ -14,7 +14,7 @@
  #
  # -----------------------------------------------------------------------------
  #  Test data:
- #   liquid_var: {{ liquid_var | debug }}
+ #   liquid_var: {{liquid_var | debug}}
  #
  # -----------------------------------------------------------------------------
 {% endcomment %}
@@ -106,63 +106,63 @@
   {% assign nav_bar_color = 'light' %}
 {% endif %}
 
-{% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
+{% capture nav_bar_default_css_classes %}navbar navigator bg-primary navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Generate search container
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ check for topsearch ] -->
 {% if topsearch_options.enabled %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->
-  {% include {{ topsearch_create }} options=topsearch_options %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: topsearch ] -->
+  {% include {{topsearch_create}} options=topsearch_options %}
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ end processing: topsearch ] -->
 {% endif %}
 
 {% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: mmenu ] -->
 {% for item in nav_mmenu_options.menus %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container {{item.menu.xhr_container_id}} for AJAX load ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place mmenu container {{item.menu.xhr_container_id}} for AJAX load ] -->
 <nav id="{{item.menu.xhr_container_id}}"></nav>
 {% endfor %}
 
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: navigation ] -->
 <nav id="{{nav_bar_id}}" class="{{nav_bar_default_css_classes}} {{nav_bar_color}} {{nav_bar_fixed}} {{nav_bar_style}}">
 
   {% comment %} Place brand image
   ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: main menue ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: main menue ] -->
   {% if brand_position == "left" %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place brand image to the: left ] -->
     {% if site.brand.image %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{site.data.j1_config.image_path}}/{{site.brand.image}}" style="height: {{site.brand.image_height}} !important;" alt="{{site.brand.text}}"></a>
     {% else %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{site.brand.text}}</font></b></a>
     {% endif %}
     <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
     </button>
   {% elsif brand_position == "right" %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place brand to the: right ] -->
     {% if site.brand.image %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{site.data.j1_config.image_path}}/{{site.brand.image}}" style="height: {{site.brand.image_height}} !important;" alt="{{site.brand.text}}"></a>
     {% else %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{site.brand.text}}</font></b></a>
     {% endif %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mobile menu button to the: left ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place mobile menu button to the: left ] -->
     <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-36px"></i>
     </button>
   {% else %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place brand to default position: left ] -->
     {% if site.brand.image %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <img src="{{site.data.j1_config.image_path}}/{{site.brand.image}}" style="height: {{site.brand.image_height}} !important;" alt="{{site.brand.text}}"></a>
     {% else %}
-      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand link-no-decoration"> <b><font color="{{site.brand.text_color}}">{{site.brand.text}}</font></b></a>
     {% endif %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: right ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place menu toggler to the: right ] -->
     <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
       <i class="mdi mdi-menu mdi-48px"></i>
     </button>
@@ -170,15 +170,15 @@
 
   {% comment %} Place Desktop NAV menu container (HTML data loaded via AJAX)
   ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: nav bar ] -->
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (desktop) ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ start processing: nav bar ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place nav menu container for AJAX load (desktop) ] -->
   <div id="{{nav_menu_id}}" class="collapse"></div>
 
   {% comment %} Place|Hide Quicklinks container (HTML data loaded via AJAX)
   ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for quicklinks ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ check for quicklinks ] -->
   {% if quicklinks_options.enabled %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: quicklinks ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place container for: quicklinks ] -->
   <div id="{{nav_quicklinks_id}}" class="quicklink-nav collapse navbar-collapse justify-content-end"></div>
   {% endif %}
 
@@ -186,9 +186,9 @@
 
 {% comment %} Place container for sign in|out dialog used by J1 AuthClient
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for: authclient ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: authclient ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ check for: authclient ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ place container for: authclient ] -->
 <div id="{{authclient_modals_id}}" class="authclient_modals"></div>
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: auth_client ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: navigation ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ end processing: auth_client ] -->
+<!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/generator.html ] [ end processing: navigation ] -->

data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc

@@ -88,8 +88,8 @@
   {% comment %} lunrSearch engine
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
-    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="background-color: #eceff1 !important; display: none;">
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ start processing: top search ] -->
+    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="display: none;">
     	<div class="input-group">
     	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x mb-2" style="color:#9E9E9E"></i></span>
     	  <input id="search-query" type="text" name="q" placeholder="{{placeholder}}" autocomplete="off" class="form-control">
@@ -97,18 +97,18 @@
     	  <span class="input-group-addon close-search"><i class="mdi mdi-close mdi-3x" style="color:#9E9E9E"></i></span>
     	</div>
 
-      <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ place: results container ] -->
+      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: results container ] -->
       <div class="search-results hide-scrollbar">
         <section id="search-results" style="display: none"></section>
       </div>
 
-      <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ place: mustache template ] -->
+      <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ place: mustache template ] -->
       {% raw %}
       <script id="search-results-template" type="text/mustache">
         <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
         {{#docs}}
           <li>
-            <h4 class="result-item"> <a href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
+            <h4 class="result-item"> <a class="link-no-decoration" href="{{url}}" target="_blank">{{title}} · {{tagline}}</a> </h4>
             <p class="result-item-text small text-muted mt-2 mb-0">
               <i class="mdi mdi-calendar-blank mdi-18px mr-1"></i>{{displaydate}}
             </p>
@@ -125,5 +125,5 @@
 
     {% endif %}
     </div>
-    <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ end processing: top search ] -->
+    <!-- [INFO   ] [~/_includes/themes/j1/modules/navigator/procedures/topsearch.proc ] [ end processing: top search ] -->
 {% endif %}

data/_includes/themes/j1/procedures/global/create_bs_button.proc

@@ -75,7 +75,7 @@
 
     {% comment %} jadams, 2021-04-24:
     TODO, mr-x on font-icon are to be scaled on icon-size (fixed on: mr-3)
-    -------------------------------------------------------------------------------- {% endcomment %}
+    ---------------------------------------------------------------------------- {% endcomment %}
 
     {% if button_tagline %}
       {% if button_href and button_target %}

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -116,7 +116,7 @@
       {% endif %}
 
       <li class="{{blog_position}}">
-        <div class="timeline-badge"><i class="tmicon rounded-x hidden-xs"></i></div>
+        <div class="timeline-badge"><i class="tmicon bg-primary rounded-x hidden-xs"></i></div>
         <div class="card raised-z5 timeline-panel">
 
           {% comment %} jadams, 2021-08-05:

data/assets/data/authclient.html

@@ -59,11 +59,6 @@ exclude_from_search:                    true
 {% comment %} Liquid var initialization
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
 {% comment %} Set auth_client properties
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign icon_family             = authclient_options.icon_family | downcase %}
@@ -134,8 +129,15 @@ exclude_from_search:                    true
 {% include {{select_icon_size}} family=authclient_options.icon_family size=authclient_options.icon_size %}
 {% assign icon_size = size %}
 
-{% comment %} Main
+{% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/authclient.html              ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />

data/assets/data/banner.html

@@ -63,11 +63,15 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture banner_config_file_name %}~/_data/blocks/banner.yml{% endcapture %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+{% comment %} Main
+================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/banner.html                 ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />

data/assets/data/carousel.json

@@ -55,6 +55,16 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign carousel_settings   = modules.carousel.settings %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+
 {
   {% for item in carousel_settings.carousel %}
     "{{item.show.id}}" : [

data/assets/data/cookieconsent.html

@@ -48,6 +48,8 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign consent_options  = consent_defaults | merge: consent_settings %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}

data/assets/data/fab.html

@@ -89,18 +89,20 @@ fab_defaults: {{fab_defaults | debug}}
 {% assign fab_menu_icon_size = size %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+{% comment %} Main
+================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/fab.html                     ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>
 
-{% comment %} Main
--------------------------------------------------------------------------------- {% endcomment %}
 <!-- [DEBUG  ] [~/assets/data/fab.html                     ] [collect all menu items] -->
 {% for menu in fab_menus %}
   {% if menu.enabled %}
@@ -118,15 +120,26 @@ fab_defaults: {{fab_defaults | debug}}
       {% endif %}
 
       <button type="button" id="{{menu.id}}_button" class="btn btn-fab btn-{{menu.color}} {{options}}" aria-label="fab-button">
-        <i id="fab-icon" class="mdi mdi-{{menu.icon}} md-white"></i>
+        <i id="fab-icon" class="mdi mdi-{{menu.icon}} {{menu.icon_color}}"></i>
       </button>
 
+      {% comment %} Collect (mini) FABs
+      ------------------------------------------------------------------------ {% endcomment %}
+      <!-- [DEBUG  ] [~/assets/data/fab.html                     ] [Collect (mini) FABs] -->
       <ul id="fab_menu_items">
         {% for item in menu.items %} {% if item.enabled %}
+
+        {% comment %} set default MDI icon color for the (mini) FAB
+        ------------------------------------------------------------------------ {% endcomment %}
+        {% if item.icon_properties %}
+          {% capture icon_properties %}{{item.icon_properties}} {{menu.icon_color}}{%endcapture%}
+        {% else %}
+          {% capture icon_properties %}{{menu.icon_color}}{%endcapture%}
+        {% endif %}
+
         <li>
-          <!-- a href="#void" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none" -->
           <a href="#" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none">
-            <i id="fab-icon" class="mdi mdi-{{item.icon}} mdi-{{item.icon_properties}}"></i>
+            <i id="fab-icon" class="mdi mdi-{{item.icon}} {{icon_properties}}"></i>
           </a>
         </li>
         {% endif %} {% endfor %}

data/assets/data/footer.html

@@ -52,25 +52,25 @@ exclude_from_search:                    true
 {% assign footer_config_defaults = footer_config_defaults.defaults %}
 {% assign footer_config_settings = footer_config_settings.settings %}
 
-{% comment %} Variables
+{% comment %} Set HELPER variables
 -------------------------------------------------------------------------------- {% endcomment %}
+{% capture footer_config_file_name %}~/_data/modules/footer.yml{% endcapture %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
-{% comment %} Set HELPER variables
--------------------------------------------------------------------------------- {% endcomment %}
-{% capture footer_config_file_name %}~/_data/modules/footer.yml{% endcapture %}
+{% comment %} Main
+================================================================================ {% endcomment %}
 
 <!-- [INFO   ] [~/assets/data/footer.html                ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>
 
-{% comment %} Main
-================================================================================ {% endcomment %}
 {% for items in footer_config_settings %}
   {% assign key             = items[0] %}
   {% assign value           = items[1] %}

data/assets/data/galleries.json

@@ -58,12 +58,18 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign jg_config           = jg_config_defaults | merge: jg_config_settings %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+{% comment %} Main
+================================================================================ {% endcomment %}
+
 {
+
 {% for item in jg_config.galleries %}
   "{{ item.gallery.id }}" : [
 
@@ -138,6 +144,7 @@ exclude_from_search:                    true
 
   ]{% if forloop.last %}{% else %},{% endif %}
 {% endfor %}
+
 }
 
 {% endcapture %}

data/assets/data/gallery_customizer.html

@@ -45,11 +45,6 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign customizer_options  = customizer_defaults | merge: customizer_settings %}
 
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
 {% comment %} i18n: language selection (supported languages: en|de)
 NOTE: currently NOT used
 --------------------------------------------------------------------------------
@@ -64,6 +59,16 @@ NOTE: currently NOT used
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign language = 'en' %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
+
 <!-- [INFO   ] [~/assets/data/gallery_customizer.html   ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
@@ -72,8 +77,6 @@ NOTE: currently NOT used
 <!-- [INFO   ] [~/assets/data/gallery_customizer.html   ] [ Placement of the Gallery container ] -->
 <div id="{{customizer_options.xhr_data_element}}" style="max-width: {{customizer_options.max_gallery_width}}px;">
 
-  {% comment %} Main
-  ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [~/assets/data/gallery_customizer.html   ] [Placement of the Drawer] -->
   <nav class="nav bmd-layout-container custom-size-300 bmd-drawer-f-l">
 

data/assets/data/iso-639-language-codes-flags.json

@@ -40,7 +40,15 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment = site.environment %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {
+
   "iso-639-languages":
   [
     {"imageCss": "flag-icon flag-icon-za     rectangle size-md", "value": "af",    "text": "Afrikaans · South Africa"},
@@ -213,6 +221,7 @@ exclude_from_search:                    true
     {"imageCss": "flag-icon flag-icon-ng     rectangle size-md", "value": "yo",    "text": "Yoruba · Nigeria"},
     {"imageCss": "flag-icon flag-icon-za     rectangle size-md", "value": "zu",    "text": "Zulu · South Africa"}
   ]
+
 }
 
 {% endcapture %}

data/assets/data/iso-639-language-codes.json

@@ -32,7 +32,15 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment         = site.environment %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {
+
   "iso-639-languages":
   [
   	{ "af":     { "name": "Afrikaans" }},
@@ -100,6 +108,7 @@ exclude_from_search:                    true
   	{ "cy":     { "name": "Welsh" }},
   	{ "yi":     { "name": "Yiddish" }}
   ]
+
 }
 
 {% endcapture %}

data/assets/data/j1_config.json

@@ -31,9 +31,15 @@ exclude_from_search:                    true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign j1_config = data.j1_config %}
 
-
-{% comment %} Write config data as JSON string
+{% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
 
 {{ j1_config | json }}
 

data/assets/data/masterslider.html

@@ -70,11 +70,15 @@ module_version:               {{module_version | debug}}
 {% assign slider_icon_size = size %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% 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" />
@@ -164,10 +168,14 @@ module_version:               {{module_version | debug}}
       {% if slider.lightbox.enabled and slider.options.layout != 'partialview' %}
       <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [Place 'Lighbox' button for id: {{slider.id}}] -->
       <div class="ms-nav-lightbox icon-flex" style="display: block;">
-        <a id="lightbox-{{slider.id}}" class="link-no-decoration icon-wrapper-2x"
+        <a
+          id="lb-button-{{slide.title|downcase|replace:' ','-'}}"
+          class="link-no-decoration icon-wrapper-2x"
           href="{{slide.foreground_image}}"
+          rel="alternate"
           data-lightbox="{{slider.id}}"
-          data-title="{{slide.title}}">
+          data-title="{{slide.title}}"
+        >
           <i class="mdi mdi-image-outline mdi-2x md-gray-900"></i>
         </a>
       </div>