j1-template 2021.0.12 → 2021.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a125175cbe45e72e471f0791b41c61e57a1ec4c0e018269aabda6312df689c33
-  data.tar.gz: 24ef960d123e60c66aedd129e5e39a22e6647402cd42ecb479a9f9b10298846e
+  metadata.gz: 78a543ac0d0dee3dad1e4bd534637503a9a34c4b893b27a5a14846e4b063cd81
+  data.tar.gz: 8da8a6fc202db91f1ca1df24ab26d19af1b9b17993d29e6c2f1b6953b0d0e9cf
 SHA512:
-  metadata.gz: 22232a87fdccaa04aa4e3cb6f2b7270995db3a7af3ed83e87f328bc60242763d6f383a905bb2c072811adb6d4aef30aaf39829dfaa3c9e3a3e1201938a86d135
-  data.tar.gz: 4a37a140f0cce1a465d70009738d0fe5ff4226a1120184fbef93e16286d64dc704811d00e09388b38a6f96d759225e14aa615685fbd4416adea02784c0e3743e
+  metadata.gz: d9982f9b90952982a3a6ecd547cdc6d8fe9fa61601b0c08b06d866c1325351d1ad430ccb6e1def9642d56efacbfbc63df0ea06ff614421c39d7303e2ac0b2cdc
+  data.tar.gz: 1bb2db102b7454c7668055f5a61b0fad09db6322736b07568dc4b3fe6d0a39f33662024f83cf119327246637adac63e276ae0df643b4f1c7729b8ce9adb8194b

data/_includes/themes/j1/blocks/footer/boxes/legal_statements.proc

@@ -59,5 +59,9 @@
     <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
   {% endif %}
 
+  {% if legal_item.legal.enabled and legal_item.legal.type == 'comments' %}
+    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
+  {% endif %}
+
 {% endfor %}
 </ul>

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

@@ -104,10 +104,10 @@
                 <nav class="paginator">
                   <ul class="pagination raised-z0">
 
-                    <li class="page-item"><a class="page-link md-grey-800" href="{{category_view}}" title="View by Category">By Category</a></li>
-                    <li class="page-item"><a class="page-link md-grey-800" href="{{date_view}}" title="View by Date">By Date</a></li>
-                    <!-- li class="page-item"><a class="page-link md-grey-800" href="{{tag_view}}" title="View by Tag">By Tag</a></li -->
-                    <li class="page-item"><a class="page-link md-grey-800" href="{{all_view}}" title="View All">All Posts</a></li>
+                    <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by Category">By Category</a></li>
+                    <li class="page-item"><a class="page-link" href="{{date_view}}" title="View by Date">By Date</a></li>
+                    <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" title="View by Tag">By Tag</a></li -->
+                    <li class="page-item"><a class="page-link" href="{{all_view}}" title="View All">All Posts</a></li>
 
                   </ul>
                 </nav> <!-- end paginator -->
@@ -133,8 +133,30 @@
                   <h2 id="previewer" class="mt-4">Preview</h2>
                 </div>
 
-                {% comment %} Display pagination links if any
-                ---------------------------------------------------------------- {% endcomment %}
+                {% if paginator.total_pages > 1 %}
+                <nav class="paginator mb-4">
+                  <ul class="pagination raised-z0">
+                    {% if paginator.previous_page %}
+                      <li class="page-item">
+                          <a class="page-link" href="{{ paginator.previous_page_path }}#article_navigator">Newer Posts</a>
+                      </li>
+                    {% else %}
+                        <li class="page-item disabled"><a href="#" class="page-link">First Page</a></li>
+                    {% endif %}
+
+                    {% if paginator.next_page %}
+                    <li class="page-item">
+                        <a class="page-link" href="{{ paginator.next_page_path }}#article_navigator">Older Posts</a>
+                    </li>
+                    {% else %}
+                        <li class="page-item disabled"><a href="#" class="page-link">Last Page</a></li>
+                    {% endif %}
+                  </ul>
+                </nav>
+                {% endif %}
+
+                {% comment %} Old (defect) preview paginator
+                ----------------------------------------------------------------
                 {% if paginator.total_pages > 1 %}
                 <!-- nav class="paginator ml-3" -->
                 <nav class="paginator">
