RubyGems - j1-template - Versions diffs - 2022.4.6 → 2022.4.9 - Mend

j1-template 2022.4.6 → 2022.4.9

Files changed (224) hide show

data/assets/data/masterslider.html ADDED Viewed

@@ -0,0 +1,334 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+{% capture cache %}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/masterslider.html
+ # Liquid procedure to generate the HTML portion for all Master Sliders
+ # configured
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # NOTE: Data loaded dynamically by J1 Master Slider module (AJAX)
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+{% comment %} Liquid procedures (currently unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config     = site.data.j1_config %}
+{% assign modules             = site.data.modules %}
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign slider_defaults     = modules.defaults.masterslider.defaults %}
+{% assign slider_settings     = modules.masterslider.settings %}
+{% comment %} Set config options
+module_version:               {{module_version | debug}}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign slider_options      = slider_defaults | merge: slider_settings %}
+{% assign sliders             = slider_settings.sliders %}
+{% assign module_version      = slider_options.module_version %}
+{% comment %} Configure permalink settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+{% comment %} Currently NOT used
+--------------------------------------------------------------------------------
+{% include {{select_color}} color=slider_icon_color fallback="#9E9E9E" %}
+{% assign slider_icon_color = color %}
+{% include {{select_icon_size}} family=slider_icon_family size=slider_icon_size %}
+{% assign slider_icon_size = size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [collect all slider items] -->
+{% for slider in sliders %}
+  {% if slider.enabled %}
+  {% comment %} Set base classes for a slider ('master-slider')
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign lightbox  = slider.lightbox.enabled %}
+  {% if slider.skin %}
+    {% capture skin %}ms-skin-{{slider.skin}}{% endcapture %}
+  {% else %}
+    {% capture skin %}ms-skin-default{% endcapture %}
+  {% endif %}
+  <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [detect ms module version] -->
+  {% if module_version == 'lite' %}
+  <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [ms module version detected: {{module_version}}] -->
+    {% if slider.options.layout == 'partialview' %}
+      {% capture partialview %}ms-layout-partialview{% endcapture %}
+    {% else %}
+      {% capture partialview %} {% endcapture %}
+    {% endif %}
+  {% elsif module_version == 'pro' %}
+    <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [ms module version detected: {{module_version}}] -->
+    {% capture partialview %}{% endcapture %}
+  {% else %}
+    <!-- [WARN   ] [~/assets/data/masterslider.html               ]  [ms module version NOT detected, use FALLBACK] -->
+    {% capture partialview %}{% endcapture %}
+  {% endif %}
+  {% comment %} Set base icons and sizes
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% assign slider_icon_family         = slider.icon_family %}
+  {% assign slider_icon_class          = slider.icon_class %}
+  {% assign slider_icon_color          = slider.icon_color %}
+  {% assign slider_icon_size           = slider.icon_size %}
+  {% assign icon_family = slider_icon_family | strip | downcase %}
+  {% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
+    {% assign slider_icon_family  = 'fa' %}
+    {% assign slider_icon_class   = slider_icon_class %}
+  {% elsif icon_family == 'mdi' %}
+    {% assign slider_icon_class  = 'mdi' %}
+  {% else %}
+    {% assign slider_icon_family  = 'mdi' %}
+    {% assign slider_icon_class   = 'mdi' %}
+  {% endif %}
+  {% comment %} Collect slides
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [collect slider {{slider.id}}] -->
+  <!-- MasterSlider Main -->
+  <!-- div id="{{slider.id}}" class="master-slider {{skin}} {{partialview}}" -->
+  <!-- div id="{{slider.id}}" class="master-slider {{skin}}" -->
+  <div id="{{slider.id}}" class="master-slider {{skin}} {{partialview}}">
+    {% comment %} Place data for 'LightGallery' (later access)
+    ---------------------------------------------------------------------------- {% endcomment %}
+    <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [Place 'LightGallery' data for id: {{slider.id}}] -->
+    <div id="lightgallery_{{slider.id}}" class="lightgallery-container" style="display: none;">
+      {% for slide in slider.slides %}
+      <img
+        id="{{slider.id}}_{{forloop.index}}"
+        src="{{slide.foreground_image}}"
+        alt="{{slide.alt}}" title="{{slide.title}}"
+      />
+      {% endfor %}
+    </div>
+    {% for slide in slider.slides %}
+    <div id="ms-slide-{{slider.id}}-{{forloop.index}}" class="ms-slide ms-slide-{{slider.id}}">
+      {% comment %} Place Lighbox button if enabled (active/selected)
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% 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"
+          href="{{slide.foreground_image}}"
+          data-lightbox="{{slider.id}}"
+          data-title="{{slide.title}}">
+          <i class="mdi mdi-image-outline mdi-2x md-gray-900"></i>
+        </a>
+      </div>
+      {% endif %}
+      {% comment %} Place images
+      -------------------------------------------------------------------------- {% endcomment %}
+      <img
+        class="{{slider.id}}-lg-item"
+        src="{{slide.background_image}}"
+        alt="{{slide.alt}}" title="{{slide.title}}"
+        data-src="{{slide.foreground_image}}"
+      />
+      {% if slide.thumb_image %}
+      <img
+        class="ms-thumb" src="{{slide.thumb_image}}"
+        alt="thumb_image_{{slider.id}}"
+      />
+      {% endif %}
+      {% comment %} Place Thumb Info
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% assign thumbinfo = slide.thumbinfo %}
+      {% if thumbinfo %}
+        {% assign thumbinfo = true %}
+      {% else %}
+        {% assign thumbinfo = false %}
+      {% endif %}
+      {% if thumbinfo %}
+      <div class="ms-thumb">
+        {% if slide.thumbinfo.title %}
+        <h2 class="notoc j1-ms-thumb-title">{{slide.thumbinfo.title}}</h2>
+        {% endif %}
+        {% if slide.thumbinfo.tagline %}
+        <h3 class="notoc j1-ms-thumb-tagline">{{slide.thumbinfo.tagline}}</h3>
+        {% endif %}
+        {% if slide.thumbinfo.description %}
+        <p class="j1-ms-thumb-description {{rtext}}">{{slide.thumbinfo.description}}</p>
+        {% endif %}
+      </div>
+      {% endif %}
+      {% comment %} Place Slide Info
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% assign slideinfo = slide.slideinfo %}
+      {% if slideinfo %}
+        {% assign slideinfo = true %}
+      {% else %}
+        {% assign slideinfo = false %}
+      {% endif %}
+      {% if slideinfo %}
+      <!-- MasterSlider Info -->
+      <div class="ms-info">
+        {% if slide.slideinfo.rtext %}
+          {% capture rtext %}r-text-{{slide.slideinfo.rtext}} {% endcapture %}
+        {% else %}
+          {% capture rtext %} {% endcapture %}
+        {% endif %}
+        {% if slide.slideinfo.title %}
+          {% assign title = slide.slideinfo.title %}
+        {% else %}
+          {% assign title = false %}
+        {% endif %}
+        {% if slide.slideinfo.title_animated %}
+          {% capture title_animated %}animate__animated animate__{{slide.slideinfo.title_animated}} {% endcapture %}
+        {% else %}
+          {% capture title_animated %} {% endcapture %}
+        {% endif %}
+        {% if slide.slideinfo.title_upcase %}
+          {% assign title = slide.slideinfo.title|upcase %}
+        {% endif %}
+        {% if slide.slideinfo.tagline %}
+          {% assign tagline = slide.slideinfo.tagline %}
+        {% else %}
+          {% assign tagline = false %}
+        {% endif %}
+        {% if slide.slideinfo.tagline_animated %}
+          {% capture tagline_animated %}animate__animated animate__{{slide.slideinfo.tagline_animated}} {% endcapture %}
+        {% else %}
+          {% capture tagline_animated %} {% endcapture %}
+        {% endif %}
+        {% if slide.slideinfo.tagline_upcase %}
+          {% assign tagline = slide.slideinfo.tagline|upcase %}
+        {% endif %}
+        {% if slide.slideinfo.description %}
+          {% assign description = slide.slideinfo.description %}
+        {% else %}
+          {% assign description = false %}
+        {% endif %}
+        {% if slide.slideinfo.description_animated %}
+          {% capture description_animated %}animate__animated animate__{{slide.slideinfo.description_animated}} {% endcapture %}
+        {% else %}
+          {% capture description_animated %} {% endcapture %}
+        {% endif %}
+        {% if slide.slideinfo.button.enabled %}
+          {% assign button = true %}
+        {% else %}
+          {% assign button = false %}
+        {% endif %}
+        {% if slide.slideinfo.button.animated %}
+          {% capture button_animated %}animate__animated animate__{{slide.slideinfo.button.animated}} {% endcapture %}
+        {% else %}
+          {% capture button_animated %} {% endcapture %}
+        {% endif %}
+        {% if slide.slideinfo.boxed %}
+        <div class="j1-ms-info-boxed">
+        {% else %}
+        <div class="j1-ms-info">
+        {% endif %}
+          {% if title %}
+          <h2 class="notoc j1-ms-info-title {{title_animated}}" style="color: {{slide.slideinfo.title_color}};">{{title}}</h2>
+          {% endif %}
+          {% if tagline %}
+          <h3 class="notoc j1-ms-info-tagline {{tagline_animated}}" style="color: {{slide.slideinfo.tagline_color}};">{{tagline}}</h3>
+          {% endif %}
+          {% if description %}
+          <p class="j1-ms-info-description {{rtext}} {{description_animated}}" style="color: {{slide.slideinfo.description_color}};">{{description}}</p>
+          {% endif %}
+          {% if button %}
+          <p class="{{button_animated}} {{slide.slideinfo.button.margin}}" style="text-align: center;">
+            <a class="{{slide.slideinfo.button.class}}" href="{{slide.slideinfo.button.link}}" role="button">{{slide.slideinfo.button.text}}</a>
+          </p>
+          {% endif %}
+        </div>
+      </div>
+      {% endif %}
+    </div>
+    {% endfor %}
+  </div>
+  <!-- [INFO   ] [~/assets/data/masterslider.html               ]  [end slider {{slider.id}}] -->
+  {% endif %}
+{% endfor %}
+<!-- [INFO   ] [~/assets/data/masterslider.html               ]  [end collecting all slider items] -->
+{% endcapture %}
+{% if production %}
+  {% capture _LINE_FEED %}{% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ cache | strip_html_comments }}{% else %}{% capture _content %}{{ cache | strip_html_comments }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ cache | strip_html_comments | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
+{% else %}
+  {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/menu.html CHANGED Viewed

@@ -73,7 +73,7 @@ exclude_from_search:                    true
   {% assign ext = '.html' %}
 {% endif %}
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [detect bs type] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][detect bs type] -->
 {% assign bs_type  = 'bmd4' %}
 {% if navigator_settings.bs_type == 'bs4' %}
   {% assign bs_type = 'bs4' %}
@@ -85,7 +85,7 @@ exclude_from_search:                    true
   {% assign dropdown_collapse = 'fake-class collapse'  %}
 {% endif %}
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [bs type detected: {{bs_type}}] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][bs type detected: {{bs_type}}] -->
 {% comment %} Set navBarOptions
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -105,7 +105,7 @@ exclude_from_search:                    true
 {% capture nav_menu_position %}dropdown-menu-{{nav_bar_position}}{% endcapture %}
 {% unless nav_menu_animation %} {% assign nav_menu_animation  = false %} {% endunless %}
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [initialize default menu properties] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][initialize default menu properties] -->
 {% if nav_menu_options.raised_level %}
   {% assign raised_level = nav_menu_options.raised_level %}
 {% else %}
