j1-template 2021.3.2 → 2022.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fc1e60d0a78f71a49061cb5cadc8940289c18066fb6d578d376fb121a11064f7
-  data.tar.gz: 45bd62cbc8a49576c26ce309bec32bc6a0ae299ed99bb2c83e4f1954864a82e8
+  metadata.gz: fa9b2f1b29b6e4875eec6816f91adb606ba0094f1157d9959792618c065a727e
+  data.tar.gz: cf47cba9bbd587ce4101b1925609b7c146f583712bf232cc98282a5761c34c2a
 SHA512:
-  metadata.gz: 4cceae8cffadc23ae098b1aacd95527a0b31f2026d677ca034db32fc0d7a50eb677248e0f7526cb6282a41009e884c267202b539eef5b6a6688ff04003cb9f3d
-  data.tar.gz: 0b88cf195257feec09dabf4640629d7fc5fc6c9d430e2c66c7348c11067b7fb8b5f68edea09c870036da2ccce4242644086c3fbf513fc6c21c49a2402190ee9b
+  metadata.gz: 9b56d12a6e1b05d37900b1ef121f761fc3adaabac028a355b980d2d3ac41094d91a520350d2d2bab721bb60d76fa69618388bbb45e4190cb933bf18505219c9e
+  data.tar.gz: e2694227b059a9f5c52da1c46da80e29d3315b2dda0a87a3442adb70d301835090b0436a1ce516669001285744a468c3b2a85e49429dff2effcf47abc8d34f04

data/_includes/themes/j1/blocks/ads/ad.html

@@ -38,25 +38,25 @@
       <!-- [INFO   ] [j1.blocks.ad.html                     ] [ place advertising block for provider: Google ] -->
     <div id="adblock" class="advertising mb-3">
       <div class="advertising mb-3">
-        <button type="button" class="btn btn-primary btn-raised">Primary</button>
-        <button type="button" class="btn btn-secondary btn-raised">Secondary</button>
-        <button type="button" class="btn btn-success btn-raised">Success</button>
-        <button type="button" class="btn btn-info btn-raised">Info</button>
-        <button type="button" class="btn btn-warning btn-raised">Warning</button>
-        <button type="button" class="btn btn-danger btn-raised">Danger</button>
-        <button type="button" class="btn btn-link btn-raised">Link</button>
+        <button type="button" class="btn btn-primary">Primary</button>
+        <button type="button" class="btn btn-secondary">Secondary</button>
+        <button type="button" class="btn btn-success">Success</button>
+        <button type="button" class="btn btn-info">Info</button>
+        <button type="button" class="btn btn-warning">Warning</button>
+        <button type="button" class="btn btn-danger">Danger</button>
+        <button type="button" class="btn btn-link">Link</button>
       </div>
     </div>
     {% when "custom" %}
       <!-- [INFO   ] [j1.blocks.ad.html                     ] [ place advertising block for provider: Custom ] -->
       <div id="adblock" class="advertising mb-3">
-        <button type="button" class="btn btn-primary btn-raised">Primary</button>
-        <button type="button" class="btn btn-secondary btn-raised">Secondary</button>
-        <button type="button" class="btn btn-success btn-raised">Success</button>
-        <button type="button" class="btn btn-info btn-raised">Info</button>
-        <button type="button" class="btn btn-warning btn-raised">Warning</button>
-        <button type="button" class="btn btn-danger btn-raised">Danger</button>
-        <button type="button" class="btn btn-link btn-raised">Link</button>
+        <button type="button" class="btn btn-primary">Primary</button>
+        <button type="button" class="btn btn-secondary">Secondary</button>
+        <button type="button" class="btn btn-success">Success</button>
+        <button type="button" class="btn btn-info">Info</button>
+        <button type="button" class="btn btn-warning">Warning</button>
+        <button type="button" class="btn btn-danger">Danger</button>
+        <button type="button" class="btn btn-link">Link</button>
       </div>
   {% endcase %}
 

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

@@ -280,11 +280,11 @@
 
               <div class="row">
                 <!-- post group-->
-                <ul id="{{panel_settings.id}}-scroll-group" class="list-group list-group-horizontal align-items-stretch flex-wrap">
+                <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
                   {% for post in paginator.posts %}
                   <!-- post items-->
