j1-template 2022.4.7 → 2022.4.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d692f315799ca49d6334da3d4098491a81b8c64a36f2b5401c60bda7ab30a9ea
-  data.tar.gz: 5db858330d1db68dc841b92698bb3bc0e3fc4cd6a1b81b1d75ac27fe90c8173d
+  metadata.gz: 4d0cfcc6ccd200a957a611bd061f750189f0eb112b78c7f1483fbc3bbe7df04f
+  data.tar.gz: 56217f1c1c20c5f92b2168ecedd7454fa593a64849fd0a8cfb579de1b66aa16a
 SHA512:
-  metadata.gz: bb82fc45440741c4651944f5a46ce5ee694a116d472fc08c39bb1f5534e754c72ab3720e4db0d5f20f7f55a80e4ebfe5b43ec43bf64383fc8f8a8df8d5de3636
-  data.tar.gz: afc23a07cf2ce63c67ad2cfae0cf81bfd87cd0010b457de1a4d9862a7c0be6a8a06492a6ebb08c8a715f9e74fdeac9188859011838bb63526639a4df03ffa2ca
+  metadata.gz: 2c820600661b9034ab39f1f9b5319410d8b3ce8049af38ff7c4a4f68bfb75b085fd378b4bb8638a8bfd535c1c6f8cef5b6162fcb2bbaddf5e20727eb77b6ff73
+  data.tar.gz: 281df1d64e23ae35dc39d41111f497334dcdcd41b8483f082532b0c3483c04a196446af61fa7bd4cf2e55f97ca369448d846316fe535e1515df1e8cdcc83ac4f

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/attics/generator.html

@@ -121,11 +121,11 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.attic.generator.html               ] [ attic enabled: {{attic_enabled}} ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ attic enabled: {{attic_enabled}} ] -->
 {% if attic and attic_enabled %}
-  <!-- [INFO   ] [j1.attic.generator.html               ] [ attic enabled for layout: {{page.layout}} ] -->
-  <!-- [INFO   ] [j1.attic.generator.html               ] [ place attic detected: {{attic}} ] -->
-  
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ attic enabled for layout: {{page.layout}} ] -->
+  <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ place attic detected: {{attic}} ] -->
+
  {% comment %} Place attic detected
  ------------------------------------------------------------------------------- {% endcomment %}
   <div id="{{attic}}" class="attic notranslate">
@@ -133,8 +133,8 @@
       {% if logo_enabled %}
       <div class="{{imageAnimate}}"> <h2 class="home-title"><img src="{{imageName}}" height="{{imageHeigth}}px" alt="{{imageAlt}}"></h2></div>
       {% endif %}
-      <div id="head-title" class="head-title animated"> <h2 id="head-title-text" class="notoc">{{page.title}}</h2></div>
-      <div id="head-tagline" class="head-tagline animated"> <h3 id="head-tagline-tagline" class="notoc">{{page.tagline}}</h3></div>
+      <div id="head-title" class="head-title animate__animated "> <h2 id="head-title-text" class="notoc">{{page.title}}</h2></div>
+      <div id="head-tagline" class="head-tagline animate__animated "> <h3 id="head-tagline-tagline" class="notoc">{{page.tagline}}</h3></div>
       {% if action_enabled %}
       <div class="{{action_button}}">
         <a href="{{action_url}}"><i class="{{icon-family}}"></i> {{action_text}}</a>
@@ -150,7 +150,7 @@
 
   {% comment %} Fake attic used if NO attic is enabled for a layout
   ------------------------------------------------------------------------------ {% endcomment %}
-   <!-- [INFO   ] [j1.attic.generator.html               ] [ attic disabled for layout: {{page.layout}} ] -->
+   <!-- [INFO   ] [~/_includes/themes/j1/modules/attics/generator.html ] [ attic disabled for layout: {{page.layout}} ] -->
    <div id="no_attic" class="no-attic"></div>
 
 {% 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/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,9 +129,16 @@ 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 %}
