j1-template 2020.0.2 → 2020.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d7984c1650f6ccb9ef434fa65f54e85cd625bd133435fc073ba851a9cb83abe2
-  data.tar.gz: f4b738d93a3f61f97af77ffe7d052b921fe15255752eb0b11e3b2645e81db7ce
+  metadata.gz: '095207380a145093c8fbe903942eacceb0bd4333476ea9395ae450a027f056cd'
+  data.tar.gz: d21ff43668b4a179479c81946672fd0f833b09e4a6907681c814b4cd1e79f3bb
 SHA512:
-  metadata.gz: 186ea24e4f24ee80ddb74957ace1f6a42f4ba8c741f2a7ae6fe4df1400979772a1ee9fa404a883a95e4e09e7d6c6a9236352648c66e846c0885606e65d34d75d
-  data.tar.gz: df3b80e39aa47a1704ec296b3c8a87cdb9ff71f9b3866657ead7143d7a797dfeb12020d6e3283a7968a06382bab603a01852a4398dcdf1cf749fb49d2d7b92d2
+  metadata.gz: 40654099ca6b8e23a094ad8498cf9e1324d813bb0860f3cea692a7c6084ed48e0fc7ec811e0fe8f6fa4ff6d793df501279b4fb6b8fd0497c431c9ed64423d6f0
+  data.tar.gz: 38e401439fca8ab1323e32e846b61fbb4af12929a7d5671eb914bc8e699e0db112ab91bc35ec09b53e9ec0add87365f4d7b07f961bf48803501681c1de0cb6c9

data/_includes/themes/j1/layouts/content_generator_blog_archive.html

@@ -67,10 +67,11 @@
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
   <!-- split page to place a sidebar e.g. the document TOC -->
-  <div class="container mb-5">
+  <div class="container mr-5 mb-5">
     <div class="row">
 
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         {% comment %} Blog Navigator
         ------------------------------------------------------------------------ {% endcomment %}
@@ -78,9 +79,9 @@
         <div id="blog_navigator" class="row">
           <div class="col-md-12" role="main">
 
-            <div id="article_navigator">              
+            <div id="article_navigator">
 
-              {% include {{get_page_path}} mode='absolute' %} 
+              {% include {{get_page_path}} mode='absolute' %}
               {% capture navigator_path%}{{page_path}}{% endcapture %}
               {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
 
@@ -127,7 +128,7 @@
 
                 <div class="post-headline">
                   <h2 id="previewer" class="mt-4">Preview</h2>
-                </div>            
+                </div>
 
                 {% comment %} Display pagination links if any
                 ---------------------------------------------------------------- {% endcomment %}
@@ -174,12 +175,12 @@
                     {% when 'calendar' %}
                         {% include {{collate_calendar}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                     {% when 'timeline' %}
-                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %} 
+                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
                     {% else %}
                       {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                   {% endcase %}
                 </div>
-              </div> 
+              </div>
 
             </div>
             <!-- end article previewer -->
@@ -193,14 +194,17 @@
         <!-- End Content placed by blog_archive_content.html -->
         </main> <!-- end main for split page -->
 
-        {% comment %} Place Sidebar|Tocbot
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-        <aside class="col-md-3 d-none d-md-block sticky">
-          <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
-            <div id="j1-toc-mgr" class="toc js-toc"></div>
-          </div>
-        </aside> <!-- end ASIDE for split page -->
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
+          <div id="j1-toc-mgr" class="toc js-toc"></div>
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
 
       {% comment %} Calc|Write the Back URL
       -------------------------------------------------------------------------- {% endcomment %}
@@ -210,7 +214,7 @@
         {% capture browser_page_url %}{{page.url}}{% endcapture %}
       {% endif %}
 
-      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->      
+      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->
       <script>
       /* Manage the current page settings */
       $(document).ready(function() {
@@ -223,7 +227,7 @@
             var user_state_last_page        = "{{browser_page_url}}";
             user_state.last_page            = user_state_last_page;
             j1.writeCookie({
-              name: user_state_cookie_name, 
+              name: user_state_cookie_name,
               data: user_state
             });
             /* Set default colors */
@@ -239,4 +243,4 @@
 
     </div> <!-- end row -->
   </div> <!-- end container -->
-  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->
+  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->

data/_includes/themes/j1/layouts/content_generator_collection.html

@@ -62,14 +62,14 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [ begin content ] -->
-  <div class="container mb-5">
+  <div class="container mr-5 mb-5">
     <div class="row">
 
     {% comment %} COLLECTION content
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if sidebar == false %}
       <!-- FULL page - no sidebar for page toc -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -91,7 +91,8 @@
       </main> <!-- end col-md-12 -->
     {% else %}
       <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -112,15 +113,17 @@
 
       </main> <!-- end col-md-9 -->
 
-      <aside class="col-md-3 d-none d-md-block">
-        {% comment %} if tocbot and page_navigation  {% endcomment %}
-        <!-- NOTE: BS Affix is used on class j1-sidebar instead of Tocbot Affix -->
-        <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
           <div id="j1-toc-mgr" class="toc js-toc"></div>
-        </div> <!-- end ASIDE for split page -->
-      {% comment %} endif  {% endcomment %}
-      </aside> <!-- end ASIDE for split page -->
-
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     {% endif %} <!-- endif page_navigation -->
 
     {% comment %} END COLLECTION content
@@ -128,4 +131,4 @@
 
     </div> <!-- end row -->
   </div> <!-- end container -->
-  <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [Begin content] -->
+  <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [Begin content] -->

data/_includes/themes/j1/layouts/content_generator_page.html

@@ -61,21 +61,21 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin content ] -->
-<div class="container mb-5">
+<div class="container mr-5 mb-5">
   <div class="row">
 
     {% if sidebar == false %}
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for full page ] -->
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
         <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
-        {{content}}        
+        {{content}}
       </main>
-      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] --> 
+      <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
     {% else %}
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ start main for split page (TOC) ] -->
-
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
-        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] --> 
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+        <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ begin place content ] -->
         {{ content }}
 
         {% comment %} Place additional headline for comments