@@ -120,13 +120,13 @@ exclude_from_search:                    true
   {% assign translate = 'notranslate' %}
 {% endif %}
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [nav_bar_translation:  {{ nav_bar_translation }}] -->
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [translate:  {{ translate }}] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][nav_bar_translation:  {{ nav_bar_translation }}] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][translate:  {{ translate }}] -->
 -------------------------------------------------------------------------------- {% endcomment %}
 {% comment %} Set base icons and sizes
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [DEBUG  ] [/assets/data/menu.html          ] [initialize default menu icon properties] -->
+<!-- [DEBUG  ] [~/assets/data/menu.html         ][initialize default menu icon properties] -->
 {% assign nav_menu_icon_family         = nav_menu_options.icon_family %}
 {% assign nav_menu_icon_style          = nav_menu_options.icon_style %}
 {% assign nav_menu_icon_color          = nav_menu_options.icon_color %}
@@ -151,7 +151,7 @@ exclude_from_search:                    true
 {% include {{select_icon_size}} family=nav_menu_icon_family size=nav_menu_icon_size %}
 {% assign nav_menu_icon_size = size %}
-<!-- [INFO   ] [/assets/data/menu.html          ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<!-- [INFO   ] [~/assets/data/menu.html         ][ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
   <meta name="robots" content="noindex, nofollow" />
 </head>
@@ -160,7 +160,7 @@ exclude_from_search:                    true
 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)] -->
