j1-template 2022.0.1 → 2022.0.5

data/lib/starter_web/_data/builder/defaults/blog_navigator.yml

@@ -154,8 +154,8 @@ defaults:
         en:                             Next
         de:                             Nächster
       back:
-        en:                             Back
-        de:                             Zurück
+        en:                             Navigator
+        de:                             Navigator
       first:
         en:                             First
         de:                             Erster
@@ -220,9 +220,9 @@ defaults:
         headline:                       Preview
         description: >
                                         All articles are reverse ordered by date. The current articles are displayed
-                                        first. From the FAB button <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
+                                        first. From the FAB button <a href="#" class="btn-fab-floating btn-small btn-md-blue">
                                         <i class="mdi mdi-plus"></i>FAB button</a> you can reach a table of contents
-                                        <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
+                                        <a href="#" class="btn-fab-floating btn-small btn-md-blue">
                                         <i class="mdi mdi-wrap mdi-"></i>open_mmenu_toc</a> of all available articles
                                         in the same order. To preview older posts, use the button <b>Older Posts</b> from
                                         the Preview Bar. For newer posts use the button <b>Newer Posts</b> for more recent
@@ -231,10 +231,10 @@ defaults:
         headline:                       Vorschau
         description: >
                                         Alle Artikel sind in umgekehrter Reihenfolge ihres Erscheinens
-                                        gruppiert. Aktuellere Beiträge werden zuerst angezeigt. Über den FAM-Button
-                                        <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
+                                        gruppiert. Aktuellere Beiträge werden zuerst angezeigt. Über den FAB-Button
+                                        <a href="#" class="btn-fab-floating btn-small btn-md-blue">
                                         <i class="mdi mdi-plus"></i>FAB button</a> erreichen Sie ein
-                                        Inhaltsverzeichnis <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
+                                        Inhaltsverzeichnis <a href="#" class="btn-fab-floating btn-small btn-md-blue">
                                         <i class="mdi mdi-wrap mdi-"></i>open_mmenu_toc</a> über alle verfübaren Artikel
                                         in gleicher Reihenfolge. Zur Anzeige älterer Artikel, verwenden Sie die Schältfläche
                                         <b>Ältere Beiträge</b>. Für jüngere Posts klicken Sie auf die Schältfläche
@@ -256,7 +256,7 @@ defaults:
                                         btn-md-blue raised-z5" aria-label="fab-button">
                                         <i class="mdi mdi-wrap"></i></button> of all available
                                         articles in the same order.
-                                        <br/><br/>
+                                        <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
                                         <b>main page</b> of the Navigator. Articles ordered by <b>category</b>
                                         can be found in the view <b>By Category</b>. To search for posts
@@ -266,15 +266,15 @@ defaults:
         description: >
                                         Auf dieser Seite finden Sie alle Artikel aus dem <b>Archiv</b> der
                                         Blog-Beiträge. Die Artikel sind in umgekehrter Reihenfolge ihres Erscheinens
-                                        gruppiert. Aktuellere Beiträge werden zuerst angezeigt. Über den FAM-Button
+                                        gruppiert. Aktuellere Beiträge werden zuerst angezeigt. Über den FAB-Button
                                         <button type="button" class="btn-fab-floating btn-small btn-md-blue raised-z5"
-                                        aria-label="fab-button"><i class="mdi mdi-plus"></i></button> erreichen Sie ein
-                                        Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small
-                                        btn-md-blue raised-z5" aria-label="fab-button"> über alle verfübaren Artikel
-                                        in gleicher Reihenfolge.
-                                        <br/><br/>
-                                        In der <b>Navigationszeile</b> gelangen Sie zurück zur <b>Hauptseite</b>
-                                        des Navigators. Artikel nach ihrer Kategorie sind über die Seite
+                                        aria-label="fab-button"> <i class="mdi mdi-plus"></i></button> erreichen Sie ein
+                                        Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small btn-md-blue
+                                        raised-z5" aria-label="fab-button"> <i class="mdi mdi-wrap"></i></button>
+                                        über alle verfübaren Artikel in gleicher Reihenfolge.
+                                        <br><br>
+                                        In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
+                                        <b>Hauptseite</b> des Navigators. Artikel nach ihrer Kategorie sind über die Seite
                                         <b>Nach Kategorie</b> zu finden. Um Beiträge im Archiv nach <b>Datum</b>
                                         zu durchsuchen, rufen Sie die Anzeige <b>Nach Datum</b> auf.
 
