j1-template 2022.0.0 → 2022.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f48af67d26bc5bcab68916bc3e7dad3e89852cf3813d6a192434c011c52439e0
-  data.tar.gz: 8aac11c72ba50d229154e23ba3c5a0ef7a20c063c5612ad4a3ea45a38d61a185
+  metadata.gz: 9175b6b138ad14e6b734ab59143a376ac8629da20fb89ffc3d682b11748827de
+  data.tar.gz: 5a5eb759f041c003a57ad237f624116a00a87e9cba6e96557332c96f19f0140f
 SHA512:
-  metadata.gz: f17354d4cea9fefd1b448d4c31c0a099609bd1cac7b533baa9b14299c85658d0e6791d024cc66bbcaaab4f6b9177064aa225332918b234ba227b8c357ebcbd32
-  data.tar.gz: 0d1d9f181e9ea7f9abb83ff00cf864556aeffba8ddab3a64753df2726522ab04ead61581b6c7872f3eefcf9322bfaf3ca9866f565ef368b51a128b99b75d266b
+  metadata.gz: ce448d4937d07e07717b8b6b8acd351e6a8fcab77cdf7baa8d665cd4bb860d8d7458b4477a7744a05f15b03d5213c6577323e79f1cbfae6b7bd30b63c53034c4
+  data.tar.gz: fcc2f31c67257b5ada6e70d91537f4f4684d929b6a9d52033163bd300b7c5096a6bf914833bb8df0509fefd081ec0991c75b3ee7d182432183ba6ecc587829b5

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

@@ -65,7 +65,7 @@
 
 <!-- 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 id="word-cloud" class="row g-0 ml-3">
   <div class="tag__box mt-0 mb-2">
     <div class="tag__cloud">
 
@@ -76,7 +76,7 @@
       <ul class="content">
         {% if source == 'categories' %}
           {% for tag in word_array %}
-            <li>
+            <li class="badge-tag">
               <a href="#{{tag|downcase}}">
                 {{ tag | capitalize }}
                 <span>{{ site.categories[tag] | size }}</span>
@@ -85,7 +85,7 @@
           {% endfor %}
         {% elsif source == 'tags' %}
           {% for tag in word_array %}
-            <li>
+            <li class="badge-tag">
               <a href="#{{ tag | replace: '+','_' | replace: ' ','_' | downcase }}">
                 {{ tag }}
                 <span>{{ site.tags[tag] | size }}</span>

data/assets/data/banner.html

@@ -287,7 +287,7 @@ exclude_from_search:                    true
         {% comment %} Collect PARALLAX banner
         ------------------------------------------------------------------------ {% endcomment %}
         {% when 'parallax' %}
-        <div id="{{banner_settings.id}}">
+        <div id="{{banner_settings.id}}" class="parallax">
         {% assign banner_options = banner_config_defaults.parallax | merge: banner_settings %}
         {% if debug %}<!-- banner_options:  {{banner_options}} -->{% endif %}
 
@@ -301,10 +301,8 @@ exclude_from_search:                    true
               {% if key == 'cite_text_size' %}        {% assign card_cite_text_size        = value %}                   {% endif %}
               {% if key == 'cite_text_quotes' %}      {% assign card_cite_text_quotes      = value %}                   {% endif %}
               {% if key == 'cite_text' %}             {% assign card_text                  = value | strip_newlines %}  {% endif %}
-              {% if key == 'cite_size' %}             {% assign card_cite_size             = value %}                   {% endif %}
               {% if key == 'cite' %}                  {% assign card_cite                  = value | strip_newlines %}  {% endif %}
               {% if key == 'text_color' %}            {% assign card_text_color            = value %}                   {% endif %}
-              {% if key == 'cite_color' %}            {% assign card_cite_color            = value %}                   {% endif %}
               {% if key == 'gridify' %}               {% assign card_gridify               = value %}                   {% endif %}
               {% if key == 'gridifier' %}             {% assign card_gridifier             = value %}                   {% endif %}
               {% if key == 'darken' %}                {% assign card_darken                = value %}                   {% endif %}
@@ -319,8 +317,6 @@ exclude_from_search:                    true
               {% assign background_image  = parallax_options.background %}
               {% assign gridify           = parallax_options.gridify %}
               {% assign gridifier         = parallax_options.gridifier %}
