RubyGems - j1-template - Versions diffs - 2023.2.7 → 2023.3.1 - Mend

j1-template 2023.2.7 → 2023.3.1

Files changed (452) hide show

data/_layouts/default.html CHANGED Viewed

@@ -3,7 +3,7 @@ layout:                                 compress
 debug:                                  false                                   # enable|disable additional debug information written to (static) content source
 ---
-{% capture j1_cache %}
+{%- capture j1_cache -%}
 {% comment %}
  # -----------------------------------------------------------------------------
@@ -33,6 +33,10 @@ debug:                                  false
  #   additional data for your specific needs based on YAML configuration
  #   data files.
  # -----------------------------------------------------------------------------
+ # NOTE:
+ #   Output whitespace control: '%-' and '-%'for all liquid markups to strip
+ #   blank lines from the rendered HTML.
+ # -----------------------------------------------------------------------------
  # Test data:
  #  {{ lanes_collate | debug }}
  # -----------------------------------------------------------------------------
@@ -152,29 +156,28 @@ debug:                                  false
       {% assign contact_issue     = "Technischer Kontakt" %}
     {% endif %}
-    {% comment %} current noscript cause errors in NU HTML Checker
+    {% comment %} current noscript cause errors in Nu HTML Checker
     See: https://validator.w3.org/nu
     ---------------------------------------------------------------------------- {% endcomment %}
     {% if page_noscript %}
-    <!-- [INFO   ] [j1.layout.default.html                ] [ place an noscript info|error page ] -->
+    <!-- [INFO   ] [j1.layout.default.html                ] [ place a noscript info|error page ] -->
     <noscript>
       <html lang="{{language}}">
         <head>
           <meta charset="utf-8" />
-          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-          <meta name="viewport" content="width=device-width, initial-scale=1" />
-          <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
-          <!-- title>{{title}} · {{http_error}}</title -->
+          <meta http-equiv="X-UA-Compatible" content="IE=edge">
+          <meta name="viewport" content="width=device-width, initial-scale=1">
+          <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}">
-          <!-- [INFO   ] [j1.layout.default.html                ] [ multiple title tags cause issues at Bing ] -->
           <style>