@@ -142,26 +164,27 @@
                     {% if paginator.previous_page %}
                       {% if paginator.previous_page > 1 %}
                         {% capture page_link %}{{paginator.previous_page_path}}#previewer{% endcapture %}
-                        <li class="page-item"><a href="#" class="page-link md-grey-800" href="{{page_link}}" title="Previous page">Previous</a></li>
+                        <li class="page-item"><a href="#" class="page-link" href="{{page_link}}" title="Previous page">Previous</a></li>
                       {% else %}
                         {% comment %} Back to FIRST page {% endcomment %}
                         {% assign navigator = page.url | remove_first:'page2/index.html' %}
                         {% capture page_link %}{{navigator}}#previewer{% endcapture %}
-                        <li class="page-item"><a href="#" class="page-link md-grey-800" href="{{page_link}}" title="First page">Previous</a></li>
+                        <li class="page-item"><a href="#" class="page-link" href="{{page_link}}" title="First page">Previous</a></li>
                       {% endif %}
                     {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link md-grey-800">First</a></li>
+                        <li class="page-item disabled"><a href="#" class="page-link">First</a></li>
                     {% endif %}
 
                     {% if paginator.next_page %}
                         {% capture page_link %}{{paginator.next_page_path}}#previewer{% endcapture %}
-                        <li class="page-item"><a class="page-link md-grey-800" href="{{page_link}}" title="Next page">Next</a></li>
+                        <li class="page-item"><a class="page-link" href="{{page_link}}" title="Next page">Next</a></li>
                     {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link md-grey-800">Last</a>
+                        <li class="page-item disabled"><a href="#" class="page-link">Last</a>
                     {% endif %}
                   </ul>
                 </nav>
                 {% endif %}
+                ---------------------------------------------------------------- {% endcomment %}
 
                 <!-- div class="view-description ml-3 mb-3" -->
                 <div class="view-description mb-3">
@@ -246,5 +269,4 @@
     <!-- /div --> <!-- end row -->
   <!-- /div --> <!-- end container -->
 
-
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->

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

@@ -77,8 +77,8 @@
       ------------------------------------------------------------------------ {% endcomment %}
       {% if page.series %}
       <header class="bmd-layout-header">
-        <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
-        <div class="navbar navbar-dark bg-primary raised-z2">
+        <!-- jadams, 2021-02-28 added mb-3 to the navbar -->
+        <div class="navbar navbar-dark bg-primary raised-z2 mb-3">
           <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
             <span class="mdi mdi-menu mdi-2x"></span>
           </button>
@@ -90,11 +90,13 @@
         </div>
       </header>
 
-      <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
+      <!-- jadams, 2021-02-28: added bmd-drawer-overlay to close nav -->
+      <!-- by click on overflow (as well as by toggle button) -->
+      <nav class="nav bmd-layout-container bmd-drawer-overlay custom-size-350 bmd-drawer-f-l">
         <!-- Drawer content -->
         <div id="post_navigator" class="bmd-layout-drawer bg-faded">
-          <!-- header><a class="navbar-brand ml-3 mb-3">{{page.title}}</a></header -->
-          <header><a class="navbar-brand mb-3">{{page.title}}</a></header>
+          <!-- jadams, 2021-02-28: disabled header -->
+          <!-- header><a class="navbar-brand mb-3">{{page.title}}</a></header -->
           <!--  Series Navigator -->
           {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
           {% include {{create_series_header}} page=page post=post readmore=false %}

data/_includes/themes/j1/modules/connectors/ad/google-adsense.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/procedures/provider/ad/google-adsense.html
- #  Support of advertising provider Google Adsense for J1 Template
+ #  Support of Advertising Provider Google Adsense for J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one

data/_includes/themes/j1/modules/connectors/ads

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/procedures/provider/ads
- #  Liquid CONNECTOR for advertising providers supported by J1 Template
+ #  Liquid CONNECTOR for Advertising Providers supported by J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one

data/_includes/themes/j1/modules/connectors/analytic/google-analytics-legacy.html

@@ -0,0 +1,36 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/modules/connectors/analytic/google-analytics.html
+ #  Support of analytics provider Google Analytics for J1 Template
+ #
+ #  Product/Info:
+ #  http://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 }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign tracking_id = site.data.j1_config.analytics.google.tracking_id }} %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- Google Analytics: provide global site tag (gtag.js) -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{tracking_id}}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', '{{tracking_id}}');
+</script>

data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/connectors/analytic/google-analytics.html
- #  Support of analytics provider Google Analytics for J1 Template
+ #  Support of Analytics Provider Google Analytics (V4) for J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one

data/_includes/themes/j1/modules/connectors/analytics

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/connectors/analytics
- #  Liquid CONNECTOR for analytic providers supported by J1 Template
+ #  Liquid CONNECTOR for Analytic Providers supported by J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one
@@ -28,7 +28,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ start processing load region head, layout: {{page.layout}} ] -->              
+<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ start processing load region head, layout: {{page.layout}} ] -->
 {% if analytics and page.analytics %}
 
   {% case analytics_provider %}
@@ -42,4 +42,3 @@
 
 {% endif %}
 <!-- [INFO   ] [j1.modules.connectors.analytics       ] [ end processing ] -->
-

data/_includes/themes/j1/modules/connectors/comment/disqus.html

@@ -27,7 +27,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<div id="disqus" class="container mt-5 mb-5">
+<div id="disqus" class="container mb-5">
 
   <div id="disqus_thread" class="disqus-thread">
     <script>

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

@@ -173,9 +173,9 @@
   {% if brand_position == "left" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
     {% if site.brand.image %}
-      <a id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <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>
@@ -183,9 +183,9 @@
   {% elsif brand_position == "right" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
     {% if site.brand.image %}
-      <a id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <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">
@@ -194,9 +194,9 @@
   {% else %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
     {% if site.brand.image %}
-      <a id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
     {% else %}
-      <a id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
+      <a href="#" id="navbar-brand" class="navbar-brand"> <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">

data/_includes/themes/j1/procedures/posts/create_series_header.proc

@@ -52,6 +52,7 @@
 {% capture open %}
 <div id="post_series">
  <!-- div class="series-navigator ml-3" -->
+ <!-- jadams, 2021-02-28: added ml-3 -->
  <div class="series-navigator">
   <div class="container content series-navigation">
 
@@ -78,6 +79,7 @@
        </div>
 
        <!-- div class="col-xs-12 col-md-12 col-lg-12 mt-2" -->
+       <!-- jadams, 2021-02-28: added mr-3 -->
        <div class="mt-2">
          <h5 class="notoc series-exerpt-title">{{excerpt_title}}</h5>
          <!-- div class="series-exerpt mr-3" -->

data/_layouts/default.html

@@ -315,8 +315,18 @@ layout:                                 compress
     {% endif %}
     });
   </script>
-  <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 
+  {% comment %} Initialize Window History (back on <ESC>)
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.layout.default.html                ] [ initialize window.history.back ] -->
+  <script>
+  // Redirect on KEY <ESC>
+  window.onkeyup = function (e)
+  {
+   if (e.keyCode == 27) window.history.back();
+  }
+  </script>
+  <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 </html>
 
 {% endcapture %}

data/assets/data/authclient.html

@@ -187,7 +187,7 @@ regenerate:                             true
             {% if provider == 'github' and auth_github_enabled %}
             <li class="nav-item">
               <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_github_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="true">
-                <i class="mdi mdi-github-circle mt-1 mb-2"></i> {{ auth_github_title }}
+                <i class="mdi mdi-github mt-1 mb-2"></i> {{ auth_github_title }}
               </a>
             </li>
             {% endif %}

data/assets/data/carousel.json

@@ -71,7 +71,7 @@ regenerate:                             true
         {% endfor %}
         {% endif %}
         "img"        : "{{ image_full_path }}",
-        "alt"        : "Owl Image {{ forloop.index }}"{% if item.show.links %},{% endif %}
+        "alt"        : "Slider Image {{ forloop.index }}"{% if item.show.links %},{% endif %}
         {% if item.show.links %}
         {% for link in item.show.links %}
         {% if forloop.index == image_no %}

data/assets/data/fam.html

@@ -100,10 +100,10 @@ regenerate:                             true
   <div id="{{menu.id}}">
     <div class="fam-btn" style="display: none">
       <!-- [DEBUG  ] [j1.modules.fam.html       ] [jadams, 2020-11-15: set href|link text (Google optimisation)] -->
-      <a id="{{menu.id}}_button" href="javascript:void(0)" class="btn-fab-floating btn-large btn-{{menu.color}} raised-z{{fam_options.raised_level}}"><i id="fam-icon" class="mdi mdi-{{menu.icon}}"></i>FAM button</a>
+      <a href="#void" id="{{menu.id}}_button" class="btn-fab-floating btn-large btn-{{menu.color}} raised-z{{fam_options.raised_level}}"><i id="fam-icon" class="mdi mdi-{{menu.icon}}"></i>FAM button</a>
       <ul id="{{menu.id}}_items">
         {% for item in menu.items %} {% if item.enabled %}
-        <li><a id="{{item.id}}" href="#" class="btn-fab-floating btn-{{item.color}} raised-z{{fam_options.raised_level}}" style="display: none"><i id="fam-icon" class="mdi mdi-{{item.icon}} mdi-{{item.icon_properties}}"></i>{{item.id}}</a></li>
+        <li><a href="#void" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fam_options.raised_level}}" style="display: none"><i id="fam-icon" class="mdi mdi-{{item.icon}} mdi-{{item.icon_properties}}"></i>{{item.id}}</a></li>
         {% endif %} {% endfor %}
       </ul>
     </div>

