j1-template 2021.3.1 → 2022.0.2

data/assets/data/panel.html

@@ -179,7 +179,7 @@ exclude_from_search:                    true
           <div class="row {{panel_settings.properties}}">
 
             <!-- Heading -->
-            <div class="row">
+            <div>
               <div class="{{panel_settings.animate}} mb-2">
                 <h2 class="g-font-weight-500 mb-0">{{panel_settings.title}}</h2>
                 <p class="tagline mb-0"><b>{{panel_settings.tagline}}</b></p>
@@ -191,7 +191,7 @@ exclude_from_search:                    true
             <!-- End Heading -->
 
             <!-- Cards -->
-            <div class="row card-deck {{panel_settings.id}}" style="display: none;">
+            <div class="card-deck {{panel_settings.id}}" style="display: none;">
             {% assign card_items = cards|size %}
             {% for card in cards %}
 
@@ -217,12 +217,6 @@ exclude_from_search:                    true
               {% include {{select_icon_size}} family=icon_family size=icon_size %}
               {% assign icon_size = size %}
 
-              {% if card_animate %}
-                {% assign card_animate = card_animate %}
-              {% else %}
-                {% assign card_animate = '' %}
-              {% endif %}
-
               {% comment %} extract link for card icon
               ------------------------------------------------------------------ {% endcomment %}
               {% for items in card_buttons %} {% for item in items %}
@@ -334,10 +328,10 @@ exclude_from_search:                    true
         <!-- Panel {{panel_settings.id}} -->
         <section id="{{panel_settings.id}}" class="container">
           <!-- Main Container -->
-          <div class="row {{panel_settings.properties}}">
+          <div class="noclass {{panel_settings.properties}}">
 
             <!-- Heading -->
-            <div class="row">
+            <div class="noclass">
               <div class="{{panel_settings.animate}} mb-2">
                 <h2 class="g-font-weight-500 mb-0">{{panel_settings.title}}</h2>
                 <p class="tagline mb-0"><b>{{panel_settings.tagline}}</b></p>
@@ -349,10 +343,10 @@ exclude_from_search:                    true
             <!-- END Heading -->
 
             <!-- Cards -->
-            <div class="row {{panel_settings.id}}" style="display: none;">
+            <div class="noclass {{panel_settings.id}}" style="display: none;">
             {% assign card_items = cards | size %}
 
-            <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">
 
             {% assign cards_written     = 0 %}
 
@@ -380,7 +374,7 @@ exclude_from_search:                    true
 
               {% if card_type == "service" and card_enabled %}
               {% assign cards_written = cards_written|plus:1 %}
-              <li id="{{panel_settings.id}}-scroll-item" class="list-group-item items-2 p-0">
+              <li id="{{panel_settings.id}}-scroll-item" class="scroll-group-item items-2 p-0">
                 <article class="card raised-z3 card-same-height mb-3">
                   <div class="card-profile mb-0">
 
@@ -405,14 +399,14 @@ exclude_from_search:                    true
                         	  <div class="card">
                           		<div class="card-header" id="headingOne">
                           		  <h2 class="clearfix mb-0">
-                            			<a class="btn btn-link collapsed" data-toggle="collapse" data-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
+                            			<a class="btn btn-link collapsed" data-bs-toggle="collapse" data-bs-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
                                     <i class="fa fa-chevron-circle-down"></i>
                                     {{list.service.title}}
                                   </a>
                           		  </h2>
                           		</div>
-                          		<div id="{{list.service.id}}" class="collapse mb-4" aria-labelledby="{{list.service.id}}" data-parent="#{{card_id}}">
-                          		  <div class="card-body r-text-200">
+                          		<div id="{{list.service.id}}" class="collapse mb-4" aria-labelledby="{{list.service.id}}" data-bs-parent="#{{card_id}}">
+                          		  <div class="footer-body ml-5 r-text-200">
                                   {{list.service.description}}
                                   <hr>
                                   <a class="card-link text-muted text-lowercase" href="{{list.service.href}}">
@@ -463,11 +457,11 @@ exclude_from_search:                    true
         {% if debug %}<!-- panel_options:  {{panel_options}} -->{% endif %}
         <!-- Panel {{panel_settings.id}} -->
         <section id="{{panel_settings.id}}" class="container">
-          <div class="row {{panel_settings.properties}}">
+          <div class="container {{panel_settings.properties}}">
 
             {% if panel_options.title %}
             <!-- Heading -->