@@ -295,27 +295,31 @@ defaults:
                                         btn-md-blue raised-z5" aria-label="fab-button">
                                         <i class="mdi mdi-wrap"></i></button> of all available articles
                                         in the same order.
-                                        <br/><br/>
+                                        <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
                                         <b>main page</b> of the Navigator. To search for articles in the
                                         archive by date, go for the view <b>By Date</b>. All articles in
                                         reverse order of appearance can be found in the view <b>All Posts</b>.
+
       de:
         headline:                       Artikel nach Kategorie
         description: >
                                         Auf dieser Seite finden Sie alle Artikel aus dem <b>Archiv</b> der
                                         Blog-Beiträge. Die Artikel sind nach <b>Kategorie</b> gruppiert.
-                                        Über den FAM-Button <button type="button" class="btn-fab-floating btn-small
-                                        btn-md-blue raised-z5" aria-label="fab-button"><i class="mdi mdi-plus"></i>
-                                        </button> erreichen Sie ein Inhaltsverzeichnis <button type="button"
-                                        class="btn-fab-floating btn-small btn-md-blue raised-z5" aria-label="fab-button">
+                                        Über den FAB-Button
+                                        <button type="button" class="btn-fab-floating btn-small btn-md-blue raised-z5"
+                                        aria-label="fab-button"> <i class="mdi mdi-plus"></i></button>
+                                        erreichen Sie ein Inhaltsverzeichnis
+                                        <button type="button" class="btn-fab-floating btn-small btn-md-blue
+                                        raised-z5" aria-label="fab-button"> <i class="mdi mdi-wrap"></i></button>
                                         über alle verfübaren Artikel in gleicher Reihenfolge.
-                                        <br/><br/>
-                                        In der <b>Navigationszeile</b> gelangen Sie zurück zur <b>Hauptseite</b>
-                                        des Navigators. Um Artikel im Archiv nach <b>Datum</b> zu durchsuchen,
-                                        rufen Sie die Anzeige <b>Nach Datum</b> auf. Alle Artikel in umgekehrter
-                                        Reihenfolge ihres Erscheinens sind in der Ansicht <b>Alle Beiträge</b>
-                                        zu finden.
+                                        <br><br>
+                                        In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
+                                        <b>Hauptseite</b> des Navigators. Um Artikel im Archiv nach <b>Datum</b>
+                                        zu durchsuchen, rufen Sie die Anzeige <b>Nach Datum</b> auf. Alle Artikel
+                                        in umgekehrter Reihenfolge ihres Erscheinens sind in der Ansicht
+                                        <b>Alle Beiträge</b> zu finden.
+
   date_view:
     page_text:
       enabled:                          true
@@ -332,7 +336,7 @@ defaults:
                                         btn-md-blue raised-z5" aria-label="fab-button">
                                         <i class="mdi mdi-wrap"></i></button> of all available articles
                                         in the same order.
-                                        <br/><br/>
+                                        <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
                                         <b>main page</b> of the Navigator. To search for articles in the
                                         archive by category, go for the view <b>By Category</b>. All articles
@@ -342,15 +346,16 @@ defaults:
         description: >
                                         Auf dieser Seite finden Sie alle Artikel aus dem <b>Archiv</b> der
                                         Blog-Beiträge. Die Artikel sind nach <b>Datum</b> gruppiert.
-                                        Über den FAM-Button <button type="button" class="btn-fab-floating
+                                        Über den FAB-Button <button type="button" class="btn-fab-floating
                                         btn-small btn-md-blue raised-z5" aria-label="fab-button">
                                         <i class="mdi mdi-plus"></i></button> erreichen Sie ein
                                         Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small