+<!-- [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}}" -->
   {% if nav_menu_animation %}
@@ -195,8 +195,8 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
     {% comment %} Collect items having a SUB menue
     ---------------------------------------------------------------------------- {% endcomment %}
     {% when 'sublevel_menu' %}
-      <!-- [INFO   ] [/assets/data/menu.html          ] [found menu-type: sub-menue] -->
-      <!-- [INFO   ] [/assets/data/menu.html          ] [submenu level 1 detected] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][found menu-type: sub-menue] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][submenu level 1 detected] -->
       <li class="dropdown nav-item">
         {% if menu.icon == null %}
           <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">{{ menu.item }}</a>
@@ -223,7 +223,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
           {% endif %}
           {% if level_1.divider %} <li class="divider"></li> {% endif %}
           {% if level_1.dropdown %}
-            <!-- [INFO   ] [/assets/data/menu.html          ] [submenu level 2 (dropdown) detected ] -->
+            <!-- [INFO   ] [~/assets/data/menu.html         ][submenu level 2 (dropdown) detected ] -->
             <li class="dropdown nav-item nav-sub-item">
               {% if level_1.icon == null %}
                 <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{{ level_1.title }}</a>
@@ -250,7 +250,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                   {% endif %}
                   {% if level_2.divider %} <li class="divider"></li> {% endif %}
                   {% if level_2.dropdown %}