@@ -83,20 +83,19 @@
         {% if page.comments %}
         <h2 id="comments_leave_comment"> Leave a Comment </h2>
         {% endif %}
-      </main> 
+      </main>
       <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for split page (TOC) ] -->
       {% comment %} Place Sidebar|Tocbot
       -------------------------------------------------------------------------- {% endcomment %}
       <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
       <aside class="col-md-3 d-none d-md-block sticky">
-        {% comment %} if tocbot and page_navigation  
-        ------------------------------------------------------------------------ {% endcomment %}
         <div id="sidebar">
           <div id="j1-toc-mgr" class="toc js-toc"></div>
         </div>
-        {% comment %} endif  
-        ------------------------------------------------------------------------ {% endcomment %}
-      </aside> <!-- end ASIDE for split page -->
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     {% endif %} <!-- endif sidebar -->
 
   </div> <!-- end row -->
@@ -113,9 +112,9 @@
 
 <!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState cookie] -->
 <!-- script>
-  var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");  
+  var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
   var cookieUserState = 'j1.user.state'
-  var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;  
+  var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
 
   var j1_user_state = {
     'authenticated' : 'false',
@@ -128,11 +127,11 @@
     'last_signin' : 'unknown',
     'provider' : 'unknown',
     'user_name' : 'unknown',
-    'user_id' : 'unknown'     
+    'user_id' : 'unknown'
   };
 
   // Set|Detect J1 App status
   j1_user_state.last_page = "{{browser_page_url}}"
-  j1.setUserState( j1_user_state ); 
+  j1.setUserState( j1_user_state );
   logger.info(log_text);
 </script -->

data/_includes/themes/j1/layouts/content_generator_post.html

@@ -65,9 +65,9 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_generator_post.html ] [ begin content ] -->
 {% if page.comments %}
-  <div class="container mb-0">
-{% else %}  
-  <div class="container mb-5"> <!-- Add additional space between end of article and the footer -->
+  <div class="container mr-5 mb-0">
+{% else %}
+  <div class="container mr-5 mb-5"> <!-- Add additional space between end of article and the footer -->
 {% endif %}
 
 
@@ -77,8 +77,7 @@
   {% if sidebar == false %}
     <!-- FULL page - no sidebar for page toc -->
     <div class="row">
-
-      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
         <!-- div class="featured-headline" -->
@@ -99,7 +98,7 @@
               </button>
               <ul class="nav navbar-nav">
                 <li class="nav-item">