-                  <li id="{{panel_settings.id}}-scroll-item" class="list-group-item items-{{cards_per_row}} p-0">
-                    <article class="animated {{card_animate}} card card-same-height raised-z3 mb-3">
+                  <li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-{{cards_per_row}} p-0">
+                    <article class="card card-same-height raised-z3 mb-5">
                       {% if post.image %}
                         <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
                         {% assign post_width = '80x' %}
@@ -294,7 +294,7 @@
                       {% endif %}
                       <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
-                      <div class="card-body r-text-300 mt-3">
+                      <div class="card-body r-text-300">
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
                       <!-- End Body|Excerpt -->

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

@@ -95,15 +95,15 @@
       {% if page.series %}
       <header class="bmd-layout-header">
         <!-- 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" aria-label="drawer-toggler-button">
+        <div class="navbar navbar-dark bg-primary raised-z2">
+          <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-bs-toggle="drawer" data-bs-target="#post_navigator" aria-label="drawer-toggler-button">
             <span class="mdi mdi-menu mdi-2x"></span>
           </button>
           <ul class="nav navbar-nav">
             <li class="nav-item">
               <!-- jadams, 2021-08-04: modified displaying the series name -->
               <!-- span class="navbar-text">Series: {{page.series}}</span-->
-              <span class="navbar-text">{{page.series|upcase}}</span>
+              <span class="navbar-text mr-3">{{page.series|upcase}}</span>
             </li>
           </ul>
         </div>
@@ -128,7 +128,7 @@
       -------------------------------------------------------------------------- {% endcomment %}
       <!-- Content placed by post_content.html -->
       <!-- Additional div container placed for dropcaps used in series -->
-      <div class="mt-3">
+      <div class="mt-4">
       {{content}}
       </div>
 

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

@@ -25,16 +25,6 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-
-<!-- load the GA library -->
-<script async src="https://www.googletagmanager.com/gtag/js?id={{tracking_id}}"></script>
-
-<!-- GA depends on the cookie consent and is enabled/disabled on OptIn/Out-->
-<!--
-<script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', '{{tracking_id}}');
-</script>
--->
+<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ GA depends on the cookie consent and is enabled/disabled dynamically on OptIn/Out ] -->
+<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ if analytics enabled, load the GA library statically by default ] -->
+<script async id="google-tag-manager" src="https://www.googletagmanager.com/gtag/js?id={{tracking_id}}"></script>

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

@@ -23,11 +23,10 @@
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 
-
 {% comment %} Main
+<!-- thread container places dynamically by j1 adapter
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ place the thread container: start ] -->
-<div id="hyvor-talk-view"></div>
 <!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ connector depends on the cookie consent (personalization) ] -->
-<!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ connector (dynamic) JS is enabled/disabled on OptIn/Out ] -->
-<!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ place the thread container: end ] -->
+<!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ connector is enabled/disabled dynamically by j1 adapter on OptIn/Out ] -->
+<!-- [INFO   ] [j1.modules.connectors.hyvor           ] [ thread container disabled, placed dynamically by j1 adapter ] -->
+<!-- div id="hyvor-talk-view"></div -->

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

@@ -137,33 +137,33 @@
   {% if brand_position == "left" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
     {% if site.brand.image %}
-      <a href="#void" 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 href="#void" 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">
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-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 ] -->
     {% if site.brand.image %}
-      <a href="#void" 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 href="#void" 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">
+    <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-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 href="#void" 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 href="#void" 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">
+    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-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 %}
@@ -177,12 +177,10 @@
   {% comment %} Place|Hide Quicklinks container (HTML data loaded via AJAX)
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for quicklinks ] -->
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ quicklinks enabled: {{quicklinks_options.enabled}} ] -->
   {% if quicklinks_options.enabled %}
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: quicklinks ] -->
   <div id="{{nav_quicklinks_id}}" class="attr-nav collapse navbar-collapse justify-content-end"></div>
   {% endif %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing for: quicklinks ] -->
 
 </nav>
 

data/_includes/themes/j1/modules/search/docsearch.html

@@ -7,7 +7,7 @@
           <div class="ds-dataset-1"></div>
         </span>
       </span>
-      <button class="btn-link bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse" data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs avigation">
+      <button class="btn-link bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-bs-toggle="collapse" data-bs-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false" aria-label="Toggle docs avigation">
         <svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30" focusable="false">
           <title>Menu</title>
           <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"></path>

