j1-template 2020.0.3 → 2020.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5d3711d432bcb8345139685cd06df4952544d74b98bcce348dc3a23435d023ac
-  data.tar.gz: b5a7e08cdff2b51c815d86cada41ac601c57a083465d1bee31883dae2596a520
+  metadata.gz: 4d3178ded3bc6506023bd49725a4ae303abe7a2ca2fee72d8edaca8a48738bde
+  data.tar.gz: 2ccbfd933669089be01f096941e7b2fc3718d1d90e74ae937f56f9d920e7281b
 SHA512:
-  metadata.gz: 17d0793bbc2f65a280e4447b5b8d5b2cfa47e9541c24be3d118fa51165fd50d576bc3ca428d32892201340562213b714dffe73b9d05715f611a44ad11dc2e78b
-  data.tar.gz: 908afd620d27216ce001e2861a8e110df0bf8fef04957df898ae37cc050f3767ed5cf55b7a82342bc2e3c908aa0e83368ca5de18a8ac74bf16cb80c413fd14af
+  metadata.gz: e44e8d31dfd5a6290df6d5a6eb2be69473e31473a06abbfb51eb52a4ee9c0da293230599939c5c5cedb5bd4470c498b2a6b1078d281a2d3fdde8918805b19559
+  data.tar.gz: c14b628f28111144b86a209384b23cf921e06d1fbf632d4d38e49f1a0ab8fae44f5cfd5a9a62fad814d16b101274be1fb64296fee4d56affcd79e7a90b539499

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

@@ -2,6 +2,7 @@
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/navigator/generator.html
  #  Liquid HTML template to create the Navigation System for J1 Template
+ #  (includes all containers needed for MMenu)
  #
  #  Product/Info:
  #  https://jekyll.one
@@ -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 %}
@@ -111,10 +116,17 @@
 
 {% 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 ] -->
@@ -124,24 +136,28 @@
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
 {% endif %}
 
-{% comment %} Place Mobile NAV menu container (HTML data loaded via AJAX)
------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
+-------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (mobile) ] -->
-<nav id="{{nav_mmenu_id}}"></nav>
+{% 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 ] -->
@@ -149,9 +165,9 @@
   {% 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 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>
@@ -159,20 +175,20 @@
   {% elsif brand_position == "right" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
     {% 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: left ] -->
-    <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>
+    <!-- [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 ] -->
     {% 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">
@@ -201,7 +217,7 @@
 {% 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 ] -->