-            .my { margin-top: 8.5rem !important;}
+            .noscript_css {margin-top: 8.5rem !important;}
             /*! 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 class="header my">
+          <div class="header noscript_css">
             <h1>{{title}} <small>{{http_error}}</small></h1>
             <p class="lead">{{reason}}</p>
             <div><a href="{{back_url}}">{{back_url_text}}</a></div>
@@ -183,6 +186,7 @@ debug:                                  false
             <p>{{copyright_info}} · {{contact_issue}}: <a href="mailto:{{webmaster_email}}?subject={{title}}">{{webmaster_email}}</a></p>
           </footer>
         </body>
       </html>
     </noscript>
     {% endif %}
@@ -274,40 +278,42 @@ debug:                                  false
     <!-- [INFO   ] [j1.layout.default.html                ] [ end page processing ] -->
 </html>
-{% endcapture %}
+{%- endcapture -%}
 {% comment %} POST processing of the generated page using (captured) cache
 -------------------------------------------------------------------------------- {% endcomment %}
-{% case environment %}
+{%- case environment -%}
   {% comment %} DEVELOPMENT mode
-  {{ j1_cache | regex_replace: 'js-nbinteract-widget', 'btn btn-primary btn-raised js-nbinteract-widget' | regex_replace: '<h[1-2].*?>(.*?)<\/h[1-2]>', '<h2>\1</h2>' | regex_replace: '&#182;|¶' | strip_empty_lines | remove: '<p>excerpt__end</p>' | pretty_print }}
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% when 'development' or 'dev' or 'test' %}
-    {% if prettify %}
+  {%- when 'development' or 'dev' or 'test' -%}
+    {%- if prettify -%}
       {{ j1_cache | strip_empty_lines | remove: '<p>excerpt__end</p>' | pretty_print }}
-    {% else %}
+    {%- else -%}
       {{ j1_cache | strip_empty_lines | remove: '<p>excerpt__end</p>' }}
-    {% endif %} {% comment %} END prettify {% endcomment %}
+    {%- endif- %}
+    {% comment %} END IF prettify {% endcomment %}
   {% comment %} PRODUCTION mode
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% when 'production' or 'prod' %}
-    {% unless compress %}
-      {% if prettify %}
+  {%- when 'production' or 'prod' -%}
+    {%- unless compress -%}
+      {%- if prettify -%}
         {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines | pretty_print }}
-      {% else %}
-        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
-      {% endif %} {% comment %} END prettify {% endcomment %}
-    {% endunless %} {% comment %} UNLESS compress {% endcomment %}
+      {%- else -%}
+        {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines }}
+      {%- endif -%} {%- comment -%} END prettify {%- endcomment -%}
+    {%- endunless -%}
+    {% comment %} UNLESS compress {% endcomment %}
-	{% if compress %}
-      {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines  }}
-	{% endif %}
+  	{%- if compress -%}
+      {{ j1_cache | remove: '<p>excerpt__end</p>' | strip_html_comments | strip_js_comments | strip_empty_lines }}
+  	{%- endif -%}
+    {% comment %} IF compress {% endcomment %}
   {% comment %} UNKNOWN mode
   ------------------------------------------------------------------------------ {% endcomment %}
-  {% else %}
-    {{ j1_cache | remove: '<p>excerpt__end</p>'| strip_empty_lines  }}
+  {%- else -%}
+    {{ j1_cache | remove: '<p>excerpt__end</p>'| strip_empty_lines }}
-{% endcase %}
+{%- endcase -%}

data/assets/data/banner.html CHANGED Viewed

@@ -18,6 +18,9 @@ exclude_from_search:                    true
  # J1 Theme is licensed under the MIT License.
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
  # -----------------------------------------------------------------------------
+ # NOTE: All banner id's are prefixed by 'banner_'
+ #
+ # -----------------------------------------------------------------------------
  # Test data:
  #    {{ variable | debug }}
  #
@@ -259,8 +262,8 @@ exclude_from_search:                    true
                 		<img
                 			class="sticker-image"
                 			src="/assets/images/sticker/600x600/sticker-new-version.png"
-                			alt="Get new version 2023.2.7"
-                			title="Get new version 2023.2.7"
+                			alt="Get new version 2023.3.1"
+                			title="Get new version 2023.3.1"
                 			style="width: 140px; height: 120px;"
                 		>
                   </a>

data/assets/data/footer.html CHANGED Viewed

@@ -44,8 +44,14 @@ exclude_from_search:                    true
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign footer_config_defaults = site.data.blocks.defaults.footer %}
-{% assign footer_config_settings = site.data.blocks.footer %}
+{% assign template_config        = site.data.j1_config %}
+{% assign blocks                 = site.data.blocks %}
+{% assign modules                = site.data.modules %}
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign footer_config_defaults = blocks.defaults.footer %}
+{% assign footer_config_settings = blocks.footer %}
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -54,6 +60,11 @@ exclude_from_search:                    true
 {% assign footer_config_defaults = footer_config_defaults.defaults %}
 {% assign footer_config_settings = footer_config_settings.settings %}
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign footer_options         = footer_config_defaults | merge: footer_config_settings %}
 {% comment %} Set HELPER variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture footer_config_file_name %}~/_data/modules/footer.yml{% endcapture %}
@@ -127,7 +138,8 @@ exclude_from_search:                    true
         <!-- [INFO   ] [~/assets/data/footer.html                ] [Set footer box column width to: {{ footer_box_width_md }}] -->
         <!-- div id="{{footer_config_defaults.container-id}}" class="{{footer_options.theme}}" -->
-        <div id="{{footer_config_defaults.container-id}}" class="{{footer_settings.properties}}">
+        <div id="{{footer_settings.id}}" class=" {{footer_settings.properties}}">
           {% if footer_settings.wave.top.enabled %}
             {{footer_wave_top}}

data/assets/data/masonry.html CHANGED Viewed

@@ -249,7 +249,7 @@ exclude_from_search:                    true
           {% endif %}
           <div class="article-caption">
             <div class="article-caption-heading">
-              <a class="card-link {{translate}}" href="{{article.url}}">{{article.title}}</a>
+              <a class="article-link {{translate}}" href="{{article.url}}">{{article.title}}</a>
             </div>
             <div class="article-caption-subheading text-muted">{{article.tags[0]}}</div>
           </div>

data/assets/data/masterslider.html CHANGED Viewed

@@ -172,6 +172,7 @@ module_version:               {{module_version | debug}}
           id="lb-button-{{slide.title|downcase|replace:' ','-'}}"
           class="link-no-decoration icon-wrapper-2x"
           href="{{slide.foreground_image}}"
+          aria-label="Show Lightbox"
           rel="alternate"
           data-lightbox="{{slider.id}}"
           data-title="{{slide.title}}"

data/assets/data/menu.html CHANGED Viewed

@@ -227,7 +227,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
           {% if level_1.divider %} <li class="divider"></li> {% endif %}
           {% if level_1.dropdown %}
             <!-- [INFO   ] [~/assets/data/menu.html         ][submenu level 2 (dropdown) detected ] -->
-            <li class="dropdown nav-item nav-sub-item">
+            <li class="dropdown nav-sub-item">
               {% if level_1.icon == null %}
                 <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{{ level_1.title }}</a>
               {% else %}
@@ -254,7 +254,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                   {% if level_2.divider %} <li class="divider"></li> {% endif %}
                   {% if level_2.dropdown %}
                     <!-- [INFO   ] [~/assets/data/menu.html         ][submenu level 3 detected (last level supported)] -->
-                    <li class="dropdown nav-item nav-sub-item">
+                    <li class="dropdown nav-sub-item">
                       {% if level_2.icon == null %}
                         <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">{{ level_2.title }}</a>
                       {% else %}
@@ -437,7 +437,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                 {% for item in menu.theme_select %}
                   <!-- check for locally loaded J1 Themes -->
                   {% if item.local_themes and item.local_themes == 'enabled' %}
-                    <li class="dropdown nav-item nav-sub-item">
+                    <li class="dropdown nav-sub-item">
                       <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown"><i class="dropdown {{nav_menu_icon_family}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{item.title}}</a>
                       <ul id="local_themes" class="dropdown-menu raised-z{{raised_level}}"></ul>
                     </li>
@@ -445,7 +445,7 @@ See: https://stackoverflow.com/questions/39935447/is-there-any-way-to-exclude-ma
                   {% endif %} <!-- end J1 theme selector -->
                   <!-- check for remotely loaded (BootSwatch) Themes -->
                   {% if item.bootswatch_themes and item.bootswatch_themes == 'enabled' %}
-                    <li class="dropdown nav-item nav-sub-item">
+                    <li class="dropdown nav-sub-item">
                       <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown" data-hover="dropdown"><i class="dropdown {{nav_menu_icon_family}} {{nav_menu_icon_family}}-{{item.icon}} {{nav_menu_icon_size}} mr-2" style="color:{{nav_menu_icon_color}}"></i> {{item.title}}</a>
                       <ul id="remote_themes" class="dropdown-menu scrollable-menu raised-z{{raised_level}}"></ul>
                     </li>

data/assets/data/panel.html CHANGED Viewed

@@ -18,6 +18,9 @@ exclude_from_search:                    true
  # J1 Theme is licensed under the MIT License.
  # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
  # -----------------------------------------------------------------------------
+ # NOTE: All panel id's are prefixed by 'panel_'
+ #
+ # -----------------------------------------------------------------------------
  # Test data:
  #    {{ variable | debug }}
  # -----------------------------------------------------------------------------
@@ -734,7 +737,7 @@ exclude_from_search:                    true
                     <div class="card-profile mb-0">
                       <div class="card-icon mt-4">
-                        <a href="{{card_href}}" class="link-no-decoration">
+                        <a href="{{card_href}}" class="link-no-decoration" aria-label="Read more on features">
                           <i class="card-icon-circle raised-z0 {{icon_family}} {{icon_family}}-{{card_icon}} {{icon_size}} {{icon_color}} card-icon-background-color-primary"></i>
                         </a>
                       </div>
@@ -742,7 +745,7 @@ exclude_from_search:                    true
                       <div class="content mt-4">
                         <div class="card-header">
-                          <h6 class="notoc category text-gray {{card_header_translate}}">{{card_title}}</h6>
+                          <h6 class="notoc category {{card_header_translate}}">{{card_title}}</h6>
                           <h4 class="notoc card-title {{card_header_translate}}">{{card_tagline}}</h4>
                         </div>
                         <div class="card-body g-min-height-350 r-text-300 mt-0">{{card_text}}</div>
@@ -899,7 +902,7 @@ exclude_from_search:                    true
               <!-- [INFO   ] [~/assets/data/panel.html              ] [ blocktype detected as: {{card_block}} ] -->
               {% if card_block == 'card-list' %}
-              <div class="no-class">
+              <div class="preview_content">
                 <ul id="{{panel_settings.id}}-scroll-group" class="scroll-group scroll-group-horizontal align-items-stretch flex-wrap">
                   <!-- [INFO   ] [~/assets/data/panel.html              ] [ write post items (card_block == 'card-list')] -->
                 {% for post in site.posts %}