data/_includes/themes/j1/procedures/global/create_bs_button.proc

@@ -60,6 +60,7 @@
     {% for item in button_data %} {% for button in item[1] %}
       {% assign key   = button[0] %}
       {% assign value = button[1] %}
+      {% if key == 'id' %}         {% assign button_id         = value %} {% endif %}
       {% if key == 'title' %}      {% assign button_title      = value %} {% endif %}
       {% if key == 'tagline' %}    {% assign button_tagline    = value %} {% endif %}
       {% if key == 'class' %}      {% assign button_class      = value %} {% endif %}
@@ -78,7 +79,7 @@
     {% if button_tagline %}
       {% if button_href and button_target %}
         {% capture bs_button_html %}
-          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+          <a id="{{button_id}}" href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
             <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
             <span class="float-right text-left mt-2">
               {{button_title}}
@@ -88,7 +89,7 @@
         {% endcapture %}
       {% elsif button_href %}
         {% capture bs_button_html %}
-          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+          <a id="{{button_id}}" href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
             <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
             <span class="float-right text-left mt-2">
               {{button_title}}
@@ -102,7 +103,7 @@
     {% else %}
       {% if button_href and button_target %}
         {% capture bs_button_html %}
-          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+          <a id="{{button_id}}" href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
             <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
             <span class="float-right text-left">
               {{button_title}}
@@ -111,7 +112,7 @@
         {% endcapture %}
       {% elsif button_href %}
         {% capture bs_button_html %}
-          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+          <a id="{{button_id}}" href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
             <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
             <span class="float-right text-left">
               {{button_title}}
@@ -123,7 +124,6 @@
       {% endif %}
     {% endif %}
 
-
   {% when 'input' %}
   {% comment %} Create BS link button
   ------------------------------------------------------------------------------ {% endcomment %}

data/_includes/themes/j1/procedures/global/create_word_cloud.proc

@@ -63,7 +63,9 @@
   {% capture href %}#{{tag|downcase|prepend: site.baseurl}}{% endcapture %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<div id="word-cloud" class="row ml-3 mr-3">
+<!-- div id="word-cloud" class="row ml-3 mr-3" -->
+<!-- jadams, 2021-11-20: justify word cloud BETTER with paginator buttons -->
+<div id="word-cloud" class="row g-0 ml-3">
   <div class="tag__box mt-0 mb-2">
     <div class="tag__cloud">
 
@@ -74,7 +76,7 @@
       <ul class="content">
         {% if source == 'categories' %}
           {% for tag in word_array %}
-            <li>
+            <li class="badge-tag">
               <a href="#{{tag|downcase}}">
                 {{ tag | capitalize }}
                 <span>{{ site.categories[tag] | size }}</span>
@@ -83,7 +85,7 @@
           {% endfor %}
         {% elsif source == 'tags' %}
           {% for tag in word_array %}
-            <li>
+            <li class="badge-tag">
               <a href="#{{ tag | replace: '+','_' | replace: ' ','_' | downcase }}">
                 {{ tag }}
                 <span>{{ site.tags[tag] | size }}</span>

data/_includes/themes/j1/procedures/layouts/module_writer.proc

@@ -174,7 +174,7 @@ NO need to load this again
                 {% if resource_settings.pass_init_data %}
 
                   // [INFO   ] [j1.layout.module_writer.proc          ] [ pass init data for: {{resource_settings.id}} ]
-                  {% capture settings %}{"layout": "{{page.layout}}", "fam_menu_id": "{{page.fam_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}"}{% endcapture %}
+                  {% capture settings %}{"layout": "{{page.layout}}", "fab_menu_id": "{{page.fab_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}"}{% endcapture %}
                   var settings = $.extend({}, {{settings}});
 
                   {% comment %} create resource_settings.dependencies (if any)

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

@@ -169,7 +169,7 @@
               <div class="card-footer r-text-200 text-lowercase">
 
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   class="btn btn-secondary btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> {{readmore_text}} · {{post.tagline}}
                 </a>
@@ -191,7 +191,7 @@
               <div class="card-footer r-text-200 text-lowercase">
 
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   class="btn btn-secondary btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> {{readmore_text}} · {{post.tagline}}
                 </a>
@@ -200,7 +200,7 @@
           {% else %}
             <!-- !place_icon && !place_image -->
             <!-- div class="timeline-body" -->
-            <div class="card-body r-text-300 mt-4">
+            <div class="card-body r-text-300">
               <!-- div class="tagline">
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div -->

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

@@ -99,7 +99,7 @@
            </div>
            {% if readmore %}
            <div class="card-footer">
-             <a href="#readmore" class="btn btn-info btn-raised pull-right smoothscroll"> <i class="mdi mdi-eye mdi-lg" style="color:#FFFFFF" %}=""></i> Read More </a>
+             <a href="#readmore" class="btn btn-info pull-right smoothscroll"> <i class="mdi mdi-eye mdi-lg" style="color:#FFFFFF" %}=""></i> Read More </a>
            </div>
            {% endif %}
 

data/_layouts/default.html

@@ -49,44 +49,59 @@ layout:                                 compress
 
 {% comment %} initialize global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment       = site.environment %}
-{% assign template_version  = site.version %}
-{% assign compress          = site.compress_html.enabled %}
-{% assign prettify          = data.j1_config.prettify %}
+{% assign environment          = site.environment %}
+{% assign template_version     = site.version %}
+{% assign compress             = site.compress_html.enabled %}
+{% assign prettify             = data.j1_config.prettify %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.j1_config %}
-{% assign blocks            = site.data.blocks %}
-{% assign modules           = site.data.modules %}
+{% assign template_config      = site.data.j1_config %}
+{% assign blocks               = site.data.blocks %}
+{% assign modules              = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign scroller_defaults    = modules.defaults.scroller %}
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_defaults    = modules.defaults.webhooks.defaults %}
-{% assign webhook_settings    = modules.webhooks.settings %}
+{% assign webhook_defaults     = modules.defaults.webhooks.defaults %}
+{% assign webhook_settings     = modules.webhooks.settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign tooltips_options    = template_config.bootstrap.tooltips %}
-{% assign popovers_options    = template_config.bootstrap.popovers %}
+{% assign tooltips_options     = template_config.bootstrap.tooltips %}
+{% assign popovers_options     = template_config.bootstrap.popovers %}
+{% assign smoothscroll_options = template_config.smoothScroll %}
+
+
+{% comment %} tooltips_options: {{ tooltips_options | debug }}{% endcomment %}
+
 
 {% comment %} Webhooks disabled
 --------------------------------------------------------------------------------
-{% assign webhook_options     = webhook_defaults | merge: webhook_settings %}
+{% assign webhook_options      = webhook_defaults | merge: webhook_settings %}
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% assign lanes_collate     = data.layouts.default.lanes %}
-{% assign logon_client      = data.modules.j1_sign_in_up %}
-{% assign body_scrollbar    = data.j1_config.body.scrollbar %}
+{% assign lanes_collate        = data.layouts.default.lanes %}
+{% assign logon_client         = data.modules.j1_sign_in_up %}
+{% assign body_scrollbar       = data.j1_config.body.scrollbar %}
 
+{% if smoothscroll_options.enabled and smoothscroll_options.scrollInPageHashes %}
+  {% assign scroll_inpage_hashes = true %}
+{% endif %}
+
+{% comment %} Overload properties from page options
+-------------------------------------------------------------------------------- {% endcomment %}
 {% if page.scrollbar %}
   {% assign body_scrollbar = page.scrollbar %}
 {% endif %}
 
+{% if page.scrollInPageHashes != nil %}
+  {% assign scroll_inpage_hashes = page.scrollInPageHashes %}
+{% endif %}
 
 {% comment %} main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -126,12 +141,18 @@ layout:                                 compress
 
   <body>
 
-  {% comment %} wrapper to prevent "DOM flicker"
+  {% comment %} wrapper to suppress "DOM flicker"|"Overflows"
+  NOTE:
+    2021-11-13:
+    Since moved to bs@5, a overflow is on the HOME page
+    !!! NOT seen on content pages !!!
   ------------------------------------------------------------------------------ {% endcomment %}
     <!-- [INFO   ] [j1.layout.default.html                ] [ start page processing for region: 'body' ] -->
     <!-- [INFO   ] [j1.layout.default.html                ] [ place wrapper to prevent "DOM flicker" ] -->
     <!-- [INFO   ] [j1.layout.default.html                ] [ make page hidden (suppress flicker) ] -->
-    <div id="no_flicker" style="display: none">
+    <!-- [INFO   ] [j1.layout.default.html                ] [ suppress page overflows (overflow: hidden) ] -->
+    <!-- div id="no_flicker" style="display: none" -->
+    <div id="no_flicker" style="overflow: hidden; display: none">
 
       {% comment %} collect the BODY-NAVIGATION region
       -------------------------------------------------------------------------- {% endcomment %}
@@ -230,15 +251,20 @@ layout:                                 compress
     $(function() {
     {% comment %} BS tooltips and popovers
     ---------------------------------------------------------------------------- {% endcomment %}
-    // initialize BS tooltips and popovers
+
     {% if tooltips_options.enabled %}
-      $('[data-toggle="tooltip"').tooltip({
-        trigger: '{{tooltips_options.trigger}}'
+      // initialize BS tooltips
+      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+      var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+        return new bootstrap.Tooltip(tooltipTriggerEl)
       });
     {% endif %}
+
     {% if popovers_options.enabled %}
-      $('[data-toggle="popover"').popover({
-        trigger: '{{popovers_options.trigger}}'
+      // initialize BS popovers
+      var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+      var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
+        return new bootstrap.Popover(popoverTriggerEl)
       });
     {% endif %}
 
@@ -267,6 +293,24 @@ layout:                                 compress
           clearInterval(dependencies_met_page_ready);
         }
       });
+
+      {% if scroll_inpage_hashes %}
+      // In-page HASH anchor links on click based on Chris Coyier's solution
+      // See: https://css-tricks.com/snippets/jquery/smooth-scrolling/
+      $('a[href^="#"]:not([href="#"])').click(function(e) {
+        if (location.hostname == this.hostname) {
+          var target = $(this.hash);
+          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+          if (target.length) {
+            $('html, body').animate({
+              scrollTop: target.offset().top - 100 + 'px'
+            }, 200);
+            return false;
+          }
+        }
+      });
+      {% endif %}
+
     });
   </script>
   <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->

data/_layouts/home.html

@@ -83,7 +83,7 @@ debug:                                  false
   {% comment %} Collect the BODY-MAIN region
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.layout.home.html                   ] [ call content_writer for region: 'body-main' ] -->
-  <main id="content" class="container-fluid no-padding r-text-{{rtext_size}}">
+  <main id="content" class="container-fluid g-0 r-text-{{rtext_size}}">
       {% include  {{content_writer}} region='body-main' items=lanes_collate %}
   </main>
   <!-- [INFO   ] [j1.layout.home.html                   ] [ end processing content_writer for region: 'body-main' ] -->

data/_layouts/raw.html

@@ -65,7 +65,8 @@ debug:                                  false
   {% comment %} Collect the BODY-MAIN region
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.layout.raw.html                 ] [ call content_writer for region: 'body-main' ] -->
-  <div class="raw_container" style="padding-right: 0px; padding-left: 0px;">
+  <!-- div class="raw_container" style="padding-right: 0px; padding-left: 0px;" -->
+  <div class="container-fluid">    
     {% include {{content_writer}} region='body-main' items=lanes_collate %}
   </div>
   <!-- [INFO   ] [j1.layout.raw.html                  ] [end processing content_writer for region: 'body-main' ] -->

data/assets/data/article_navigator/index.html

@@ -16,7 +16,7 @@ pagination:
 
 sort:                                   date
 toc:                                    false
-# fam_menu_id:                          open_toc
+# fab_menu_id:                          open_toc
 
 robots:
   index:                                false

data/assets/data/authclient.html

@@ -185,7 +185,7 @@ exclude_from_search:                    true
 
               {% if provider == 'disqus' and auth_disqus_enabled %}
               <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_disqus_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_disqus_id }}" role="tab" data-bs-toggle="tab" aria-expanded="false" aria-selected="false">
                   <i class="mdi mdi-disqus mt-1 mb-2"></i> {{ auth_disqus_title }}
                 </a>
               </li>
@@ -193,7 +193,7 @@ exclude_from_search:                    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">
+                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_github_id }}" role="tab" data-bs-toggle="tab" aria-expanded="false" aria-selected="true">
                   <i class="mdi mdi-github mt-1 mb-2"></i> {{ auth_github_title }}
                 </a>
               </li>
@@ -201,7 +201,7 @@ exclude_from_search:                    true
 
               {% if provider == 'facebook' and auth_facebook_enabled %}
               <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_facebook_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_facebook_id }}" role="tab" data-bs-toggle="tab" aria-expanded="false" aria-selected="false">
                   <i class="mdi mdi-facebook mt-1 mb-2"></i> {{ auth_facebook_title }}
                 </a>
               </li>
@@ -209,7 +209,7 @@ exclude_from_search:                    true
 
               {% if provider == 'twitter' and auth_twitter_enabled %}
               <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_twitter_id }}" role="tab" data-toggle="tab" aria-expanded="false" aria-selected="false">
+                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_twitter_id }}" role="tab" data-bs-toggle="tab" aria-expanded="false" aria-selected="false">
                   <i class="mdi mdi-twitter mt-1 mb-2"></i> {{ auth_twitter_title }}
                 </a>
               </li>
@@ -217,7 +217,7 @@ exclude_from_search:                    true
 
               {% if provider == 'patreon' and auth_patreon_enabled %}
               <li class="nav-item">
-                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_patreon_id }}" role="tab" data-toggle="tab" aria-expanded="true" aria-selected="false">
+                <a class="nav-link{{active_flag}}" href="#h-tabs-{{ auth_patreon_id }}" role="tab" data-bs-toggle="tab" aria-expanded="true" aria-selected="false">
                   <i class="mdi mdi-patreon mt-1 mb-2"></i>
                   {{ auth_patreon_title }}
                 </a>
@@ -259,11 +259,11 @@ exclude_from_search:                    true
 
         <!-- Footer -->
         <div class="modal-footer justify-content-center">
-          <a type="button" id="signInButton" class="btn btn btn-raised btn-flex btn-md btn-primary mr-3" data-dismiss="modal">
+          <a type="button" id="signInButton" class="btn btn btn-flex btn-md btn-primary mr-3" data-bs-dismiss="modal">
             <i class="mdi mdi-18px mdi-login mr-1"></i>
             Yes, please
           </a>
-          <a type="button" id="exitButton" class="btn btn btn-raised btn-flex btn-md btn-secondary" data-dismiss="modal">
+          <a type="button" id="exitButton" class="btn btn btn-flex btn-md btn-secondary" data-bs-dismiss="modal">
             <i class="mdi mdi-18px mdi-close mr-1"></i>
             No, thanks
           </a>
@@ -328,11 +328,11 @@ exclude_from_search:                    true
 
         <!-- Footer -->
         <div class="modal-footer">
-          <a type="button" id="signOutButton" class="btn btn btn-raised btn-flex btn-md btn-danger mr-3" data-dismiss="modal">
+          <a type="button" id="signOutButton" class="btn btn btn-flex btn-md btn-danger mr-3" data-bs-dismiss="modal">
             <i class="mdi mdi-18px mdi-logout mr-1"></i>
             Yes, please
           </a>
-          <a type="button" id="exitButton" class="btn btn btn-raised btn-flex btn-md btn-secondary" data-dismiss="modal">
+          <a type="button" id="exitButton" class="btn btn btn-flex btn-md btn-secondary" data-bs-dismiss="modal">
             <i class="mdi mdi-18px mdi-close mr-1"></i>
             No, thanks
           </a>
@@ -362,7 +362,7 @@ exclude_from_search:                    true
         </div>
         <!-- Footer -->
         <div class="modal-footer justify-content-center">
-          <a type="button" class="btn btn btn-raised btn-flex btn-md btn-primary" data-dismiss="modal">OK</a>
+          <a type="button" class="btn btn btn-flex btn-md btn-primary" data-bs-dismiss="modal">OK</a>
         </div>
       </div>
       <!-- END Content -->
@@ -381,7 +381,7 @@ exclude_from_search:                    true
         <div class="modal-body">
           <div class="row px-4">
             <p class="pt-1 pr-2">You're already signed in</p>
-            <a type="button" class="btn btn btn-raised btn-flex btn-md btn-primary" data-dismiss="modal"OK</a>
+            <a type="button" class="btn btn btn-flex btn-md btn-primary" data-bs-dismiss="modal"OK</a>
           </div>
         </div>
       </div>