-                    <!-- [INFO   ] [/assets/data/menu.html          ] [submenu level 3 detected (last level supported)] -->
+                    <!-- [INFO   ] [~/assets/data/menu.html         ][submenu level 3 detected (last level supported)] -->
                     <li class="dropdown nav-item nav-sub-item">
                       {% if level_2.icon == null %}
                         <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{{ level_2.title }}</a>
@@ -273,29 +273,29 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                           {% endif %}
                         {% endif %}
                         {% if level_3.divider %} <li class="divider"></li> {% endif %}
-                      {% endfor %} <!-- [INFO   ] [/assets/data/menu.html          ] [end processing: level 3] -->
+                      {% endfor %} <!-- [INFO   ] [~/assets/data/menu.html         ][end processing: level 3] -->
                       </ul>
                     </li>
                   {% endif %}
-              {% endfor %} <!-- [INFO   ] [/assets/data/menu.html          ] [end processing: level 2] -->
+              {% endfor %} <!-- [INFO   ] [~/assets/data/menu.html         ][end processing: level 2] -->
               </ul>
             </li>
           {% endif %}
-        {% endfor %} <!-- [INFO   ] [/assets/data/menu.html          ] [end processing: level 1] -->
+        {% endfor %} <!-- [INFO   ] [~/assets/data/menu.html         ][end processing: level 1] -->
         </ul>
       </li>
-      <!-- [INFO   ] [/assets/data/menu.html          ] [reset menu_type for next loop] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][reset menu_type for next loop] -->
     {% assign menu_type = '' %}
     {% comment %} Collect items having a MEGA menu
     ---------------------------------------------------------------------------- {% endcomment %}
     {% when 'mega_menu' %}