-                                        btn-md-blue raised-z5" aria-label="fab-button"> über alle verfübaren Artikel
+                                        btn-md-blue raised-z5" aria-label="fab-button">
+                                        <i class="mdi mdi-wrap"></i></button> über alle verfübaren Artikel
                                         in gleicher Reihenfolge.
-                                        <br/><br/>
-                                        In der <b>Navigationszeile</b> gelangen Sie zurück zur <b>Hauptseite</b>
-                                        des Navigators. Um Artikel im Archiv nach <b>Kategorien</b> zu durchsuchen,
+                                        <br><br>
+                                        In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
+                                        <b>Hauptseite</b> des Navigators. Um Artikel im Archiv nach <b>Kategorien</b> zu durchsuchen,
                                         rufen Sie die Anzeige <b>Nach Kategorie</b> auf. Alle Artikel in umgekehrter
                                         Reihenfolge ihres Erscheinens sind in der Ansicht <b>Alle Beiträge</b>
                                         zu finden.
@@ -363,12 +368,13 @@ defaults:
         description: >
                                         On this page you will find all articles from the <b>archive</b>
                                         of the blog posts. The articles are grouped by <b>Tag</b>.
-                                        From the FAB button <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
-                                        <i class="mdi mdi-plus"></i>FAB button</a> you can reach a
-                                        table of contents <a href="#void" class="btn-fab-floating btn-small btn-md-blue">
-                                        <i class="mdi mdi-wrap mdi-"></i>open_mmenu_toc</a> of all available articles
+                                        From the FAB button <button type="button" class="btn-fab-floating
+                                        btn-small btn-md-blue raised-z5" aria-label="fab-button">
+                                        <i class="mdi mdi-plus"></i></button> you can reach a
+                                        table of contents <button type="button" class="btn-fab-floating btn-small
+                                        btn-md-blue raised-z5" aria-label="fab-button"> of all available articles
                                         in the same order.
-                                        <br/><br/>
+                                        <br><br>
                                         From the navigation bar, <b>Navigator</b> takes you back to the
                                         <b>main page</b> of the Navigator. To search for articles in the
                                         archive by <b>category</b>, go for the view <b>By Category</b>.
@@ -379,17 +385,17 @@ defaults:
         description: >
                                         Auf dieser Seite finden Sie alle Artikel aus dem <b>Archiv</b> der
                                         Blog-Beiträge. Die Artikel sind nach <b>Tag</b> gruppiert.
-                                        Über den FAM-Button <button type="button" class="btn-fab-floating
+                                        Über den FAB-Button <button type="button" class="btn-fab-floating
                                         btn-small btn-md-blue raised-z5" aria-label="fab-button">
                                         <i class="mdi mdi-plus"></i></button> erreichen Sie ein
                                         Inhaltsverzeichnis <button type="button" class="btn-fab-floating btn-small
                                         btn-md-blue raised-z5" aria-label="fab-button"> über alle verfübaren Artikel
                                         in gleicher Reihenfolge.
-                                        <br/><br/>
-                                        In der <b>Navigationszeile</b> gelangen Sie zurück zur <b>Hauptseite</b>
-                                        des Navigators. Um Artikel im Archiv nach <b>Kategorien</b> zu durchsuchen,
-                                        rufen Sie die Anzeige <b>Nach Kategorie</b> auf. Alle Artikel in umgekehrter
-                                        Reihenfolge ihres Erscheinens sind in der Ansicht <b>Alle Beiträge</b>
+                                        <br><br>
+                                        In der Navigationszeile gelangen Sie über <b>Navigator</b> zurück zur
+                                        <b>Hauptseite</b> des Navigators. Um Artikel im Archiv nach <b>Kategorien</b>
+                                        zu durchsuchen, rufen Sie die Anzeige <b>Nach Kategorie</b> auf. Alle Artikel
+                                        in umgekehrter Reihenfolge ihres Erscheinens sind in der Ansicht <b>Alle Beiträge</b>
                                         zu finden.
 
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/j1_config.yml

@@ -36,7 +36,7 @@
 #   default:                            https://jekyll.one/
 # ------------------------------------------------------------------------------
 theme:
-  name:                                 Uno light
+  name:                                 UnoLight
   author:                               J1 Team
   author_url:                           https://jekyll.one/
 
@@ -295,7 +295,7 @@ preload:
   css:
     preload:                              true
     css:                                  [
-                                            /assets/themes/j1/core/css/themes/uno-light/bootstrap,
+                                            /assets/themes/j1/core/css/themes/unolight/bootstrap,
                                             /assets/themes/j1/core/css/vendor
                                           ]
     files:                                []

data/lib/starter_web/_data/modules/defaults/attics.yml

@@ -67,7 +67,7 @@ defaults:
 
   action_enabled:                       false
   action_url:                           "#void"
-  action_button:                        btn-default btn-raised
+  action_button:                        btn-default
   action_icon:                          download                                # cloud-action
   action_icon_family:                   MDI                                     # FontAweSome
   action_text:                          Download Now

data/lib/starter_web/_data/modules/defaults/navigator.yml

@@ -166,33 +166,53 @@ defaults:
     icon_color_hover:                   rgba(255, 255, 255, 0.9)                # rgba-lighten-900
     icon_size:                          mdi-2x
 
-    cookies_icon:                       cookie
-    top_search_icon:                    magnify
-    translate_icon:                     google-translate
-
-    translator_icon:                    flag-variant
-
-    toc_icon:                           wrap
-
+    # Link buttons
+    # --------------------------------------------------------------------------
     home_icon:                          home-variant
     home_url:                           none
-
-    r_text_sizer:                       false
-    r_text_icon:                        format-text                             # format-color-text format-annotation-plus
+    home_label:                         Home
 
     back_icon:                          subdirectory-arrow-left
     back_url:                           none
+    back_label:                         Page back
 
     disqus_icon:                        disqus
     disqus_url:                         none
+    disqus_label:                       Disqus
+
     github_icon:                        github-circle
     github_url:                         none
+    github_label:                       Github
+
     patreon_icon:                       patreon
     patreon_url:                        none
+    patreon_label:                      Patreon
+
     facebook_icon:                      facebook
     facebook_url:                       none
+    facebook_label:                     Facebook
+
     twitter_icon:                       twitter
     twitter_url:                        none
+    twitter_label:                      Twitter
+
+    # Action buttons
+    # --------------------------------------------------------------------------
+    quicksearch_icon:                   magnify
+    quicksearch_action:                 quicksearch
+    quicksearch_label:                  Search
+
+    cookies_icon:                       cookie
+    cookies_action:                     cookie-consent
+    cookies_label:                      Cookie Consent
+
+    translate_icon:                     google-translate
+    translate_action:                   translate
+    translate_label:                    Google Translate
+
+    r_text_icon:                        false                                   # format-text
+    r_text_action:                      rtext
+    r_text_label:                       Text Resizer
 
   # ----------------------------------------------------------------------------
   # NavTopsearch

data/lib/starter_web/_data/modules/translator.yml

@@ -27,9 +27,9 @@ settings:
 
   enabled:                              true
   translatorName:                       google
-  contentLanguage:                      en
-  dialogLanguage:                       en
-  translationLanguage:                  de
+  contentLanguage:                      en                                      # [auto|any supported language], auto: language set by site config
+  dialogLanguage:                       auto                                    # [auto|en|de], auto: language set by site config
+  translationLanguage:                  de                                      # any supported language
 
 # ------------------------------------------------------------------------------
 # END config

data/lib/starter_web/_data/private.yml

@@ -23,8 +23,9 @@
 # ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 global:
 
-  # used by J1 for encryption
-  session_secret:                       <your-secret-string>
+  # used for OpenSSL AES encryption
+  # secretkey MUST be 32 bytes (AES|CBC)
+  secretkey:                            <your-secret-string>
 
 
 # ==============================================================================

data/lib/starter_web/_data/resources.yml

@@ -354,14 +354,18 @@ resources:
       pass_init_data:                   true
       data:
         css:                            [
-                                          core/css/themes/uno-light/bootstrap,
+                                          core/css/themes/unolight/bootstrap,
                                           core/css/icon-fonts/mdi,
                                           core/css/icon-fonts/mdil,
                                           core/css/icon-fonts/fontawesome,
                                           core/css/vendor
 
                                         ]