-            <div class="row">
+            <div>
               <div class="{{panel_settings.animate}} mb-2">
                 <h2 class="g-font-weight-500 mb-0">{{panel_options.title}}</h2>
                 <p class="tagline mb-0"><b>{{panel_options.tagline}}</b></p>
@@ -520,16 +514,16 @@ exclude_from_search:                    true
 
               <!-- [INFO   ] [j1.assets.data.panel.html             ] [ blocktype detected as: {{card_block}} ] -->
               {% if card_block == 'card-list' %}
-              <div class="row">
-                <ul id="{{panel_settings.id}}-scroll-group" class="list-group list-group-horizontal align-items-stretch flex-wrap">
+              <div>
+                <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
                   <!-- [INFO   ] [j1.assets.data.panel.html             ] [ write post items ] -->
                 {% for post in site.posts %}
                   {% if posts_written == posts_max %} {% assign last_post_written = true %} {% break %}{% endif %}
 
                   {% if last_post_written != true %}
                     {% assign posts_written = posts_written|plus:1 %}
-                			<li id="{{panel_settings.id}}-scroll-item" class="list-group-item items-{{cards_per_row}} p-0">
-                        <article class="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' %}
@@ -539,7 +533,7 @@ exclude_from_search:                    true
                           {% endif %}
                           <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                           <!-- Body|Excerpt -->