-      <!-- [INFO   ] [/assets/data/menu.html          ] [found menu-type: megamenu-menue] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][found menu-type: megamenu-menue] -->
       <!-- calculate size of mm_columns -->
       {% assign columns = menu.megamenu | size %}
       {% assign columns_width_md = 12 | divided_by:columns %}
-      <!-- [INFO   ] [/assets/data/menu.html          ] [Calculated size of mm_columns: {{ columns_width_md }}] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][Calculated size of mm_columns: {{ columns_width_md }}] -->
       <li class="dropdown nav-item megamenu-fw">
         <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">{{menu.item}} </a>
@@ -325,30 +325,30 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                 </ul>
               </div>
             </div>
-            <!-- [INFO   ] [/assets/data/menu.html          ] [megamenu-menue: end megabox] -->
+            <!-- [INFO   ] [~/assets/data/menu.html         ][megamenu-menue: end megabox] -->
             {% endfor %}
             </div>
           </li>
         </ul>
       </li>
-      <!-- [INFO   ] [/assets/data/menu.html          ] [megamenu-menue: end mega-menu] -->
-      <!-- [INFO   ] [/assets/data/menu.html          ] [reset menu_type for next loop] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][megamenu-menue: end mega-menu] -->
+      <!-- [INFO   ] [~/assets/data/menu.html         ][reset menu_type for next loop] -->
       {% assign menu_type = '' %}
       {% comment %} Collect TOP-LEVEL items (NO sub-menu)
       -------------------------------------------------------------------------- {% endcomment %}
       {% when 'top_level_item' %}
-        <!-- [INFO   ] [/assets/data/menu.html          ] [found menu-type: menu-top-level-only] -->
+        <!-- [INFO   ] [~/assets/data/menu.html         ][found menu-type: menu-top-level-only] -->
         {% if menu.icon == null %}
-          <!-- [INFO   ] [/assets/data/menu.html          ] [no icon for menu-item found -->
+          <!-- [INFO   ] [~/assets/data/menu.html         ][no icon for menu-item found -->
           {% if menu.target == null %}
             <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}">{{ menu.item }}</a> </li>
           {% else %}
             <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}" rel="noopener">{{ menu.item }}</a> </li>
           {% endif %}
         {% elsif menu.icon %}