-              {% assign text_color        = parallax_options.text_color %}
-              {% assign cite_color        = parallax_options.cite_color %}
               {% assign darken            = parallax_options.darken %}
 
               {% comment %} Set banner VALUES
@@ -329,18 +325,11 @@ exclude_from_search:                    true
               {% if card_gridifier %}             {% assign gridifier         = card_gridifier %}             {% endif %}
               {% if card_darken %}                {% assign darken            = card_darken %}                {% endif %}
               {% if card_text_color %}            {% assign text_color        = card_text_color %}            {% endif %}
-              {% if card_cite_color %}            {% assign cite_color        = card_cite_color %}            {% endif %}
               {% if card_background_size %}       {% assign size_y            = card_background_size %}       {% endif %}
               {% if card_background_image %}      {% assign background_image  = card_background_image %}      {% endif %}
 
               {% capture darken %}0.{{darken}}{% endcapture %}
 
-              {% include {{select_color}} color=text_color fallback="#FAFAFA" %}
-              {% assign text_color = color %}
-
-              {% include {{select_color}} color=cite_color fallback="#FAFAFA" %}
-              {% assign cite_color = color %}
-
               {% comment %} Add individual STYLE tags
               ------------------------------------------------------------------ {% endcomment %}
               <!-- [INFO   ] [/assets/data/banner.html                   ] [ Add individual styles for the parallax banner ] -->
@@ -354,7 +343,6 @@ exclude_from_search:                    true
                   {% if card_text and card_cite_text_quotes %}
                   .{{banner_settings.id}}-parallax-quote-in p:after,.{{banner_settings.id}}-parallax-quote-in p:before{content:' " ';}
                   {% endif %}
-                  .{{banner_settings.id}}-parallax-quote-in small{color:{{cite_color}};font-size:{{card_cite_size}};font-weight:600;}
                   .{{banner_settings.id}}-parallax-quote:after{background: rgba(0,0,0,{{darken}})}
               </style>
 

data/assets/data/cookieconsent.html

@@ -137,16 +137,16 @@ exclude_from_search:                    true
       </div>
 
       <div class="modal-footer">
-        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
-        I do not Agree
+        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mr-2" style="min-width: 20rem">
+        I Do not Agree
         </button>
-        <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
+        <button id="bccs-buttonAgree" type="button" class="btn btn-primary" style="min-width: 20rem">
         I Agree
         </button>
-        <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
+        <button id="bccs-buttonSave" type="button" class="btn btn-outline-secondary mr-2" style="display: none; min-width: 20rem">
         Save selection
         </button>
-        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display: none;">
+        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary" style="display: none; min-width: 20rem">
         Agree on all
         </button>
       </div>
@@ -231,16 +231,16 @@ exclude_from_search:                    true
       </div>
 
       <div class="modal-footer">
-        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
+        <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-outline-secondary mr-2" style="min-width: 20rem">
         Ich bin nicht einverstanden
         </button>
-        <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
+        <button id="bccs-buttonAgree" type="button" class="btn btn-primary" style="min-width: 20rem">
         Ich bin Einverstanden
         </button>
-        <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
+        <button id="bccs-buttonSave" type="button" class="btn btn-outline-secondary mr-2" style="display: none; min-width: 20rem">
         Auswahl speichern
         </button>
-        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary btn-raised" style="display: none;">
+        <button id="bccs-buttonAgreeAll" type="button" class="btn btn-primary" style="display: none; min-width: 20rem">
         Allen zustimmen
         </button>
       </div>

data/assets/data/fab.html

@@ -122,7 +122,8 @@ exclude_from_search:                    true
       <ul id="fab_menu_items">
         {% for item in menu.items %} {% if item.enabled %}
         <li>
-          <a href="#void" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none">
+          <!-- a href="#void" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none" -->
+          <a href="#" id="{{item.id}}" class="btn-fab-floating btn-{{item.color}} raised-z{{fab_options.raised_level}}" style="display: none">            
             <i id="fab-icon" class="mdi mdi-{{item.icon}} mdi-{{item.icon_properties}}"></i>
           </a>
         </li>

data/assets/data/panel.html

@@ -328,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>
@@ -343,7 +343,7 @@ 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="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
@@ -399,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-bs-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}}">