-        files:                          [ adapter/js/j1.js ]
+        files:                          [
+                                          adapter/js/j1.js,
+#                                         modules/cryptoJS/js/aes.js,
+#                                         "https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"
+                                        ]
         js:                             [
                                           modules/gtag-opt-in/js/gtag-opt-in,
                                           modules/jquery/js/jquery,
@@ -1299,7 +1303,28 @@ resources:
       data:
         css:                            []
         files:                          []
-        js:                             [ modules/deeplAPI/js/deeplAPI ]
+        js:                             [ modules/cryptoJS/js/aes, modules/deeplAPI/js/deeplAPI ]
+        init_function:                  []
+
+  # ----------------------------------------------------------------------------
+  # cryptoJS, JavaScript implementations of standard and secure cryptographic algorithms
+  #
+  - name:                               cryptoJS
+    resource:
+      id:                               cryptoJS
+      enabled:                          true
+      comment:                          cryptoJS
+      region:                           head
+      layout:                           [ all ]
+      required:                         ondemand
+      preload:                          false
+      script_load:                      defer
+      dependencies:                     false
+      pass_init_data:                   false
+      data:
+        css:                            []
+        files:                          []
+        js:                             [ modules/cryptoJS/js/aes ]
         init_function:                  []
 
   # ----------------------------------------------------------------------------

data/lib/starter_web/_includes/attributes.asciidoc

@@ -432,7 +432,7 @@ end::tables[]
 // -----------------------------------------------------------------------------
 tag::products[]
 :j1--license:                                     MIT License
-:j1--version:                                     2022.0.1
+:j1--version:                                     2022.0.5
 :j1--site-name:                                   Jekyll One
 end::products[]
 

data/lib/starter_web/_plugins/encodeBase64.rb

@@ -0,0 +1,46 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/encodeBase64.rb
+# Liquid filter for J1 Template to Base64 encode
+#
+# 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
+# ------------------------------------------------------------------------------
+#  NOTE:
+#  CustomFilters cannot be used in SAFE mode (e.g not usable for
+#  rendering pages with Jekyll on GitHub
+#
+#  USAGE:
+#    {% capture cache_name %}
+#
+#      liquid code to generate HTML output goes here
+#
+#    {% endcapture %}
+#    {{ cache_name | encode64 }}
+#
+# ------------------------------------------------------------------------------
+# noinspection SpellCheckingInspection
+# rubocop:disable Lint/UnneededDisable
+# rubocop:disable Style/Documentation
+# rubocop:disable Metrics/LineLength
+# rubocop:disable Layout/TrailingWhitespace
+# rubocop:disable Layout/SpaceAroundOperators
+# rubocop:disable Layout/ExtraSpacing
+# rubocop:disable Metrics/AbcSize
+# ------------------------------------------------------------------------------
+require 'base64'
+
+module Jekyll
+  module EncodeBase64
+    def encodeBase64(input)
+      encoded = Base64.encode64(input)
+      input = encoded
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::EncodeBase64)

data/lib/starter_web/_plugins/encryptAES.rb

@@ -0,0 +1,53 @@
+# ------------------------------------------------------------------------------
+# ~/_plugins/encode64JSON.rb
+# Liquid filter for J1 Template to Base64 encode a JSON string
+#
+# 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
+# ------------------------------------------------------------------------------
+#  NOTE:
+#  CustomFilters cannot be used in SAFE mode (e.g not usable for
+#  rendering pages with Jekyll on GitHub
+#
+#  USAGE:
+#    {% capture cache_name %}
+#
+#      liquid code to generate HTML output goes here
+#
+#    {% endcapture %}
+#    {{ cache_name | uglify }}
+# ------------------------------------------------------------------------------
+# noinspection SpellCheckingInspection
+# rubocop:disable Lint/UnneededDisable
+# rubocop:disable Style/Documentation
+# rubocop:disable Metrics/LineLength
+# rubocop:disable Layout/TrailingWhitespace
+# rubocop:disable Layout/SpaceAroundOperators
+# rubocop:disable Layout/ExtraSpacing
+# rubocop:disable Metrics/AbcSize
+# ------------------------------------------------------------------------------
+require 'openssl'
+require 'base64'
+
+module Jekyll
+  module EncryptAES
+    def encryptAES(input)
+      aes = OpenSSL::Cipher::Cipher.new('aes-128-cbc')
+      aes.encrypt
+
+      aes.key = '8c841fc2e3aa2bd5'
+      aes.iv = '0000000000000000'
+
+      encrypted = aes.update(input) + aes.final
+      encoded = Base64.encode64(encrypted)
+      input = encoded
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::EncryptAES)