-                  <span class="nav-link">Series Navigator</span>
+                  <span class="navbar-text">Series Navigator</span>
                 </li>
               </ul>
             </div>
@@ -137,7 +136,8 @@
   {% else %}
     <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
     <div class="row">
-      <main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">
+      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
+      <main class="col-md-12 col-xs-12 r-text-{{rtext_size}} js-toc-content">
 
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
@@ -158,7 +158,7 @@
               </button>
               <ul class="nav navbar-nav">
                 <li class="nav-item">
-                  <span class="nav-link">Series Navigator: {{page.series}}</span>
+                  <span class="navbar-text">Series Navigator: {{page.series}}</span>
                 </li>
               </ul>
             </div>
@@ -174,7 +174,7 @@
           });
           </script>
 
-          <!-- Drawer content --> 
+          <!-- Drawer content -->
           <div id="post_navigator" class="bmd-layout-drawer bg-faded">
             <span class="navbar-brand mt-2 ml-3" style="font-weight: 500;">{{page.series|upcase}}</span>
             <!--  Series Navigator -->
@@ -203,26 +203,21 @@
 
       </main> <!-- end col-md-9 -->
 
-        {% comment %} Place Sidebar|Tocbot
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-        <aside class="col-md-3 d-none d-md-block sticky">
-          {% if page.adsense %}
-            {% include {{create_ad_block}} page=page post=post %}
-          {% endif %}
-          {% comment %} if tocbot and page_navigation  {% endcomment %}
-          <!-- NOTE: BS Affix is used on class j1-sidebar instead of Tocbot Affix -->
-          <!-- div id="j1-sidebar" class="j1-sidebar hidden-print affix-top" -->
-          <div id="sidebar">
-            <div id="j1-toc-mgr" class="toc js-toc"></div>
-          </div>
-          {% comment %} endif  {% endcomment %}
-        </aside> <!-- end col-md-3 -->
-
+      {% comment %} Place Sidebar|Tocbot
+      -------------------------------------------------------------------------- {% endcomment %}
+      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
+      {% comment %} tocbot and page_navigation (not used anymore)
+      --------------------------------------------------------------------------
+      <aside class="col-md-3 d-none d-md-block sticky">
+        <div id="sidebar">
+          <div id="j1-toc-mgr" class="toc js-toc"></div>
+        </div>
+      </aside>
+      -------------------------------------------------------------------------- {% endcomment %}
     </div> <!-- end row -->
   {% endif %} <!-- endif sidebar -->
 
   {% comment %} END Blog post CONTENT
   ------------------------------------------------------------------------------ {% endcomment %}
 </div> <!-- end container -->
-<!-- [INFO   ] [j1.layout.content_generator_post.html ] [End content] -->
+<!-- [INFO   ] [j1.layout.content_generator_post.html ] [End content] -->

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

@@ -1,7 +1,8 @@
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/navigator/generator.html
- #  Liquid HTML template to create the Navigation System for J1 Template 
+ #  Liquid HTML template to create the Navigation System for J1 Template
+ #  (includes all containers needed for MMenu)
  #
  #  Product/Info:
  #  https://jekyll.one
@@ -41,7 +42,7 @@
 {% assign template_config             = site.data.template_settings %}
 {% assign blocks                      = site.data.blocks %}
 {% assign modules                     = site.data.modules %}
- 
+
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign authentication_defaults     = modules.defaults.authentication.defaults %}
@@ -55,6 +56,9 @@
 {% assign cookiebar_defaults          = site.data.modules.defaults.cookiebar.defaults %}
 {% assign cookiebar_settings          = site.data.modules.cookiebar.settings %}
 
+{% assign ssm_settings                = modules.ssm.settings %}
+{% assign ssm_defaults                = modules.defaults.ssm.defaults %}
+
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_defaults            = navigator_defaults.nav_bar %}
@@ -63,23 +67,24 @@
 {% assign nav_quicklinks_settings     = navigator_settings.nav_quicklinks %}
 {% assign nav_topsearch_defaults      = navigator_defaults.nav_topsearch %}
 {% assign nav_topsearch_settings      = navigator_settings.nav_topsearch %}
-{% assign nav_sidebar_defaults        = navigator_defaults.nav_sidebar %}
-{% assign nav_sidebar_settings        = navigator_settings.nav_sidebar %}
 
 {% assign nav_authclient_defaults     = authentication_defaults.auth_client %}
 {% assign nav_authclient_settings     = authentication_settings.auth_client %}
 