data/assets/data/translator.html

@@ -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 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" 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 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" style="display:none; min-width: 20rem">
         I Agree on all
         </button>
       </div>
@@ -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 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" 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 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" style="display:none; min-width: 20rem">
         Allen zustimmen
         </button>
       </div>

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

@@ -226,14 +226,16 @@ j1.adapter['fab'] = (function (j1, window) {
       var floatingActionOptions = fabOptions.menu_options;
       var fabButtons            = document.querySelectorAll('.fab-btn');
 
+      // jadams, 2021-11-21: removed all #void links as not needed
+      //
       // bind click event to all links with "#void" to suppress default action
       // See: https://stackoverflow.com/questions/134845/which-href-value-should-i-use-for-javascript-links-or-javascriptvoid0
       //
-      $('a[href="#void"]').click(function(e) {
-        e.preventDefault ? e.preventDefault() : e.returnValue = false;
-        logger.info('\n' + 'bound click event to "#void", suppress default action');
-        return false;
-      });
+      // $('a[href="#void"]').click(function(e) {
+      //   // e.preventDefault ? e.preventDefault() : e.returnValue = false;
+      //   logger.debug('\n' + 'bound click event to "#void", suppress default action');
+      //   return false;
+      // });
 
       // check if multiple buttons detected
       if ( fabButtons.length == 1 ) {

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

@@ -1233,42 +1233,50 @@ var j1 = (function () {
           // display page
           $('#no_flicker').css('display', 'block');
 
+          // jadams, 2021-11-19: test code for 'tapTarget' of 'materializeCss'
+          // See:
+          //  https://stackoverflow.com/questions/49422111/opening-tap-target-in-materialize-css-for-2-seconds
+          // -------------------------------------------------------------------
           // $('#features').tapTarget();
           // $('#features').click(function(e) {
           //   logger.info('\n' + 'call default action');
           //   $('#features').tapTarget('open');
           // });
 
+          // jadams, 2021-11-19: additional code for accordions (collapsible)
+          // used e.g for the 'SERVICE Panel'
+          // -------------------------------------------------------------------
           // Add minus icon for collapse element which is open by default
-            $(".collapse.show").each(function(){
-                $(this).prev(".card-header").addClass("highlight");
-            });
+          $(".collapse.show").each(function(){
+              $(this).prev(".card-header").addClass("highlight");
+          });
 
-            // Highlight open collapsed element
-            $(".card-header .btn").click(function(){
-                $(".card-header").not($(this).parents()).removeClass("highlight");
-                $(this).parents(".card-header").toggleClass("highlight");
-            });
+          // Highlight open collapsed element
+          $(".card-header .btn").click(function(){
+              $(".card-header").not($(this).parents()).removeClass("highlight");
+              $(this).parents(".card-header").toggleClass("highlight");
+          });
 
-            // no dropcaps if translation enabled
-            if (user_translate.translationEnabled) {
-              logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
-              logger.warn('\n' + 'skipped processing of dropcaps');
-            } else {
-              // initialize dropcaps
-              logger.info('\n' + 'post processing: createDropCap');
-              j1.core.createDropCap();
-            }
+          // no dropcaps if translation enabled
+          if (user_translate.translationEnabled) {
+            logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
+            logger.warn('\n' + 'skipped processing of dropcaps');
+          } else {
+            // initialize dropcaps
+            logger.info('\n' + 'post processing: createDropCap');
+            j1.core.createDropCap();
+          }
+
+          // add recommended title to hyvor iframe for SEO optimization (if loadad)
+         if (comment_provider === 'hyvor') {
+           var dependencies_met_load_finished = setInterval (function () {
+             if ($('#hyvor-talk-view').children().length) {
+               $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
+               clearInterval(dependencies_met_load_finished);
+             }
+           }, 25);
+         }
 
-            // add recommended title to hyvor iframe for SEO optimization (if loadad)
-           if (comment_provider === 'hyvor') {
-             var dependencies_met_load_finished = setInterval (function () {
-               if ($('#hyvor-talk-view').children().length) {
-                 $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
-                 clearInterval(dependencies_met_load_finished);
-               }
-             }, 25);
-           }
           // NOTE: Placed tracking warning/info here because page may reloaded
           // after cookie consent selection
           if (user_consent.analysis) {