data/lib/starter_web/_plugins/filters.rb

@@ -47,7 +47,8 @@ module Jekyll
   module J1_Filters
 
     EMPTY = ''
-    EMPTY_LINE = /^\s*\n/
+#   EMPTY_LINE = /^\s*\n/
+    EMPTY_LINE = /^\s*$\n/
     MULTIPLE_SPACES = / +/
     ALL_SPACES = /\s+/
     COMMENT_LINE = /^\s*#.*\n|\s*#.*\n/

data/lib/starter_web/_plugins/lunr_index.rb

@@ -364,6 +364,6 @@ end
 
 module Jekyll
   module J1LunrSearch
-    VERSION = '2022.0.1'
+    VERSION = '2022.0.5'
   end
 end

data/lib/starter_web/_plugins/minifyJSON.rb

@@ -1,6 +1,6 @@
 # ------------------------------------------------------------------------------
-# ~/_plugins/uglify.rb
-# Liquid filter for J1 Template to uglify JS
+# ~/_plugins/minifyJSON.rb
+# Liquid filter for J1 Template to minify a JSON string
 #
 # Product/Info:
 # http://jekyll.one

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1_starter",
-  "version": "2022.0.1",
+  "version": "2022.0.5",
   "description": "J1 Template Starter Web",
   "homepage": "https://your.site",
   "author": {

data/lib/starter_web/pages/_test_pages/100_side-bar-tester.adoc

@@ -124,7 +124,7 @@ gallery::jg_old_times[]
 
 ++++
 
-<button class="btn u-sidebar-navigation__toggler" id="sideNav-toggler" aria-haspopup="true" aria-expanded="false" aria-controls="sideNav" aria-label="Toggle Header" data-target="#sideNav" style="display: block;">
+<button class="btn u-sidebar-navigation__toggler" id="sideNav-toggler" aria-haspopup="true" aria-expanded="false" aria-controls="sideNav" aria-label="Toggle Header" data-bs-target="#sideNav" style="display: block;">
 <i id="fam-icon" class="mdi mdi-wrap mdi-"></i>
 </button>
 

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_info.asciidoc

@@ -5,9 +5,9 @@
 <div class="ml-2">
   <!-- Button trigger modal -->
   <button type="button"
-    class="btn btn-primary btn-raised"
-    data-toggle="modal"
-    data-target="#frameModalBottomSuccessDemo">
+    class="btn btn-primary"
+    data-bs-toggle="modal"
+    data-bs-target="#frameModalBottomSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_left_warning.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalBLWarningDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBLWarningDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_bottom_right_danger.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalBRDangerDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalBRDangerDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_central_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#centralModalSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#centralModalSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_left_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#fluidModalLeftInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalLeftInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_full_height_right_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#fluidModalRightSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#fluidModalRightSuccessDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#frameModalTopInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#frameModalTopInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_left_info.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalTLInfoDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTLInfoDemo">
     Launch Example
   </button>
 </div>

data/lib/starter_web/pages/_test_pages/_includes/documents/410_top_right_success.asciidoc

@@ -4,7 +4,7 @@
 ++++
 <div class="ml-2">
   <!-- Button trigger modal -->
-  <button type="button" class="btn btn-primary btn-raised" data-toggle="modal" data-target="#sideModalTRSuccessDemo">
+  <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#sideModalTRSuccessDemo">
     Launch Example
   </button>
 </div>