j1-template 2021.1.17 → 2021.1.21

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 450ab87c08a2d4dbf209d876c093c719728b94f8442d6102a9b70aa5d19c83a3
-  data.tar.gz: 490fba75a77784eea4ac47ee3b61a8cbe31e9698539571218a95ed3c9d9388e8
+  metadata.gz: c9ada80e32e92098cdab544a21393245dfddf0a1554adfeee3adaac0a77c3b20
+  data.tar.gz: 94da1fb05134cc5419425c583468f97fd0da0bc6479e51a6280523381819504a
 SHA512:
-  metadata.gz: 3c3741110b08384383ce195f7f5de6443343d12b825d4699f36d30fa86169b2fa9c362dce3ddfcc3e4a65b9eff5f7d9f9ec88637c985b538dda6f041790cf7cc
-  data.tar.gz: 18bbbddf4bf71098a1dd12aaa280f2eb3278569870b3d256d92e14e3bf74418cc08a1f86c705b41a35c8f5d1a56c6f91c538c10f71d6508bce8c9a611f8b802b
+  metadata.gz: 4c320ad4576380ce2e4c0bbd375117900887047413e4b487261a63f9510529ea3c3a038d019224567305e6d67ac5685f8f87fcfe4ba33a79e9a84f150bf50189
+  data.tar.gz: 1b8760d2ec084983a65950f966d8694debd331934dde107235297928f027c5a4c6e6b575f0ff68d5dc9dde3e331085d77ac5914cc6077e0dfc445c178b7831d1

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

@@ -162,7 +162,7 @@
         <div class="previewer-headline">
 
           <div class="post-headline">
-            <h2 id="previewer" class="mt-4">{{previewer_headline}}</h2>
+            <h1 id="previewer" class="notoc mt-4">{{previewer_headline}}</h1>
           </div>
 
           {% if paginator.total_pages > 1 %}

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

@@ -77,7 +77,7 @@
         <!-- Include a pager at top position -->
         {% include {{pager}} %}
         <div class="post-headline mt-4">
-          <h2 id="blog_article_navigator" class="notoc">{{ page.title }}</h2>
+          <h1 id="blog_article_navigator" class="notoc">{{ page.title }}</h1>
         </div>
 
         <!-- [INFO   ] [j1.layout.content_generator_coll.html  ] [ start place content ] -->

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

@@ -52,7 +52,7 @@
  {% assign rtext_size = 0 %}
 {% endif %}
 
-{% comment %} language detection
+{% comment %} i18n: language detection
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if site.language == "en" %}
   {% assign language = "en" %}
@@ -62,6 +62,7 @@
   {% assign language = "en" %}
 {% endif %}
 
+
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_generator_post.html ] [ begin content ] -->
@@ -82,10 +83,10 @@
       {% include {{pager}} %}
       <div class="post-headline mt-4">
         {% if language == "en" %}
-          <h2 class="notoc">{{ page.date | localize: "%Y %B, %e" }}</h2>
+          <h1 class="notoc">{{ page.date | localize: "%Y %B, %e" }}</h1>
         {% endif %}
         {% if language == "de" %}
-          <h2 class="notoc">{{ page.date | localize: "%-d. %B %Y" }}</h2>
+          <h1 class="notoc">{{ page.date | localize: "%-d. %B %Y" }}</h1>
         {% endif %}
       </div>
 
@@ -95,12 +96,14 @@
       <header class="bmd-layout-header">
         <!-- jadams, 2021-02-28 added mb-3 to the navbar -->
         <div class="navbar navbar-dark bg-primary raised-z2 mb-3">
-          <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
+          <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator" aria-label="drawer-toggler-button">
             <span class="mdi mdi-menu mdi-2x"></span>
           </button>
           <ul class="nav navbar-nav">
             <li class="nav-item">
-              <span class="navbar-text">Series: {{page.series}}</span>
+              <!-- jadams, 2021-08-04: modified displaying the series name -->
+              <!-- span class="navbar-text">Series: {{page.series}}</span-->
+              <span class="navbar-text">{{page.series|upcase}}</span>
             </li>
           </ul>
         </div>

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

