RubyGems - j1-template - Versions diffs - 2021.1.2 → 2021.1.7 - Mend

j1-template 2021.1.2 → 2021.1.7

Files changed (111) hide show

data/assets/data/banner.html CHANGED Viewed

@@ -68,7 +68,7 @@ regenerate:                             true
 <!-- [INFO   ] [j1.assets.data.banner.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main
@@ -98,6 +98,7 @@ regenerate:                             true
           {% assign lane_span       = banner_settings.lane_span %}
           {% assign buttons         = banner_settings.buttons %}
           {% assign cards           = banner_settings.cards %}
+          {% assign properties      = banner_settings.properties %}
         {% endif %}
       {% endfor %}
@@ -134,8 +135,8 @@ regenerate:                             true
         {% when 'teaser' %}
         {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
-        <section id="{{banner_settings.id}}">
-          <div class="container">
+        <section id="{{banner_settings.id}}" class="container">
+          <div class="row {{banner_settings.properties}}">
           {% assign card_items = cards | size %}
           {% for card in cards %}
@@ -208,7 +209,7 @@ regenerate:                             true
             <!-- Body -->
             <div class="row {{animate}}">
-              <div>{{card_description}}</div>
+              <div class="{{properties}}">{{card_description}}</div>
               {% if card_buttons %}
               <!-- Footer -->
               <div class="mt-1">
@@ -296,26 +297,24 @@ regenerate:                             true
           {% for card in cards %}
-            {% for items in card %}
-              {% for item in items[1] %}
-                {% assign key   = item[0] %}
-                {% assign value = item[1] %}
-                {% if key == 'enabled' %}               {% assign card_enabled               = value %}                   {% endif %}
-                {% if key == 'type' %}                  {% assign card_type                  = value %}                   {% endif %}
-                {% if key == 'cite_text_size' %}        {% assign card_cite_text_size        = value %}                   {% endif %}
-                {% if key == 'cite_text_quotes' %}      {% assign card_cite_text_quotes      = value %}                   {% endif %}
-                {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
-                {% if key == 'cite_size' %}             {% assign card_cite_size             = value %}                   {% endif %}
-                {% if key == 'cite' %}                  {% assign card_cite                  = value | strip_newlines %}  {% endif %}
-                {% if key == 'text_color' %}            {% assign card_text_color            = value %}                   {% endif %}
-                {% if key == 'cite_color' %}            {% assign card_cite_color            = value %}                   {% endif %}
-                {% if key == 'gridify' %}               {% assign card_gridify               = value %}                   {% endif %}
-                {% if key == 'gridifier' %}             {% assign card_gridifier             = value %}                   {% endif %}
-                {% if key == 'darken' %}                {% assign card_darken                = value %}                   {% endif %}
-                {% if key == 'size_y' %}                {% assign card_background_size       = value %}                   {% endif %}
-                {% if key == 'background_image' %}      {% assign card_background_image      = value %}                   {% endif %}
-              {% endfor %}
-            {% endfor %}
+            {% for items in card %} {% for item in items[1] %}
+              {% assign key   = item[0] %}
+              {% assign value = item[1] %}
+              {% if key == 'enabled' %}               {% assign card_enabled               = value %}                   {% endif %}
+              {% if key == 'type' %}                  {% assign card_type                  = value %}                   {% endif %}
+              {% if key == 'cite_text_size' %}        {% assign card_cite_text_size        = value %}                   {% endif %}
+              {% if key == 'cite_text_quotes' %}      {% assign card_cite_text_quotes      = value %}                   {% endif %}
+              {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
+              {% if key == 'cite_size' %}             {% assign card_cite_size             = value %}                   {% endif %}
+              {% if key == 'cite' %}                  {% assign card_cite                  = value | strip_newlines %}  {% endif %}
+              {% if key == 'text_color' %}            {% assign card_text_color            = value %}                   {% endif %}
+              {% if key == 'cite_color' %}            {% assign card_cite_color            = value %}                   {% endif %}
+              {% if key == 'gridify' %}               {% assign card_gridify               = value %}                   {% endif %}
+              {% if key == 'gridifier' %}             {% assign card_gridifier             = value %}                   {% endif %}
+              {% if key == 'darken' %}                {% assign card_darken                = value %}                   {% endif %}
+              {% if key == 'size_y' %}                {% assign card_background_size       = value %}                   {% endif %}
+              {% if key == 'background_image' %}      {% assign card_background_image      = value %}                   {% endif %}
+            {% endfor %} {% endfor %}
             {% if card_type == 'quote' and card_enabled %}
@@ -346,26 +345,24 @@ regenerate:                             true
               {% include {{select_color}} color=cite_color fallback="#FAFAFA" %}
               {% assign cite_color = color %}
-              {% comment %} Set individual STYLE tags
+              {% comment %} Add individual STYLE tags
               ------------------------------------------------------------------ {% endcomment %}
-              $('head').append(
-                "<style>
+              <!-- [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}
                   .{{banner_settings.id}}-parallax-quote:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;{% if gridify == true %}background: url("{{gridifier}}") repeat;{% endif %}}
                   .{{banner_settings.id}}-parallax-quote:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,{{darken}})}
                   .{{banner_settings.id}}-parallax-quote-in{z-index: 2;position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; padding: 20px; text-align: center; }
-                  .{{banner_settings.id}}-parallax-quote-in p{color:{{text_color}};font-size:{{card_cite_text_size}};text-transform:uppercase;}
+                  .{{banner_settings.id}}-parallax-quote-in p{color:{{text_color}};font-size:{{card_cite_text_size}};text-transform:uppercase;line-height: 1.25;}
                   {% if card_text and card_cite_text_quotes %}
                   .{{banner_settings.id}}-parallax-quote-in p:after,.{{banner_settings.id}}-parallax-quote-in p:before{content:' " ';}
                   {% endif %}
                   .{{banner_settings.id}}-parallax-quote-in small{color:{{cite_color}};font-size:{{card_cite_size}};font-weight:600;}
                   .{{banner_settings.id}}-parallax-quote:after{background: rgba(0,0,0,{{darken}})}
-                </style>"
-              );
+              </style>
-                <div class="panel-fluid">
+              <div class="panel-fluid {{banner_settings.properties}}">
                 <div class="row no-gutters {{banner_settings.id}}-parallax-quote {{banner_settings.id}}-parallaxBg">
                   <div class="col-md-12 col-xs-12 {{banner_settings.id}}-parallax-quote-in">
                     {% if card_text %} <p>{{card_text}}</p>{% endif %}
@@ -373,6 +370,7 @@ regenerate:                             true
                   </div>
                 </div>
               </div>
             </div> <!-- End banner {{ id }} -->
             {% endif %}
           {% endfor %}

data/assets/data/cookieconsent.html ADDED Viewed

@@ -0,0 +1,249 @@
+---
+regenerate:                             true
+---
+{% capture cache %}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/cookieconsent.html
+ # Liquid PROCEDURE to generate the HTML (data) portion of all modals used
+ # by J1 Cookie Consent module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment     = site.environment %}
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign modules         = site.data.modules %}
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign consent_defaults = modules.defaults.cookieconsent.defaults %}
+{% assign consent_settings = modules.cookieconsent.settings %}
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign consent_options  = consent_defaults | merge: consent_settings %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+{% comment %} Main
+================================================================================ {% endcomment %}
+<!-- [INFO   ] [j1.assets.data.cookiebar.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<head>
+  <meta name="robots" content="noindex, nofollow" />
+</head>
+{% comment %} Modal cookie consent dialog (default: en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="consent-data-en">
+  <div id="modal-consent-en" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <p class="lead">{{consent_options.consent_modal_title.en}}</p>
+      </div>
+      <div class="modal-body">
+        <div class="bccs-body-text" style="font-size: 90%">
+          <p class="mb-4">{{consent_options.body_text.en}}</p>
+        </div>
+        <p>
+          <a href="#bccs-privacy" data-toggle="collapse" class="">Privacy Notice</a>
+          <a href="#bccs-options" data-toggle="collapse" class="float-right">Settings</a>
+        </p>
+        <div id="bccs-privacy" class="collapse">
+          <div class="bccs-body-text" style="font-size: 90%">
+            <p class="mb-4">{{consent_options.privacy_notice.en}}</p>
+          </div>
+        </div>
+        <div id="bccs-options" class="collapse">
+          <p class="tagline mt-4 mb-1"><b>Your settings</b></p>
+          <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
+          <div class="bccs-option" data-name="necessary">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <span class="bmd-switch-track"></span>
+                Necessary
+              </label>
+              <ul>
+                <li>Required to run the website</li>
+              </ul>
+            </div>
+          </div>
+          <div class="bccs-option" data-name="analyses">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <span class="bmd-switch-track"></span>
+                Analyses
+              </label>
+              <ul>
+                <li>Monitoring website usage</li>
+                <li>Optimizing the user experience</li>
+              </ul>
+            </div>
+          </div>
+          <div class="bccs-option" data-name="personalization">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <span class="bmd-switch-track"></span>
+                Personalization
+              </label>
+              <ul>
+                <li>Storage of your preferences from previous visits</li>
+                <li>Collecting user feedback to improve our website</li>
+                <li>Recording of your interests in order to provide customised content and offers</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
+        I do not agree
+        </button>
+        <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
+        Agree
+        </button>
+        <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
+        Save selection
+        </button>
+        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display: none;">
+        Agree on all
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+{% comment %} END Modal cookie consent dialog (en-EN)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Modal cookie consent dialog (de-DE)
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="consent-data-de">
+  <div id="modal-consent-de" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <p class="lead">{{consent_options.consent_modal_title.de}}</p>
+      </div>
+      <div class="modal-body">
+        <div class="bccs-body-text" style="font-size: 90%">
+          <p class="mb-4">{{consent_options.body_text.de}}</p>
+        </div>
+        <p>
+          <a href="#bccs-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
+          <a href="#bccs-options" data-toggle="collapse" class="float-right">Einstellungen</a>
+        </p>
+        <div id="bccs-privacy" class="collapse">
+          <div class="bccs-body-text" style="font-size: 90%">
+            <p class="mb-4">{{consent_options.privacy_notice.de}}</p>
+          </div>
+        </div>
+        <div id="bccs-options" class="collapse">
+          <p class="tagline mt-4 mb-1"><b>Ihre Einstellungen</b></p>
+          <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
+          <div class="bccs-option" data-name="necessary">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <span class="bmd-switch-track"></span>
+                Notwendig
+              </label>
+              <ul>
+                <li>Zum Betrieb der Website erforderlich</li>
+              </ul>
+            </div>
+          </div>
+          <div class="bccs-option" data-name="analyses">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <span class="bmd-switch-track"></span>
+                Analysen
+              </label>
+              <ul>
+                <li>Beobachtung der Website-Nutzung</li>
+                <li>Optimierung der Benutzererfahrung</li>
+              </ul>
+            </div>
+          </div>
+          <div class="bccs-option" data-name="personalization">
+            <div class="switch">
+              <label>
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <span class="bmd-switch-track"></span>
+                Personalisierung
+              </label>
+              <ul>
+                <li>Speicherung Ihrer Präfererenzen aus frühreren Besuchen</li>
+                <li>Sammeln von Benutzer-Feedback zur Verbesserung unserer Website</li>
+                <li>Erfassung Ihrer Interessen, um maßgeschneiderte Inhalte und Angebote anzubieten</li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
+        Ich bin nicht einverstanden
+        </button>
+        <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
+        Einverstanden
+        </button>
+        <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
+        Auswahl speichern
+        </button>
+        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display: none;">
+        Allen zustimmen
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+{% comment %} END Modal cookie consent dialog (de-DE)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% 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/fam.html CHANGED Viewed

@@ -93,7 +93,7 @@ regenerate:                             true
 <!-- [INFO   ] [j1.assets.data.fam.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main

data/assets/data/footer.html CHANGED Viewed

@@ -65,7 +65,7 @@ regenerate:                             true
 <!-- [INFO   ] [j1.assets.data.footer.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main

data/assets/data/gallery_customizer.html CHANGED Viewed

@@ -49,12 +49,15 @@ regenerate:                             true
 <!-- [INFO   ] [j1.assets.data.banner.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
-{% comment %} Main
--------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.gallery_customizer              ] [Placement of the Drawer] -->
+<!-- div id="galleryCustomizer" -->
+<div id="{{customizer_options.xhr_data_element}}">
+  {% comment %} Main
+  -------------------------------------------------------------------------------- {% endcomment %}
+  <!-- [INFO   ] [j1.gallery_customizer              ] [Placement of the Drawer] -->
   <nav class="nav bmd-layout-container bmd-drawer-f-l">
@@ -165,7 +168,9 @@ regenerate:                             true
     </div>
   </nav>
-<!-- [INFO   ] [j1.gallery_customizer.html         ] [END: Drawer|Form] -->
+  <!-- [INFO   ] [j1.gallery_customizer.html         ] [END: Drawer|Form] -->
+</div>
 {% endcapture %}
 {% if production %}

data/assets/data/menu.html CHANGED Viewed

@@ -139,7 +139,7 @@ regenerate:                             true
 <!-- [INFO   ] [j1.assets.data.menu.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main
@@ -149,9 +149,9 @@ regenerate:                             true
 <!-- div id="{{nav_menu_id}}" class="{{dropdown_collapse}}" -->
 <!-- div class="{{dropdown_collapse}}" -->
   {% if nav_menu_animation %}
-  <ul id="desktop_menu" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="{{animate_in}}" data-out="{{animate_out}}">
+  <ul id="{{nav_menu_options.xhr_data_element}}" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="{{animate_in}}" data-out="{{animate_out}}">
   {% else %}
-  <ul id="desktop_menu" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="fadeIn" data-out="fadeOut">
+  <ul id="{{nav_menu_options.xhr_data_element}}" class="nav navbar-nav navigator navbar-{{nav_bar_position}}" data-in="fadeIn" data-out="fadeOut">
   {% endif %}
   {% for menu in navigator_menu_config %}

data/assets/data/mmenu.html CHANGED Viewed

@@ -82,14 +82,15 @@ regenerate:                             true
 {% assign icon_size   = navigator_options.icon_size %}
 {% assign icon_color  = navigator_options.icon_color %}
-<!-- [INFO   ] [j1.assets.data.mmenu.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
+<!-- [INFO   ] [j1.assets.data.mmenu.html             ] [ set meta data (robots) to exclude HTML data files from index ] -->
 <head>
-  <meta name="robots" content="noindex, nofollow" \>
+  <meta name="robots" content="noindex, nofollow" />
 </head>
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-  <!-- [DEBUG  ] [j1.modules.mmenu.html  ] [collect all nav links for the navigation ] -->
+  <!-- [INFO   ] [[j1.assets.data.mmenu.html        ] [collect all nav links for the mobile navigation ] -->
+  <!-- [INFO   ] [[j1.assets.data.mmenu.html        ] [id menu_mmenu set statically and MUST as configured  ] -->
   <ul id="menu_mmenu" class="partial" style="display:none">
   {% for menu in navigator_menu_config %}