data/assets/data/galleries.json

@@ -50,8 +50,8 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment         = site.environment %}
 
-{% assign jg_config_defaults  = apps.defaults.justified_gallery.defaults %}
-{% assign jg_config_settings  = apps.justified_gallery.settings %}
+{% assign jg_config_defaults  = apps.defaults.justifiedGallery.defaults %}
+{% assign jg_config_settings  = apps.justifiedGallery.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}

data/assets/data/gallery_customizer.html

@@ -35,8 +35,8 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment         = site.environment %}
 
-{% assign customizer_defaults = apps.defaults.gallery_customizer.defaults %}
-{% assign customizer_settings = apps.gallery_customizer.settings %}
+{% assign customizer_defaults = apps.defaults.justifiedGalleryCustomizer.defaults %}
+{% assign customizer_settings = apps.justifiedGalleryCustomizer.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}

data/assets/data/menu.html

@@ -184,48 +184,47 @@ regenerate:                             true
           <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"> <i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i>{{ menu.item }}</a>
         {% endif %}
 
-        <!-- jadams, 2017-11-24: (3) ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}" style="opacity: 1; display: none;" -->
-        <ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}" style="display: none;">
+        <ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}">
         {% for level_1 in menu.sublevel %}
           {% if level_1.dropdown == null %}
             {% if level_1.icon == null %}
               {% if level_1.target == null %}
                 <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}">{{ level_1.title }}</a></li>
               {% else %}
