j1-template 2020.0.1 → 2020.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d18f32e5ab9ccde33c8aca296cbe35757142303fd7d6c3d16ebddf51ff3dd2d0
-  data.tar.gz: 7bbad0a22167049f7d9b16a4b8cb9f0d62a2418f3daa49731543ff47d1d08d29
+  metadata.gz: d350d6d95ca25bf3263d8d14f0f40c1c686803a889b6ab1dfd9b97fc3c8daebc
+  data.tar.gz: 2b6ef94908ae1c171b6386c1c64dad0a5852d201f522179aaa172bd9af494a91
 SHA512:
-  metadata.gz: 8020d52ec42867f7a79b2404875fcc0463408a6a8add3c4430f0f46ce45c0a6cff1da40b3a7373490436454b74283dc7afa8a8564342ab7b6eb23c4fd2657635
-  data.tar.gz: ccbed08f143dd02d0d2cc7cfbb7f1ea9c7f1a55d1ec26f9dbe35f6c20225eb0fbaacc0dde338a8d09fac7c6f16578f94b80e0d33b1012971791d6cef4260bc11
+  metadata.gz: 2ea85a2ed1c140191fccbdab83c8ee426f0830ea46cd80bc527cdd97f37eacc3be75a9c7760ee8a3479255112772e8f0dfa10902be3f8f54d7667f034aa70ebf
+  data.tar.gz: 27a2eb9a0b0afe7c1fbff48811b1c91d2ab26b1c0afe315002c20814acd501ad0e704818882139e2a4349a97f20aab2d60f0d2d7f87b5baf9e392ee205f09cb3

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" -->
@@ -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}} %}
@@ -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 ] -->
-
-