@@ -55,6 +55,9 @@
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ initial zoom level when the page is first loaded by the browser ] -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ added version info for the templte ] -->
+<meta name="template version" content="{{site.version}}" />
+
 {% if template_config.translation.enabled %}
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ add google translator meta tag to enable customized translations ] -->
 <meta name="google-translate-customization" />

data/_includes/themes/j1/modules/navigator/procedures/topsearch.proc

@@ -114,8 +114,8 @@
             </p>
             <p class="result-item-text">{{description}}</p>
             <p class="result-item-text small text-muted mb-3">
-              <i class="mdi mdi-tag mdi-18px mr-1"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
-              <i class="mdi mdi-tag-text-outline mdi-18px mr-1 ml-2"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
+              <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i><span class="sr-categories">{{#categories}} {{.}} · {{/categories}}</span>
+              <i class="mdi mdi-tag mdi-18px mr-1 ml-2"></i><span class="sr-tags">{{#tags}} {{.}} · {{/tags}}</span>
             </p>
           </li>
         {{/docs}}

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

@@ -77,6 +77,8 @@
     <!-- Use custom collator -->
     {% include themes/{{site.template.name}}/procedures/custom/posts_collate %}
   {% else %}
+    {% comment %} NOTE: header_title NOT used
+    ---------------------------------------------------------------------------- {% endcomment %}
     <!-- Use j1 blog timeline collator -->
     {% if header_title %}
     <div class="row timeline-header-box">
@@ -107,14 +109,14 @@
 
       <li class="{{blog_position}}">
         <div class="timeline-badge"><i class="tmicon rounded-x hidden-xs"></i></div>
-
         <div class="card raised-z5 timeline-panel">
 
+          {% comment %} jadams, 2021-08-05:
+          NOTE: Changed headerlevel form h3 -> h2
+          ---------------------------------------------------------------------- {% endcomment %}
           <!-- div class="timeline-title" -->
           <div class="card-header bg-primary pt-4 pb-3">
-            <!-- a href="{{post.url}}" -->
-              <h3 id="{{1000000 | rand}}" class="md-white">{{post.title}}</h3>
-            <!-- /a -->
+            <h2 id="{{1000000 | rand}}" class="md-white">{{post.title}}</h2>
           </div>
 
           <!-- Collect icon data from frontmatter -->
@@ -157,8 +159,10 @@
               <div class="timeline-tagline">
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
+              <!-- place excerpt -->
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% comment %} {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %} {% endcomment %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
                 <i class="timeline-icon {{icon_family}} {{icon_family}}-{{icon_name}} {{icon_family}}-{{icon_size}} {{icon_family}}-{{icon_color}}"></i>
                 {{excerpt}}
               </div>
@@ -181,7 +185,7 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %}
                 {{excerpt}}
               </div>
               <div class="card-footer r-text-200 text-lowercase">
@@ -201,7 +205,8 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div -->
               <div class="excerpt">
-                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% comment %} {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %} {% endcomment %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
                 {{excerpt}}
               </div>
             </div>

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

@@ -42,6 +42,15 @@
 {% assign post     = include.post %}
 {% assign readmore = include.readmore %}
 
+{% comment %} i18n: language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de" %}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -51,16 +60,19 @@
 
 {% capture open %}
 <div id="post_series">
- <!-- div class="series-navigator ml-3" -->
- <!-- jadams, 2021-02-28: added ml-3 -->
+ <!-- series navigator block -->
  <div class="series-navigator">
   <div class="container content series-navigation">
-
      <div class="row">
-       <!-- div class="col-xs-12 col-md-12 col-lg-12 mb-4" -->
-       <div class="">
-         <h5 id="blog_series_list" class="notoc mt-2 mr-2 mb-4">This article is <strong>part <<idx>> </strong> in a <strong><<count>>-part</strong> series:</h5>
-         <ul class="side-nav">
+       <div style="width: calc(100% - 5px)">
+         {% if site.language == "en" %}
+           {% assign series_heading = "This article is <strong>part <<idx>> </strong> in a <strong><<count>>-part</strong> series:" %}
+         {% elsif site.language == "de" %}
+           {% assign series_heading = "Dieser Artikel ist <strong>Teil <<idx>> </strong> einer <strong><<count>>-er</strong> Serie:" %}
+         {% endif %}
+         <!-- series heading -->
+         <h4 id="blog_series_list" class="notoc mt-2 mr-2 mb-4">{{series_heading}}</h4>
+         <ul class="side-nav" style="width: calc(100% - 5px)">
  {% endcapture %}
          {% for post in site.posts reversed %}
            {% if post.series == page.series %}
@@ -70,7 +82,7 @@
                {% assign excerpt = post.excerpt %}
                {% assign excerpt_title = post.tagline|capitalize %}
              {% endif %}
-             {% capture list_tmp %}{{list}}{% if page.url == post.url %}<li class="current"><a data-proofer-ignore href="#">{{post.date|date: "%Y-%m-%d"}} · Part {{count}} · {{post.title}}</a>{% else %}<li><a data-proofer-ignore href="{{site.baseurl}}{{post.url}}">{{post.date|date: "%Y-%m-%d"}} · Part {{count}} · {{post.title}}</a>{% endif %}</li>{% endcapture %}
+             {% capture list_tmp %}{{list}}{% if page.url == post.url %}<li class="current" style="width: calc(100% - 5px)"><a data-proofer-ignore href="#" style="width: calc(100% - 5px)">{{post.date|date: "%Y-%m-%d"}} · Part {{count}} · {{post.title}}</a>{% else %}<li style="width: calc(100% - 5px)"><a data-proofer-ignore href="{{site.baseurl}}{{post.url}}" style="width: calc(100% - 5px)">{{post.date|date: "%Y-%m-%d"}} · Part {{count}} · {{post.title}}</a>{% endif %}</li>{% endcapture %}
              {% assign list = list_tmp %}
            {% endif %}
          {% endfor %}
@@ -78,11 +90,9 @@
          </ul>
        </div>
 
-       <!-- div class="col-xs-12 col-md-12 col-lg-12 mt-2" -->
-       <!-- jadams, 2021-02-28: added mr-3 -->
+       <!-- place excerpt -->
        <div class="mt-2">
          <h5 class="notoc series-exerpt-title">{{excerpt_title}}</h5>
-         <!-- div class="series-exerpt mr-3" -->
          <div class="series-exerpt">
            <div class="paragraph">
              <p>{{excerpt}}</p>

data/_layouts/default.html

@@ -224,127 +224,10 @@ layout:                                 compress
   <div id="{{webhook_options.xhr_container_id}}"></div>
   {% endif %}
 
-  {% comment %} Place container for R-Text resizer modals (deactivated)
-  ------------------------------------------------------------------------------
-  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for R-Text resizer modals ] -->
-  <div id="rtext_resizer">
-    <div class="modal fade right" id="fluidModalRTextResizer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
-      <div class="modal-dialog modal-side modal-top-right modal-notify modal-success" role="document">
-        <!-- Content -->
-        <div class="modal-content">
-          <!--Header-->
-          <div class="modal-header">
-            <p class="lead">Text Resizer</p>
-            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-              <i class="mdi mdi-close mdi-dark mdi-48px"></i>
-            </button>
-          </div>
-          <!-- Body -->
-          <div class="modal-body">
-            <div class="text align-left">
-              <p>
-                Change the text size for the main window by the switches from below:
-              </p>
-            </div>
-            <div class="ml-3 mt-5 mb-5">
-              <div class="switch">
-                <label>
-                  <input id="textsize-300" name="textsize-300" type="checkbox" checked>
-                  300 - Default Size
-                </label>
-              </div>
-              <div class="switch">
-                <label>
-                  <input id="textsize-400" name="textsize-400" type="checkbox">
-                  400 - Larger Size
-                </label>
-              </div>
-              <div class="switch">
-                <label>
-                  <input id="textsize-500" name="textsize-500" type="checkbox">
-                  500 - Largest Size
-                </label>
-              </div>
-            </div>
-          </div>
-        <!-- END Content -->
-      </div>
-    </div>
-  </div>
-  <!-- [INFO   ] [j1.layout.default.html                ] [ end modals for r-text resizer ] -->
-  ------------------------------------------------------------------------------ {% endcomment %}
-
-  {% comment %} JS for R-Text (deactivated)
-  ------------------------------------------------------------------------------
-  <!-- [INFO   ] [j1.layout.default.html                ] [ place JS for R-Text resizer modals ] -->
-  <script>
-    // Set global variables
-    var environment     = '{{environment}}';
-    var logger          = log4javascript.getLogger('j1.template.rtext-resizer');
-    var $el             = $("main[class*='r-text']");
-    var base_classes    = $("main[class*='r-text']").attr('class').replace(/r-text-[0-9]*/g, '');
-    var r_text_default  = ' r-text-300';
-    var r_text_larger   = ' r-text-400';
-    var r_text_largest  = ' r-text-500';
-    var cl;
-    var value;
-
-    $('input:checkbox[name="textsize-300"]').on('click', function (e) {
-      value = $(this).is(':checked');
-
-      $('input:checkbox[name="textsize-400"]').prop('checked', false);
-      $('input:checkbox[name="textsize-500"]').prop('checked', false);
-
-      if (value == true) {
-        cl = r_text_default;
-      }
-      $el.attr('class', base_classes + cl);
-
-      if(environment === 'development') {
-        logText = 'Changed textsize to: ' +cl;
-        logger.info(logText);
-      }
-      e.stopPropagation();
-    });
-
-    $('input:checkbox[name="textsize-400"]').on('click', function (e) {
-      value = $(this).is(':checked');
-
-      $('input:checkbox[name="textsize-300"]').prop('checked', false);
-      $('input:checkbox[name="textsize-500"]').prop('checked', false);
-
-      if (value == true) {
-        cl = r_text_larger;
-      }
-      $el.attr('class', base_classes + cl);
-
-      if(environment === 'development') {
-        logText = 'Changed textsize to: ' +cl;
-        logger.info(logText);
-      }
-      e.stopPropagation();
-    });
-
-    $('input:checkbox[name="textsize-500"]').on('click', function (e) {
-      value = $(this).is(':checked');
-
-      $('input:checkbox[name="textsize-300"]').prop('checked', false);
-      $('input:checkbox[name="textsize-400"]').prop('checked', false);
-
-      if (value == true) {
-        cl = r_text_largest;
-      }
-      $el.attr('class', base_classes + cl);
-
-      if(environment === 'development') {
-        logText = 'Changed textsize to: ' +cl;
-        logger.info(logText);
-      }
-      e.stopPropagation();
-    });
-  </script>
-  <!-- [INFO   ] [j1.layout.default.html                ] [ end JS for r-text resizer ] -->
+  {% comment %} Place container for the r-text resizer
   ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.layout.default.html                ] [ place container for the r-text resizer modal ] -->
+  <div id="rtext_resizer_container"></div>
 
   {% comment %} Initialize Tooltips|Popovers
   ------------------------------------------------------------------------------ {% endcomment %}

data/assets/data/authclient.html

@@ -1,5 +1,6 @@
 ---
 regenerate:                             true
+exclude_from_search:                    true
 ---
 {% capture cache %}
 

data/assets/data/banner.html

@@ -1,5 +1,6 @@
 ---
 regenerate:                             true
+exclude_from_search:                    true
 ---
 {% capture cache %}
 
@@ -144,19 +145,20 @@ regenerate:                             true
               {% for item in items[1] %}
                 {% assign key   = item[0] %}
                 {% assign value = item[1] %}
-                {% if key == 'enabled' %}     {% assign card_enabled      = value %}                   {% endif %}
-                {% if key == 'width' %}       {% assign card_width        = value %}                   {% endif %}
-                {% if key == 'type' %}        {% assign card_type         = value %}                   {% endif %}
-                {% if key == 'icon' %}        {% assign icon              = value %}                   {% endif %}
-                {% if key == 'icon_size' %}   {% assign icon_size         = value %}                   {% endif %}
-                {% if key == 'icon_color' %}  {% assign icon_color        = value %}                   {% endif %}
-                {% if key == 'image_path' %}  {% assign card_image_path   = value %}                   {% endif %}
-                {% if key == 'animate' %}     {% assign card_animate      = value %}                   {% endif %}
-                {% if key == 'title' %}       {% assign card_title        = value | strip_newlines%}   {% endif %}
-                {% if key == 'description' %} {% assign card_description  = value | strip_newlines%}   {% endif %}
-                {% if key == 'tagline' %}     {% assign card_tagline      = value | strip_newlines%}   {% endif %}
-                {% if key == 'text' %}        {% assign card_text         = value | strip_newlines %}  {% endif %}
-                {% if key == 'buttons' %}     {% assign card_buttons      = value %}                   {% endif %}
+                {% if key == 'enabled' %}                 {% assign card_enabled      = value %}                   {% endif %}
+                {% if key == 'width' %}                   {% assign card_width        = value %}                   {% endif %}
+                {% if key == 'type' %}                    {% assign card_type         = value %}                   {% endif %}
+                {% if key == 'icon' %}                    {% assign icon              = value %}                   {% endif %}
+                {% if key == 'icon_size' %}               {% assign icon_size         = value %}                   {% endif %}
+                {% if key == 'icon_color' %}              {% assign icon_color        = value %}                   {% endif %}
+                {% if key == 'image_path' %}              {% assign card_image_path   = value %}                   {% endif %}
+                {% if key == 'animate' %}                 {% assign card_animate      = value %}                   {% endif %}
+                {% if key == 'description_properties' %}  {% assign card_properties   = value %}                   {% endif %}
+                {% if key == 'title' %}                   {% assign card_title        = value | strip_newlines%}   {% endif %}
+                {% if key == 'description' %}             {% assign card_description  = value | strip_newlines%}   {% endif %}
+                {% if key == 'tagline' %}                 {% assign card_tagline      = value | strip_newlines%}   {% endif %}
+                {% if key == 'text' %}                    {% assign card_text         = value | strip_newlines %}  {% endif %}
+                {% if key == 'buttons' %}                 {% assign card_buttons      = value %}                   {% endif %}
               {% endfor %}
               {% if card_enabled == false %} {% assign card_items = card_items | minus:1 %} {% endif %}
             {% endfor %}
@@ -209,10 +211,10 @@ regenerate:                             true
 
             <!-- Body -->
             <div class="row {{animate}}">
-              <div class="{{properties}}">{{card_description}}</div>
+              <div class="{{card_properties}}">{{card_description}}</div>
               {% if card_buttons %}
-              <!-- Footer -->
-              <div class="mt-1">
+              <!-- Footer|Button row -->
+              <div class="mt-1 text-center">
                 {% for button_hash in card_buttons %}
                   {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
                   {{bs_button_html}}

data/assets/data/carousel.json

@@ -1,5 +1,6 @@
 ---
 regenerate:                             true
+exclude_from_search:                    true
 ---
 
 {% capture cache %}

data/assets/data/cookieconsent.html

@@ -1,5 +1,6 @@
 ---
 regenerate:                             true
+exclude_from_search:                    true
 ---
 
 {% capture cache %}
@@ -60,6 +61,9 @@ regenerate:                             true
   <meta name="robots" content="noindex, nofollow" />
 </head>
 
+{% comment %} i18n: translations
+-------------------------------------------------------------------------------- {% endcomment %}
+
 {% comment %} Modal cookie consent dialog (default: en-EN)
 -------------------------------------------------------------------------------- {% endcomment %}
 <div id="consent-data-en">
@@ -74,7 +78,7 @@ regenerate:                             true
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Privacy Notice</a>
-          <a href="#bccs-options" data-toggle="collapse" class="float-right">Settings</a>
+          <a href="#bccs-options" data-toggle="collapse" class="float-right">My Settings</a>
         </p>
 
         <div id="bccs-privacy" class="collapse">
@@ -84,7 +88,7 @@ regenerate:                             true
         </div>
 
         <div id="bccs-options" class="collapse">
-          <p class="tagline mt-4 mb-1"><b>Your settings</b></p>
+          <p class="tagline mt-4 mb-1"><b>Settings</b></p>
           <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
 
           <div class="bccs-option" data-name="necessary">
@@ -163,7 +167,7 @@ regenerate:                             true
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
-          <a href="#bccs-options" data-toggle="collapse" class="float-right">Einstellungen</a>
+          <a href="#bccs-options" data-toggle="collapse" class="float-right">Meine Einstellungen</a>
         </p>
 
         <div id="bccs-privacy" class="collapse">
@@ -173,7 +177,7 @@ regenerate:                             true
         </div>
 
         <div id="bccs-options" class="collapse">
-          <p class="tagline mt-4 mb-1"><b>Ihre Einstellungen</b></p>
+          <p class="tagline mt-4 mb-1"><b>Einstellungen</b></p>
           <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-3"></div>
 
           <div class="bccs-option" data-name="necessary">