-          <!-- [INFO   ] [/assets/data/menu.html          ] [no icon for menu-item found -->
+          <!-- [INFO   ] [~/assets/data/menu.html         ][no icon for menu-item found -->
           {% if menu.target == null %}
             <li> <a class="nav-link" href="{{ menu.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
           {% else %}
@@ -357,15 +357,15 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
         {% else %}
           <!-- [FATAL ] [nav_menu.menu-top-level-only       ] [processing menu item failed] -->
         {% endif %}
-        <!-- [INFO   ] [/assets/data/menu.html          ] [menu-top-level-only: end menu] -->
-        <!-- [INFO   ] [/assets/data/menu.html          ] [reset menu_type for next loop] -->
+        <!-- [INFO   ] [~/assets/data/menu.html         ][menu-top-level-only: end menu] -->
+        <!-- [INFO   ] [~/assets/data/menu.html         ][reset menu_type for next loop] -->
         {% assign menu_type = '' %}
         {% comment %} Collect items having a LOGIN menu
         ------------------------------------------------------------------------ {% endcomment %}
         {% when 'auth_client' %}
-          <!-- [INFO   ] [/assets/data/menu.html          ] [found menu-type: auth_client] -->
+          <!-- [INFO   ] [~/assets/data/menu.html         ][found menu-type: auth_client] -->
           <li id="menuBarSignInOut" class="dropdown nav-item">
             <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">{{menu.item}} </a>
@@ -381,26 +381,26 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
               {% assign item_found = 'false' %}
               {% for item in menu.auth_client %}
-                <!-- [INFO   ] [/assets/data/menu.html          ] [START: check signin] -->
+                <!-- [INFO   ] [~/assets/data/menu.html         ][START: check signin] -->
                 {% if item.mode == 'signin' %}
                   <li class="dropdown-item">
                     <a href="#" data-bs-toggle="modal" data-bs-target="#modalOmniSignIn"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i>{{item.title}}</a>
                   </li>
                   {% assign item_found = 'true' %}
                 {% endif %}
-                <!-- [INFO   ] [/assets/data/menu.html          ] [END: check signin] -->
+                <!-- [INFO   ] [~/assets/data/menu.html         ][END: check signin] -->
-                <!-- [INFO   ] [/assets/data/menu.html          ] [START: check signout] -->
+                <!-- [INFO   ] [~/assets/data/menu.html         ][START: check signout] -->
                 {% if item.mode == 'signout' %}
                   <li class="dropdown-item">
                     <a href="#" data-bs-toggle="modal" data-bs-target="#modalOmniSignOut"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i>{{item.title}}</a>
                   </li>
                   {% assign item_found = 'true' %}
                 {% endif %}
-                <!-- [INFO   ] [/assets/data/menu.html          ] [END: check signout] -->
+                <!-- [INFO   ] [~/assets/data/menu.html         ][END: check signout] -->
                 {% if item_found == 'false' %}
-                <!-- [FATAL  ] [/assets/data/menu.html          ] [no valid menu item config found] -->
+                <!-- [FATAL  ] [~/assets/data/menu.html         ][no valid menu item config found] -->
                   <li class="dropdown-item">
                     {% if item.title %}
                       <a href="#" >Invalid: {{item.title}}</a>
@@ -411,17 +411,17 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                 {% endif %}
               {% endfor %}
-              <!-- [INFO   ] [/assets/data/menu.html          ] [login_menu: end menu] -->
+              <!-- [INFO   ] [~/assets/data/menu.html         ][login_menu: end menu] -->
             </ul>
           </li>
-          <!-- [INFO   ] [/assets/data/menu.html          ] [reset menu_type for next loop] -->
+          <!-- [INFO   ] [~/assets/data/menu.html         ][reset menu_type for next loop] -->
           {% assign menu_type = '' %}
           {% comment %} Collect items having a THEMES menu
           ---------------------------------------------------------------------- {% endcomment %}
           {% when 'theme_select' %}
           {% if themer_options.enabled %}
-            <!-- [INFO   ] [/assets/data/menu.html          ] [found menu-type: theme_select] -->
+            <!-- [INFO   ] [~/assets/data/menu.html         ][found menu-type: theme_select] -->
             <li id="themes_menu" class="dropdown nav-item">
               <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown">{{menu.item}} </a>
               {% if nav_menu_animation %}
@@ -467,7 +467,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                 {% endfor %}
               </ul>
             </li>
-            <!-- [INFO   ] [/assets/data/menu.html          ] [reset menu_type for next loop] -->
+            <!-- [INFO   ] [~/assets/data/menu.html         ][reset menu_type for next loop] -->
           {% endif %}
           {% assign menu_type = '' %}
@@ -475,16 +475,16 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
           {% comment %} Collect items failed
           ---------------------------------------------------------------------- {% endcomment %}
           {% else %}
-            <!-- [FATAL  ] [/assets/data/menu.html          ] [detecting menu items|type failed] -->
+            <!-- [FATAL  ] [~/assets/data/menu.html         ][detecting menu items|type failed] -->
         {% assign menu_type = '' %}
     {% endcase %}
   {% endfor %}
-  <!-- [INFO   ] [/assets/data/menu.html          ] [nav_menu_settings: end menu] -->
+  <!-- [INFO   ] [~/assets/data/menu.html         ][nav_menu_settings: end menu] -->
   </ul>
-  <!-- [INFO   ] [/assets/data/menu.html          ] [nav_menu_settings: end navbar] -->
-  <!-- [INFO   ] [/assets/data/menu.html          ] [nav_menu_settings: end processing] -->
+  <!-- [INFO   ] [~/assets/data/menu.html         ][nav_menu_settings: end navbar] -->
+  <!-- [INFO   ] [~/assets/data/menu.html         ][nav_menu_settings: end processing] -->
 {% endcapture %}
 {% if production %}