+{% assign nav_mmenu_defaults            = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings            = navigator_settings.nav_mmenu %}
+
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_options             = nav_bar_defaults | merge: nav_bar_settings %}
 {% assign quicklinks_options          = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
 {% assign topsearch_options           = nav_topsearch_defaults | merge: nav_topsearch_settings %}
-{% assign sidebar_options             = nav_sidebar_defaults | merge: nav_sidebar_settings %}
 {% assign authclient_options          = nav_authclient_defaults | merge: nav_authclient_settings %}
 {% assign cookie_consent_options      = consent_defaults | merge: consent_settings %}
 {% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
-
-{% assign auth_manager_config         = authentication_options.j1_auth %}
+{% assign auth_manager_options        = authentication_options.j1_auth %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
+{% assign ssm_options                 = ssm_defaults | merge: ssm_settings %}
 
 {% comment %} Set navBarOptions
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -92,17 +97,18 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign nav_bar_id                  = navigator_defaults.nav_bar.xhr_container_id %}
 {% assign nav_menu_id                 = navigator_defaults.nav_menu.xhr_container_id %}
+{% assign nav_mmenu_id                = navigator_defaults.nav_mmenu.xhr_container_id %}
 {% assign nav_sidebar_id              = navigator_defaults.nav_sidebar.xhr_container_id %}
 {% assign nav_quicklinks_id           = navigator_defaults.nav_quicklinks.xhr_container_id %}
 {% assign authclient_modals_id        = authclient_options.xhr_container_id %}
 {% assign nav_navbar_media_breakpoint = navigator_defaults.nav_bar.media_breakpoint %}
 
-{% comment %} Set navBarProperties 
+{% comment %} Set navBarProperties
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if nav_fixed %}
   {% assign nav_bar_fixed = 'navbar-fixed' %}
   {% if nav_style == 'overlay' %} {% assign nav_bar_style = 'navbar-transparent' %} {% endif %}
-{% endif %} 
+{% endif %}
 
 {% if nav_color == 'light' %}
   {% assign nav_bar_color = 'light' %}
@@ -110,32 +116,48 @@
 
 {% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}
 
-
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Generate SSM container
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for ssm ] -->
+{% if ssm_options.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place ssm container for AJAX load ] -->
+<nav id="ssm-container" class="ssm-btns-right ssm-anim-slide no-r-text"></nav>
+{% endif %}
+
 {% comment %} Generate TopSearch container
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
 {% if topsearch_options.enabled %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->                 
+  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->
   {% include {{ topsearch_create }} options=topsearch_options %}
   <!-- [INFO   ] [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 ] -->
+{% for item in nav_mmenu_options.menus %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ processing: {{item.menu.xhr_container_id}} ] -->
+
+{% comment %} Condition DISABLED for testing
+--------------------------------------------------------------------------------
+{% if item.menu.enabled %}
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<nav id="{{item.menu.xhr_container_id}}"></nav>
+
+{% endfor %}
+
 <!-- [INFO   ] [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|Hide Sidebar container (HTML data loaded via AJAX)
-  ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for sidebar ] -->
-  {% if sidebar_options.enabled %}
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ sidebar detected ] -->
-    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: sidebar ] -->
-    <div id="{{nav_sidebar_id}}" class="side"></div>
-  {% endif %}
-
   {% comment %} Place brand image
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: sidebar ] -->
@@ -143,39 +165,41 @@
   {% if brand_position == "left" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
     {% endif %}
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-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 ] -->
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-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>
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <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 ] -->
+    <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-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 ] -->
-    <button type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-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>
     {% if site.brand.image %}
-      <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#"> <img src="{{ site.data.template_settings.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a class="navbar-brand" href="{{home_path}}" "> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a id="navbar-brand" class="navbar-brand animated" href="#" "> <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 ] -->
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-toggle="collapse" data-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>
   {% endif %}
 
-  {% comment %} Place NAV menu container (HTML data loaded via AJAX)
+  {% 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 ] -->
+  <!-- [INFO   ] [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)
@@ -193,10 +217,8 @@
 {% 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_config.enabled}} ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
 <!-- [INFO   ] [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 ] -->
-
-