-                          <div class="card-body r-text-300 mt-4">
+                          <div class="card-body r-text-300">
                             {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                             {{post.excerpt|truncatewords: truncate_words}}
                           </div>

data/assets/data/private.json

@@ -45,5 +45,9 @@ exclude_from_search:                    true
 {{ private_settings | json }}
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

data/assets/data/quicklinks.html

@@ -236,22 +236,21 @@ exclude_from_search:                    true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon familiy as: {{ icon_family }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
 
-<ul id="{{quicklinks_options.xhr_data_element}}" class="navbar-nav">
+<ul id="{{quicklinks_options.xhr_data_element}}" class="navbar-nav show">
 
   {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}" aria-label="Page back"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}" aria-label="Home"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" aria-label="Disqus" target="blank"><i class="{{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" class="nav-icon" href="{{github_url}}" aria-label="Github" target="blank"><i class="{{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if patreon_url != "none" %}<li id="quickLinksPatreonButton" class="nav-item"><a id="patreon_id" class="nav-icon" href="{{patreon_url}}" aria-label="Patreon" target="blank"><i class="{{icon_family}} {{icon_family}}-{{patreon_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if facebook_url !=
-    "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" class="nav-icon" href="{{facebook_url}}" aria-label="Facebook" target="blank"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if facebook_url != "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" class="nav-icon" href="{{facebook_url}}" aria-label="Facebook" target="blank"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if twitter_url != "none" %}<li id="quickLinksTwitterButton" class="nav-item"><a id="twitter_id" class="nav-icon" href="{{twitter_url}}" aria-label="Twitter" target="blank"><i class="{{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" aria-label="SignOut" href="#void" data-toggle="modal" data-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-item" style="display: block;"><a href="javascript:j1.cookieConsent.showDialog()" aria-label="Cookie Consent"><i class="{{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#void" aria-label="Search"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" aria-label="SignOut" href="#" data-bs-toggle="modal" data-bs-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-item" style="display: block;"><a href="#" aria-label="Cookie Consent"><i class="{{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#" aria-label="Search"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}" aria-label="ControlCenter"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#void" aria-label="TextResizer" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_google_translate_icon %}<li id="quickLinksTranslateButton" class="nav-item" style="display: block;"><a href="javascript:j1.translator.showDialog()" aria-label="Google Translate"><i class="{{icon_family}} {{icon_family}}-{{translate_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" aria-label="TextResizer" data-bs-toggle="modal" data-bs-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_google_translate_icon %}<li id="quickLinksTranslateButton" class="nav-item" style="display: block;"><a href="#" aria-label="Google Translate"><i class="{{icon_family}} {{icon_family}}-{{translate_icon}} {{icon_size}}"></i></a></li>{% endif %}
 
   {% comment %} Unused
   --------------------------------------------------------------------------------

data/assets/data/rtext_resizer.html

@@ -79,7 +79,7 @@ exclude_from_search:                    true
         <!--Header-->
         <div class="modal-header">
           <p class="lead">Text Resizer</p>
-          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
             <i class="mdi mdi-close mdi-dark mdi-48px"></i>
           </button>
         </div>

data/assets/data/themes.bootswatch.json

@@ -0,0 +1,75 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/themes.json
+ # The Liquid template themes.json is used by the Theme Switcher to locate
+ # the CSS files to be loaded on a switch for a specific theme
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Be carefull change the Liquid code. If the code is changed, check the
+ # interity of the JSON data created. Invalid JSON data will cause the
+ # Javascript portion of the Theme Switcher to fail and no valid CSS will
+ # be available to provide the needed styles to properly render your pages.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+{% assign asset_path          = site.data.j1_config.asset_path %}
+{% assign custom_theme_config = site.data.j1_config.custom_theme %}
+{% assign custom_scss         = custom_theme_config.custom_scss %}
+
+{% capture theme_path %}{{asset_path}}/modules/bs_theme_switcher/themes{% endcapture %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+{% if environment == 'development' %}
+{
+  "themes":
+  [
+    {"name": "UnoLight",    "css": "{{asset_path}}/core/css/themes/unolight/bootstrap.css"},
+    {"name": "UnoDark",     "css": "{{asset_path}}/core/css/themes/uno-dark/bootstrap.css"},
+    {"name": "Vapor",       "css": "{{asset_path}}/core/css/themes/theme_vapor/bootstrap.css"},
+    {"name": "Bootstrap",   "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.css"}
+  ]
+}
+{% else %}
+{
+  "themes":
+  [
+    {"name": "UnoLight",    "css": "{{asset_path}}/core/css/themes/unolight/bootstrap.min.css"},
+    {"name": "UnoDark",     "css": "{{asset_path}}/core/css/themes/uno-dark/bootstrap.min.css"},
+    {"name": "Vapor",       "css": "{{asset_path}}/core/css/themes/theme_vapor/bootstrap.min.css"},
+    {"name": "Bootstrap",   "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.min.css"}
+  ]
+}
+{% endif %}
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/themes.json

@@ -48,18 +48,18 @@ exclude_from_search:                    true
 {
   "themes":
   [
-    {"name": "Uno light", "css": "{{asset_path}}/core/css/themes/uno-light/bootstrap.css"},
-    {"name": "Uno dark",  "css": "{{asset_path}}/core/css/themes/uno-dark/bootstrap.css"},
-    {"name": "Bootstrap", "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.css"}
+    {"name": "UnoLight",    "css": "{{asset_path}}/core/css/themes/unolight/bootstrap.css"},
+    {"name": "UnoDark",     "css": "{{asset_path}}/core/css/themes/unodark/bootstrap.css"},
+    {"name": "Bootstrap",   "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.css"}
   ]
 }
 {% else %}
 {
   "themes":
   [
-    {"name": "Uno light", "css": "{{asset_path}}/core/css/themes/uno-light/bootstrap.min.css"},
-    {"name": "Uno dark",  "css": "{{asset_path}}/core/css/themes/uno-dark/bootstrap.min.css"},
-    {"name": "Bootstrap", "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.min.css"}
+    {"name": "UnoLight",    "css": "{{asset_path}}/core/css/themes/unolight/bootstrap.min.css"},
+    {"name": "UnoDark",     "css": "{{asset_path}}/core/css/themes/unodark/bootstrap.min.css"},
+    {"name": "Bootstrap",   "css": "{{asset_path}}/core/css/themes/bootstrap/bootstrap.min.css"}
   ]
 }
 {% endif %}

data/assets/data/translator.html

@@ -81,8 +81,8 @@ exclude_from_search:                    true
         <p style="font-size: 90%">{{translate_options.google.modal_settings.language_selector_title.en}}</p>
         <div id="dropdownJSON" class="mb-4" style="display:none"></div>
         <p>
-          <a href="#google-privacy" data-toggle="collapse" class="">Privacy Notice</a>
-          <a href="#google-options" data-toggle="collapse" class="float-right">My Settings</a>
+          <a href="#google-privacy" data-bs-toggle="collapse" class="">Privacy Notice</a>
+          <a href="#google-options" data-bs-toggle="collapse" class="float-right">My Settings</a>
         </p>
 
         <div id="google-privacy" class="collapse">
@@ -98,7 +98,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked="true">
+                <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
                 Analysis enabled (Your Privacy)
               </label>
@@ -108,7 +108,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked="true">
+                <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
                 Personalization enabled (Your Privacy)
               </label>
@@ -118,7 +118,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="useLanguageFromBrowser">
             <div class="switch">
               <label>
-                <input id="checkboxuseLanguageFromBrowser" type="checkbox" name="checkboxuseLanguageFromBrowser" checked="true" disabled>
+                <input id="checkboxuseLanguageFromBrowser" type="checkbox" name="checkboxuseLanguageFromBrowser" checked disabled>
                 <span class="bmd-switch-track"></span>
                 Language settings taken from browser
               </label>
@@ -128,7 +128,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="translateAllPages">
             <div class="switch">
               <label>
-                <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked="true" disabled>
+                <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked disabled>
                 <span class="bmd-switch-track"></span>
                 Translation of all pages
               </label>
@@ -138,7 +138,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="translationEnabled">
             <div class="switch">
               <label>
-                <input id="checkboxTranslationEnabled" type="checkbox" name="checkboxTranslationEnabled" checked="true">
+                <input id="checkboxTranslationEnabled" type="checkbox" name="checkboxTranslationEnabled" checked>
                 <span class="bmd-switch-track"></span>
                 Translation enabled
               </label>
@@ -150,16 +150,16 @@ exclude_from_search:                    true
       </div>
 
       <div class="modal-footer">
-        <button id="translator-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="min-width: 20rem">
+        <button id="translator-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
         No, disable translation
         </button>
-        <button id="translator-buttonAgree" type="button" class="btn btn-primary btn-raised" style="min-width: 20rem">
+        <button id="translator-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
         Yes, please translate
         </button>
-        <button id="translator-buttonSave" type="button" class="btn btn-primary" style="display:none; min-width: 20rem">
+        <button id="translator-buttonSave" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="display:none; min-width: 20rem">
         Save selection
         </button>
-        <button id="translator-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display:none; min-width: 20rem">
+        <button id="translator-buttonAgreeAll" type="button" class="btn btn-primary mb-1 mr-2" style="display:none; min-width: 20rem">
         I Agree on all
         </button>
       </div>
@@ -186,8 +186,8 @@ exclude_from_search:                    true
         <p style="font-size: 90%">{{translate_options.google.modal_settings.language_selector_title.de}}</p>
         <div id="dropdownJSON" class="mb-4" style="display:none"></div>
         <p>
-          <a href="#google-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
-          <a href="#google-options" data-toggle="collapse" class="float-right">Meine Einstellungen</a>
+          <a href="#google-privacy" data-bs-toggle="collapse" class="">Datenschutzerklärung</a>
+          <a href="#google-options" data-bs-toggle="collapse" class="float-right">Meine Einstellungen</a>
         </p>
 
         <div id="google-privacy" class="collapse">
@@ -203,7 +203,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked="true">
+                <input id="checkboxAnalysis" type="checkbox" name="checkboxAnalysis" checked>
                 <span class="bmd-switch-track"></span>
                 Analysen erlaubt (Ihre Privatsphäre)
               </label>
@@ -213,7 +213,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked="true">
+                <input id="checkboxPersonalization" type="checkbox" name="checkboxPersonalization" checked>
                 <span class="bmd-switch-track"></span>
                 Personalisierung erlaubt (Ihre Privatsphäre)
               </label>
@@ -223,7 +223,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="useLanguageFromBrowser">
             <div class="switch">
               <label>
-                <input id="checkboxUseLanguageFromBrowser" type="checkbox" name="checkboxUseLanguageFromBrowser" checked="true">
+                <input id="checkboxUseLanguageFromBrowser" type="checkbox" name="checkboxUseLanguageFromBrowser" checked>
                 <span class="bmd-switch-track"></span>
                 Spracheinstellungen vom Browser
               </label>
@@ -233,7 +233,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="translateAllPages">
             <div class="switch">
               <label>
-                <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked="true" disabled>
+                <input id="checkboxTranslateAllPages" type="checkbox" name="checkboxTranslateAllPages" checked disabled>
                 <span class="bmd-switch-track"></span>
                 Übersetzung aller Seiten
               </label>
@@ -243,7 +243,7 @@ exclude_from_search:                    true
           <!-- div class="translator-option" data-name="translatorName">
             <div class="switch">
               <label>
-                <input id="checkboxTranslatorName" type="checkbox"  name="checkboxTranslatorNameEnabled" disabled="true" checked="true">
+                <input id="checkboxTranslatorName" type="checkbox"  name="checkboxTranslatorNameEnabled" disabled="true" checked>
                 <span class="bmd-switch-track"></span>
                 Übersetzung eingeschaltet
               </label>
@@ -253,7 +253,7 @@ exclude_from_search:                    true
           <div class="translator-option" data-name="translationEnabled">
             <div class="switch">
               <label>
-                <input id="checkboxTranslator" type="checkbox" name="checkboxTranslator" checked="true">
+                <input id="checkboxTranslator" type="checkbox" name="checkboxTranslator" checked>
                 <span class="bmd-switch-track"></span>
                 Übersetzung eingeschaltet
               </label>
@@ -265,16 +265,16 @@ exclude_from_search:                    true
       </div>
 
       <div class="modal-footer">
-        <button id="translator-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="min-width: 20rem">
+        <button id="translator-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="min-width: 20rem">
         Nein, Übersetzung abschalten
         </button>
-        <button id="translator-buttonAgree" type="button" class="btn btn-primary btn-raised" style="min-width: 20rem">
+        <button id="translator-buttonAgree" type="button" class="btn btn-primary mb-1 mr-2" style="min-width: 20rem">
         Ja, bitte übersetzen
         </button>
-        <button id="translator-buttonSave" type="button" class="btn btn-primary" style="display:none; min-width: 20rem">
+        <button id="translator-buttonSave" type="button" class="btn btn-outline-secondary mb-1 mr-2" style="display:none; min-width: 20rem">
         Auswahl speichern
         </button>
-        <button id="translator-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display:none; min-width: 20rem">
+        <button id="translator-buttonAgreeAll" type="button" class="btn btn-primary mb-1 mr-2" style="display:none; min-width: 20rem">
         Allen zustimmen
         </button>
       </div>

data/assets/error_pages/HTTP445.html

@@ -0,0 +1,110 @@
+---
+date:                                   2021-01-01 00:00:00
+description: >
+                                        Customized HTML error page
+
+categories:                             [ Error page ]
+tags:                                   [ HTML, 445 ]
+
+exclude_from_search:                    true
+
+regenerate:                             false
+permalink:                              /445.html
+http_error:                             445
+back_url:                               /
+sitemap:                                false
+---
+{% capture j1_cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/http_error_pages/HTTP404.html
+ # Liquid TEMPLATE to generate customized HTML error pages: 445 - Page not found
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ # Copyright (C) 2020 Andi Dittrich
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # HttpErrorPages are licensed under the MIT License.
+ # See: https://github.com/AndiDittrich/HttpErrorPages
+ # -----------------------------------------------------------------------------
+ # NOTE
+ #  German translation, see: https://de.wikipedia.org/wiki/HTTP-Statuscode
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ #   config: {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% assign language            = site.language %}
+{% assign webmaster_email     = site.webmaster.email %}
+{% assign copyright_info      = site.copyright %}
+{% assign favicon             = site.favicon.image %}
+{% assign images_dir          = site.asciidoc_attributes.imagesdir %}
+{% assign brand_text          = site.brand.text %}
+{% assign brand_image_source  = site.brand.image %}
+{% assign brand_image_height  = site.brand.image_height %}
+
+{% capture brand_image %}{{images_dir}}/{{brand_image_source}}{% endcapture %}
+
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
+{% if language == 'en' %}
+  {% assign title             = "Site Blocked" %}
+  {% assign back_url_text     = "Back Home" %}
+  {% assign reason            = "This site has been disabled for technical reasons. <br/> Because your cookie settings are disabled for this website, the content cannot be presented." %}
+  {% assign contact_issue     = "Technical Contact" %}
+{% endif %}
+
+{% if language == 'de' %}
+  {% assign title             = "Gesperrter Inhalt" %}
+  {% assign back_url_text     = "Zurück zur Startseite" %}
+  {% assign reason            = "Diese Webseiten sind aus technischen Gründen nicht verfügbar. <br/> Da Ihre Cookie-Einstellungen für diese Website deaktiviert sind, können die Inhalte nicht angezeigt werden." %}
+  {% assign contact_issue     = "Technischer Kontakt" %}
+{% endif %}
+
+<!DOCTYPE html>
+<html lang="{{language}}">
+  <head>
+    <!-- [INFO   ] [j1.error.pages                      ] [ Simple HttpErrorPages | MIT License | https://github.com/AndiDittrich/HttpErrorPages  ] -->
+    <!-- [INFO   ] [j1.error.pages                      ] [ detected language (site): {{language}} ] -->
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="robots" content="noindex, nofollow">
+    <link rel="icon" type="image/ico" href="{{favicon}}">
+    <title>{{title}} · {{page.http_error}}</title>
+    <style> .attic { background-image: -webkit-gradient(linear, left top, left bottom, from(#263238), to(#3F51B5));background-image: -webkit-linear-gradient(top, #263238 0%, #3F51B5 100%);background-image: -o-linear-gradient(top, #263238 0%, #3F51B5 100%);background-image: linear-gradient(to bottom, #263238 0%, #3F51B5 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#263238", endColorstr="#3F51B5", GradientType=0); } </style>
+    <style type="text/css">/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{cursor: pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{cursor: pointer ;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}body,html{width:100%;height:100%;background-color:#21232a}body{color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:0;min-height:100%;-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,.8);box-shadow:inset 0 0 100px rgba(0,0,0,.8);display:table;font-family:"Open Sans",Arial,sans-serif}h1{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;font-size:36px}h1 small{font-size:68%;font-weight:400;line-height:1;color:#777}a{text-decoration:none;color:#fff;font-size:inherit;border-bottom:dotted 1px #707070}.lead{color:silver;font-size:21px;line-height:1.4}.cover{display:table-cell;vertical-align:middle;padding:0 20px}footer{position:fixed;width:100%;height:40px;left:0;bottom:0;color:#a0a0a0;font-size:14px}</style>
+  </head>
+  <body>
+    <div style="margin-top: 1rem;">
+      <a href="/"><img src="{{brand_image}}" height="{{brand_image_height}}" alt="{{brand_text}}"></a>
+    </div>
+    <div class="cover attic">
+      <h1>{{title}} <small>{{page.http_error}}</small></h1>
+      <p class="lead">{{reason}}</p>
+      <div><a href="{{page.back_url}}">{{back_url_text}}</a></div>
+    </div>
+    <footer>
+      <p>{{copyright_info}} · {{contact_issue}}: <a href="mailto:{{webmaster_email}}?subject={{title}}"> {{webmaster_email}} </a></p>
+    </footer>
+  </body>
+</html>
+
+{% endcapture %}
+{{ j1_cache | strip_empty_lines }}
+{% assign j1_cache = nil %}

data/assets/themes/j1/adapter/js/bmd.js

@@ -98,7 +98,7 @@ j1.adapter['bmd'] = (function (j1, window) {
 
       var dependencies_met_j1_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
-          $('body').bootstrapMaterialDesign();
+          $('body').bmd();
 
           _this.setState('finished');
           logger.info('\n' + 'state: ' + _this.getState());

data/assets/themes/j1/adapter/js/clipboard.js

@@ -160,7 +160,7 @@ j1.adapter['clipboard'] = (function (j1, window) {
         if ( isNoClip.length == 0) {
           var btnHtml = '';
 
-          btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" data-toggle="tooltip" data-placement="left" title="' + btnTitle +'">' + btnText + '</span></div>';
+          btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" data-bs-toggle="tooltip" data-placement="left" title="' + btnTitle +'">' + btnText + '</span></div>';
 
           $(this).before(btnHtml);
           $('.btn-clipboard').tooltip();

data/assets/themes/j1/adapter/js/cookieConsent.js

@@ -183,12 +183,18 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
             reloadPageOnChange:     moduleOptions.reloadPageOnChange,           // reload if setzings has changed
             dialogContainerID:      moduleOptions.dialogContainerID,            // container, the dialog modal is (dynamically) loaded
             xhrDataElement:         moduleOptions.xhrDataElement,               // container for all language-specific dialogs (modals)
-            postSelectionCallback:  moduleOptions.postSelectionCallback,        // callback function, called after the user has made his selection        
+            postSelectionCallback:  moduleOptions.postSelectionCallback,        // callback function, called after the user has made his selection
           });
 
           _this.setState('finished');
           logger.info('\n' + 'state: ' + _this.getState());
           logger.debug('\n' + 'module initialized successfully');
+
+          $('#quickLinksCookieButton').click(function(e) {
+            logger.info('\n' + 'call default action');
+            j1.cookieConsent.showDialog();
+          });
+
           clearInterval(dependencies_met_page_ready);
         }
       });