-<!-- [INFO   ] [j1.assets.data.authclient.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+{% 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" />
 </head>
@@ -145,7 +147,7 @@ exclude_from_search:                    true
 
   {% comment %} Modal SignIn
   -------------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signin|signup] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [START: Modal signin|signup] -->
   <div id="modalOmniSignIn"
       class="modal fade"
       role="dialog"
@@ -273,11 +275,11 @@ exclude_from_search:                    true
 
     </div>
   </div> <!-- Modal SignIn -->
-  <!-- [INFO   ] [j1.authclient.html                    ] [END: Modal signin] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [END: Modal signin] -->
 
   {% comment %} Modal SignOut
   -------------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal signout] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [START: Modal signout] -->
   <div id="modalOmniSignOut"
       class="modal fade top"
       role="dialog" tabindex="-1"
@@ -344,7 +346,7 @@ exclude_from_search:                    true
 
   {% comment %} Modal UserStateInfo
   -------------------------------------------------------------------------------- {% endcomment %}
-  <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal SIDE INFO signed in] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [START: Modal SIDE INFO signed in] -->
   <div class="modal fade right" id="sideModalAlreadySigneIn" tabindex="-1" role="dialog" aria-labelledby="sideModalAlreadySigneIn" aria-hidden="true" data-backdrop="false">
     <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
       <!-- Content -->
@@ -368,11 +370,11 @@ exclude_from_search:                    true
       <!-- END Content -->
     </div>
   </div> <!-- END Modal UserStateInfo -->
-  <!-- [INFO   ] [j1.authclient.html                    ] [END: Modal SIDE INFO signed in] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [END: Modal SIDE INFO signed in] -->
 
   {% comment %} Modal TOP INFO signed in
   --------------------------------------------------------------------------------
-  <!-- [INFO   ] [j1.authclient.html                    ] [START: Modal TOP INFO signed in] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [START: Modal TOP INFO signed in] -->
   <div class="modal fade top" id="modalTopInfoSignedIn" tabindex="-1" role="dialog" aria-labelledby="modalTopInfoSignedIn" aria-hidden="true" data-backdrop="false">
     <div class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
       <!-- Content -->
@@ -388,7 +390,7 @@ exclude_from_search:                    true
       <!-- END Content -->
     </div>
   </div>
-  <!-- [INFO   ] [j1.authclient.html                    ] [END: Modal TOP INFO signed in] -->
+  <!-- [INFO   ] [~/assets/data/authclient.html              ] [END: Modal TOP INFO signed in] -->
   -------------------------------------------------------------------------------- {% endcomment %}
 </div>
 {% endcapture %}

data/assets/data/banner.html

@@ -63,12 +63,16 @@ 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 %}
 
