j1-template 2022.4.9 → 2022.4.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6fe12062576a05a8d615842c14a341ceb260ff80ab208995443cc9c02acbe4ab
-  data.tar.gz: a674f5dfb9fd0675c8afb57ea75edca27df6eed85e4639071580bd02fcc6e58d
+  metadata.gz: 4d0cfcc6ccd200a957a611bd061f750189f0eb112b78c7f1483fbc3bbe7df04f
+  data.tar.gz: 56217f1c1c20c5f92b2168ecedd7454fa593a64849fd0a8cfb579de1b66aa16a
 SHA512:
-  metadata.gz: 84739f5717983f8ea156dda5d5c2fd6b0c181018b950f5040f8986dd29b8b44c45c0335ca1498dc5855a22a83af0a4c7efaf17c0b278bc867794010ee53df515
-  data.tar.gz: 92b68415e0b72118e04c1fff1a707096160b7264b425a2a1ab12b83402e437f4ab9c75a854c6356a64b575186d57a6179676341a8413fef45bdec007e25d0729
+  metadata.gz: 2c820600661b9034ab39f1f9b5319410d8b3ce8049af38ff7c4a4f68bfb75b085fd378b4bb8638a8bfd535c1c6f8cef5b6162fcb2bbaddf5e20727eb77b6ff73
+  data.tar.gz: 281df1d64e23ae35dc39d41111f497334dcdcd41b8483f082532b0c3483c04a196446af61fa7bd4cf2e55f97ca369448d846316fe535e1515df1e8cdcc83ac4f

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

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>

data/assets/data/mdi_icons.json

@@ -41,11 +41,16 @@ 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 %}
 
+{% comment %} Main
+================================================================================ {% endcomment %}
+
 [
     {
         "id": "CBFA6722-0EE6-49B4-B5C2-0B177A5523C2",

data/assets/data/mdil_icons.json

@@ -41,11 +41,16 @@ 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 %}
 
+{% comment %} Main
+================================================================================ {% endcomment %}
+
 [
     {
         "id": "",

data/assets/data/menu.html

@@ -63,11 +63,6 @@ exclude_from_search:                    true
 {% assign theme_preview         = themer_options.preview_page %}
 {% assign nav_menu_id           = nav_menu_options.id %}
 
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
 {% assign ext = '' %}
 {% if site.permalink == 'none' %}
   {% assign ext = '.html' %}
@@ -93,11 +88,13 @@ exclude_from_search:                    true
 {% assign nav_bar_translation   = nav_bar_options.translation %}
 
 {% comment %} Set navMenuOptions
+{% assign animate_in  = nav_menu_options.dropdown_animate_in %}
+{% assign animate_out = nav_menu_options.dropdown_animate_out %}
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_menu_animation    = nav_menu_options.dropdown_animate %}
 {% if nav_menu_animation %}
-  {% assign animate_in  = nav_menu_options.dropdown_animate_in %}
-  {% assign animate_out = nav_menu_options.dropdown_animate_out %}
+  {% capture animate_in %}animate__{{nav_menu_options.dropdown_animate_in}}{% endcapture %}
+  {% capture animate_out %}animate__{{nav_menu_options.dropdown_animate_out}}{% endcapture %}
 {% endif %}
 
 {% comment %} Set base nav features
@@ -151,15 +148,21 @@ exclude_from_search:                    true
 {% include {{select_icon_size}} family=nav_menu_icon_family size=nav_menu_icon_size %}
 {% assign nav_menu_icon_size = size %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-mathjax-processing-from-certain-html-elements
+================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/menu.html         ][ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>
 
-{% comment %} Main
-See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-mathjax-processing-from-certain-html-elements
--------------------------------------------------------------------------------- {% endcomment %}
-
 <!-- [DEBUG  ] [~/assets/data/menu.html         ][collect all nav links for the navigation bar (navbar)] -->
 <!-- div id="{{nav_menu_id}}" class="{{dropdown_collapse}}" -->
 <!-- div class="{{dropdown_collapse}}" -->
@@ -305,11 +308,11 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
             {% for megabox in menu.megamenu %}
             <div class="col-menu col-md-{{columns_width_md}} col-sm-6">
               {% if megabox.icon == null %}
-                <div class="post-headline mt-2 mb-3">
+                <div class="megamenu-headline mt-2 mb-3">
                   <h2 class="title" style="font-size:1.25em !important">{{megabox.title}}</h2>
                 </div>
               {% else %}
-                <div class="post-headline mt-2 mb-3">
+                <div class="megamenu-headline mt-2 mb-3">
                   <h2 class="title" style="font-size:1.25em !important"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{megabox.icon}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{megabox.title}}</h2>
                 </div>
               {% endif %}

data/assets/data/mmenu.html

@@ -59,11 +59,6 @@ exclude_from_search:                    true
 {% assign theme_preview         = themer_options.preview_page %}
 {% assign nav_menu_id           = navigator_options.nav_mmenu.id %}
 
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
 {% assign ext = '' %}
 {% if site.permalink == 'none' %}
   {% assign ext = '.html' %}
@@ -83,6 +78,15 @@ exclude_from_search:                    true
 {% assign icon_size   = navigator_options.icon_size %}
 {% assign icon_color  = navigator_options.icon_color %}
 
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% comment %} Main
+================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/mmenu.html              ] [ set meta data (robots) to exclude HTML data files from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />