j1-template 2021.3.2 → 2022.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fc1e60d0a78f71a49061cb5cadc8940289c18066fb6d578d376fb121a11064f7
-  data.tar.gz: 45bd62cbc8a49576c26ce309bec32bc6a0ae299ed99bb2c83e4f1954864a82e8
+  metadata.gz: f48af67d26bc5bcab68916bc3e7dad3e89852cf3813d6a192434c011c52439e0
+  data.tar.gz: 8aac11c72ba50d229154e23ba3c5a0ef7a20c063c5612ad4a3ea45a38d61a185
 SHA512:
-  metadata.gz: 4cceae8cffadc23ae098b1aacd95527a0b31f2026d677ca034db32fc0d7a50eb677248e0f7526cb6282a41009e884c267202b539eef5b6a6688ff04003cb9f3d
-  data.tar.gz: 0b88cf195257feec09dabf4640629d7fc5fc6c9d430e2c66c7348c11067b7fb8b5f68edea09c870036da2ccce4242644086c3fbf513fc6c21c49a2402190ee9b
+  metadata.gz: f17354d4cea9fefd1b448d4c31c0a099609bd1cac7b533baa9b14299c85658d0e6791d024cc66bbcaaab4f6b9177064aa225332918b234ba227b8c357ebcbd32
+  data.tar.gz: 0d1d9f181e9ea7f9abb83ff00cf864556aeffba8ddab3a64753df2726522ab04ead61581b6c7872f3eefcf9322bfaf3ca9866f565ef368b51a128b99b75d266b

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,7 +95,7 @@
       {% 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">
+        <div class="navbar navbar-dark bg-primary raised-z2">
           <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator" aria-label="drawer-toggler-button">
             <span class="mdi mdi-menu mdi-2x"></span>
           </button>
@@ -103,7 +103,7 @@
             <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/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-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-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-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-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 ml-3">
   <div class="tag__box mt-0 mb-2">
     <div class="tag__cloud">
 

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

@@ -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/_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/banner.html

@@ -136,6 +136,7 @@ exclude_from_search:                    true
         {% when 'teaser' %}
         {% assign banner_options = banner_config_defaults.teaser | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
+
         <section id="{{banner_settings.id}}" class="container">
           <div class="row {{banner_settings.properties}}">
           {% assign card_items = cards | size %}
@@ -152,7 +153,6 @@ exclude_from_search:                    true
                 {% if key == 'icon_size' %}               {% assign icon_size         = value %}                   {% endif %}
                 {% if key == 'icon_color' %}              {% assign icon_color        = value %}                   {% endif %}
                 {% if key == 'image_path' %}              {% assign card_image_path   = value %}                   {% endif %}
-                {% if key == 'animate' %}                 {% assign card_animate      = value %}                   {% endif %}
                 {% if key == 'description_properties' %}  {% assign card_properties   = value %}                   {% endif %}
                 {% if key == 'title' %}                   {% assign card_title        = value | strip_newlines%}   {% endif %}
                 {% if key == 'description' %}             {% assign card_description  = value | strip_newlines%}   {% endif %}
@@ -181,12 +181,6 @@ exclude_from_search:                    true
               {% assign card_width_md = 12 | divided_by: card_items %}
             {% endif %}
 
-            {% if card_animate %}
-              {% assign card_animate = card_animate %}
-            {% else %}
-              {% assign card_animate = '' %}
-            {% endif %}
-
             {% comment %} TODO: Add payment_url to config
             -------------------------------------------------------------------- {% endcomment %}
             {% assign patreon_enabled     = true %}
@@ -198,10 +192,10 @@ exclude_from_search:                    true
             {% capture payment_url %}{{patreon_home}}/{{pledge_url}}/{{vanity}}{% endcapture %}
 
             {% if card_type == 'text' and card_enabled %}
-            {% if card_animate %} {% capture animate %}animated {{card_animate}}{% endcapture %} {% endif %}
+
             <!-- Heading -->
-            <div class="row">
-              <div class="{{animate}} mb-2">
+            <div class="noclass">
+              <div>
                 <h2 class="g-font-weight-500 mb-0">{{card_title}}</h2>
                 <p class="tagline mb-0">{{card_tagline}}</p>
                 <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
@@ -210,11 +204,11 @@ exclude_from_search:                    true
             <!-- End Heading -->
 
             <!-- Body -->
-            <div class="row {{animate}}">
+            <div class="noclass">
               <div class="{{card_properties}}">{{card_description}}</div>
               {% if card_buttons %}
               <!-- Footer|Button row -->
-              <div class="mt-1 text-center">
+              <div>
                 {% for button_hash in card_buttons %}
                   {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
                   {{bs_button_html}}

data/assets/data/cookieconsent.html

@@ -79,8 +79,8 @@ exclude_from_search:                    true
           <p class="mb-4">{{consent_options.modal_settings.body_text.en}}</p>
         </div>
         <p>
-          <a href="#bccs-privacy" data-toggle="collapse" class="">Privacy Notice</a>
-          <a href="#bccs-options" data-toggle="collapse" class="float-right">My Settings</a>
+          <a href="#bccs-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
+          <a href="#bccs-options" data-bs-toggle="collapse" class="float-right">My Settings</a>
         </p>
 
         <div id="bccs-privacy" class="collapse">
@@ -96,9 +96,9 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
-                <span class="bmd-switch-track"></span>
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked disabled>
                 Necessary (Session Cookies)
+                <span class="bmd-switch-track"></span>
               </label>
               <ul>
                 <li>Required to run the website</li>
@@ -108,7 +108,7 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
                 Analysis (Persistent Cookies)
               </label>
@@ -122,7 +122,7 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
                 Personalization (Persistent Cookies)
               </label>
@@ -173,8 +173,8 @@ exclude_from_search:                    true
           <p class="mb-4">{{consent_options.modal_settings.body_text.de}}</p>
         </div>
         <p>
-          <a href="#bccs-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
-          <a href="#bccs-options" data-toggle="collapse" class="float-right">Meine Einstellungen</a>
+          <a href="#bccs-privacy" data-bs-toggle="collapse" class="">Datenschutzerklärung</a>
+          <a href="#bccs-options" data-bs-toggle="collapse" class="float-right">Meine Einstellungen</a>
         </p>
 
         <div id="bccs-privacy" class="collapse">
@@ -190,7 +190,7 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked disabled>
                 <span class="bmd-switch-track"></span>
                 Notwendig (Sitzungscookies)
               </label>
@@ -202,7 +202,7 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
                 Analysen (dauerhafte Cookies)
               </label>
@@ -216,7 +216,7 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
                 Personalisierung (dauerhafte Cookies)
               </label>