-<!-- [INFO   ] [/assets/data/banner.html               ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+{% 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" />
 </head>
@@ -360,7 +364,7 @@ exclude_from_search:                    true
 
               {% comment %} Add individual STYLE tags
               ------------------------------------------------------------------ {% endcomment %}
-              <!-- [INFO   ] [/assets/data/banner.html                   ] [ Add individual styles for the parallax banner ] -->
+              <!-- [INFO   ] [~/assets/data/banner.html                 ] [ Add individual styles for the parallax banner ] -->
               <style>
                   .{{banner_settings.id}}-parallaxBg{background:url("{{background_image}}"); min-height: {{size_y}}px; background-attachment: fixed; background-position: center;  background-repeat: no-repeat; background-size: cover; }
                   .{{banner_settings.id}}-parallax-quote{color:#fff;padding:100px 0;position:relative;text-align:center}

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 %}
@@ -56,7 +58,7 @@ exclude_from_search:                    true
 
 {% comment %} Main
 ================================================================================ {% endcomment %}
-<!-- [INFO   ] [j1.assets.data.cookiebar.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<!-- [INFO   ] [~/assets/data/cookiebar.html              ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>

data/assets/data/fab.html

@@ -40,6 +40,8 @@ exclude_from_search:                    true
 {% assign modules         = site.data.modules %}
 
 {% comment %} Set config data
+fab_settings: {{fab_settings | debug}}
+fab_defaults: {{fab_defaults | debug}}
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment     = site.environment %}
 
@@ -87,25 +89,27 @@ exclude_from_search:                    true
 {% 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 %}
 
-<!-- [INFO   ] [/assets/data/fab.html               ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+{% 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  ] [j1.modules.fam.html       ] [collect all menu items] -->
+<!-- [DEBUG  ] [~/assets/data/fab.html                     ] [collect all menu items] -->
 {% for menu in fab_menus %}
   {% if menu.enabled %}
-  <!-- [DEBUG  ] [j1.modules.fam.html       ] [collect menu {{menu.id}}] -->
+  <!-- [DEBUG  ] [~/assets/data/fab.html                     ] [collect menu {{menu.id}}] -->
   <div id="{{menu.id}}">
     <div class="fab-btn" style="display: none">
-      <!-- [DEBUG  ] [j1.modules.fam.html       ] [jadams, 2020-11-15: set href|link text (Google optimisation)] -->
+      <!-- [DEBUG  ] [~/assets/data/fab.html                     ] [jadams, 2020-11-15: set href|link text (Google optimisation)] -->
 
       {% if fab_options.raised %}
         {% capture options %}raised-z{{fab_options.raised}} {%endcapture%}
@@ -116,15 +120,26 @@ exclude_from_search:                    true
       {% 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>
+          <a href="#void" 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}} {{icon_properties}}"></i>
           </a>
         </li>
         {% endif %} {% endfor %}
@@ -132,11 +147,11 @@ exclude_from_search:                    true
 
     </div>
   </div>
-  <!-- [DEBUG  ] [j1.modules.fam.html       ] [end menu {{menu.id}}] -->
+  <!-- [DEBUG  ] [~/assets/data/fab.html                     ] [end menu {{menu.id}}] -->
   {% endif %}
 
 {% endfor %}
-<!-- [DEBUG  ] [j1.modules.fam.html       ] [end collecting all menu items] -->
+<!-- [DEBUG  ] [~/assets/data/fab.html                     ] [end collecting all menu items] -->
 
 {% endcapture %}
 

data/assets/data/footer.html

@@ -23,7 +23,7 @@ exclude_from_search:                    true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-<!-- [INFO   ] [j1.assets.data.footer              ] [Footer generated: {{site.time}}] -->
+<!-- [INFO   ] [~/assets/data/footer.html                ] [Footer generated: {{site.time}}] -->
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -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 ] -->
+<!-- [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] %}
@@ -108,7 +108,7 @@ exclude_from_search:                    true
           {% if property.enabled %} {% assign enabled_boxes = enabled_boxes | plus:1 %} {% endif %}
         {% endfor %}
         {% assign footer_box_width_md = 12 | divided_by:enabled_boxes %}
-        <!-- [INFO   ] [j1.assets.data.footer              ] [Set footer box column width to: {{ footer_box_width_md }}] -->
+        <!-- [INFO   ] [~/assets/data/footer.html                ] [Set footer box column width to: {{ footer_box_width_md }}] -->
 
         <!-- div id="{{footer_config_defaults.container-id}}" class="{{footer_options.theme}}" -->
         <div id="{{footer_config_defaults.container-id}}">
@@ -215,7 +215,7 @@ exclude_from_search:                    true
           <div class="copyright">
             <div class="container">
               <div class="row">
-                <!-- [INFO   ] [j1.assets.data.footer              ] [Enable horizontal list using id #inline] -->
+                <!-- [INFO   ] [~/assets/data/footer.html                ] [Enable horizontal list using id #inline] -->
                 <div class="col-md-10" id="inline">
                 {% include {{legal_statements}} legals=footer_options.legals %}
                 </div>

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 %}