-                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}">{{ level_1.title }}</a></li>
+                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}" rel="noopener">{{ level_1.title }}</a></li>
               {% endif %}
             {% else %}
               {% if level_1.target == null %}
                 <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
               {% else %}
-                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
+                <li class="dropdown-item"><a href="{{ level_1.href }}{{ext}}" target="{{ level_1.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a></li>
               {% endif %}
             {% endif %}
           {% endif %}
           {% if level_1.divider %} <li class="divider"></li> {% endif %}
           {% if level_1.dropdown %}
-            <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [submenu level 2 (dropdown) detected] -->
+            <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [submenu level 2 (dropdown) detected ] -->
             <li class="dropdown nav-item nav-sub-item">
               {% if level_1.icon == null %}
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ level_1.title }}</a>
               {% else %}
                 <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_1.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_1.title }}</a>
               {% endif %}
-              <!-- jadams, 2017-11-24: (4) ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}" style="opacity: 1;" -->
-              <ul class="dropdown-menu scrollable-menu {{nav_menu_position}} raised-z{{raised_level}}">
+
+              <ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}">
                 {% for level_2 in level_1.dropdown %}
                   {% if level_2.dropdown == null %}
                     {% if level_2.icon == null %}
                       {% if level_2.target == null %}
                         <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}">{{ level_2.title }}</a></li>
                       {% else %}
-                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}">{{ level_2.title }}</a></li>
+                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}" rel="noopener">{{ level_2.title }}</a></li>
                       {% endif %}
                     {% else %}
                       {% if level_2.target == null %}
                         <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
                       {% else %}
-                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
+                        <li class="dropdown-item"><a href="{{ level_2.href }}{{ext}}" target="{{ level_2.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a></li>
                       {% endif %}
                     {% endif %}
                   {% endif %}
@@ -238,20 +237,19 @@ regenerate:                             true
                       {% else %}
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_2.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_2.title }}</a>
                       {% endif %}
-                      <!-- jadams, 2017-11-24: (5) ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}" style="opacity: 1;" -->
-                      <ul class="dropdown-menu scrollable-menu {{nav_menu_position}} raised-z{{raised_level}}">
+                      <ul class="dropdown-menu {{nav_menu_position}} raised-z{{raised_level}}">
                       {% for level_3 in level_2.dropdown %}
                         {% if level_2.icon == null %}
                           {% if level_3.target == null %}
                             <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}">{{ level_3.title }}</a></li>
                           {% else %}
-                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}">{{ level_3.title }}</a></li>
+                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}" rel="noopener">{{ level_3.title }}</a></li>
                           {% endif %}
                         {% else %}
                           {% if level_3.target == null %}
                             <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
                           {% else %}
-                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
+                            <li class="dropdown-item"><a href="{{ level_3.href }}{{ext}}" target="{{ level_3.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{level_3.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{ level_3.title }}</a></li>
                           {% endif %}
                         {% endif %}
                         {% if level_3.divider %} <li class="divider"></li> {% endif %}
@@ -299,9 +297,9 @@ regenerate:                             true
                 <ul class="menu-col">
                 {% for links in megabox.column %}
                   {% if links.icon == null %}
-                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}">{{links.title}}</a></li>
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}" rel="noopener">{{links.title}}</a></li>
                   {% else %}
-                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{links.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{links.title}}</a></li>
+                    <li class="dropdown-megamenu-item"><a href="{{links.href}}{{ext}}" target="{{ links.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{links.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{links.title}}</a></li>
                   {% endif %}
                 {% endfor %}
                 </ul>
@@ -327,14 +325,14 @@ regenerate:                             true
           {% if menu.target == null %}
             <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}">{{ menu.item }}</a> </li>
           {% else %}
-            <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}">{{ menu.item }}</a> </li>
+            <li class="nav-item"> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}" rel="noopener">{{ menu.item }}</a> </li>
           {% endif %}
         {% elsif menu.icon %}
           <!-- [INFO   ] [j1.modules.navigator.menu.html  ] [no icon for menu-item found -->
           {% if menu.target == null %}
             <li> <a class="nav-link" href="{{ menu.href }}{{ext}}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
           {% else %}
-            <li> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
+            <li> <a class="nav-link" href="{{ menu.href }}{{ext}}" target="{{ menu.target }}" rel="noopener"><i class="{{nav_menu_icon_style}} {{nav_menu_icon_family}}-{{menu.icon}} {{nav_menu_icon_size}}" style="color:{{nav_menu_icon_color}}"></i> {{ menu.item }}</a> </li>
           {% endif %}
         {% else %}
           <!-- [FATAL ] [nav_menu.menu-top-level-only       ] [processing menu item failed] -->