j1-template 2022.5.2 → 2022.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7d455e9fdd1e59d98fdb354bd5e6056fd54efb4061cfb8cac3b91400ed31d2a5
-  data.tar.gz: '0558b90d629f07dafa8befe632c35154eabd050917adb61c80d649a583c9614c'
+  metadata.gz: 88b3dab96c6adc91201e34c0e6d79230f9c483a65ee9659acd871c286ba2a8b8
+  data.tar.gz: 3d9d17b16996e6dd612f40c84314b722a94d344a8b7fb56dc6ef4a501eaf72be
 SHA512:
-  metadata.gz: a1815e3964b482258219eaa372b888151a69fac49560f6028c2279c037a6fbaf31f889c9d834140be6c95f40f029095f2b66309216cd4afedbf9352353a68556
-  data.tar.gz: cf60af891ad3ccc1aa6ce6160c22456a9ecff4ed8e916d0da6a8b955deaa9d1b94342213269b6acab0db56b262d47ae4edded43099799a6919737e9d4db34afe
+  metadata.gz: 9f7a3c837cdde3a92f09f617e22bb298852a2aa268d4da3b13b7d86b4cb39a112f08e0c20d1dc7cf0b1c2576c0e33852d6ae0da29ebb3935283db68fe104b192
+  data.tar.gz: e7dfee92d4040cf976607f6e08d130818a4a3c8e8a8a07272957598c2d9f76645c6d2871eb8aecff18c64bafe4df90c30c0f2746d3ff550c032079a97cf2f5b7

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

@@ -2,7 +2,7 @@
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/layouts/content_generator_news_panel_posts.html
  # Liquid template to create the content portion of all posts to be used
- # for infinite scroll by the news panel (home page)
+ # for infinite scroll by the news panel.
  #
  # Product/Info:
  # https://jekyll.one
@@ -26,51 +26,58 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config             = site.data.j1_config %}
-{% assign blocks                      = site.data.blocks %}
-{% assign modules                     = site.data.modules %}
-{% assign builder                     = site.data.builder %}
-{% assign plugins                     = site.data.plugins %}
-
+{% assign template_config                 = site.data.j1_config %}
+{% assign blocks                          = site.data.blocks %}
+{% assign modules                         = site.data.modules %}
+{% assign builder                         = site.data.builder %}
+{% assign plugins                         = site.data.plugins %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign panel_config_defaults       = blocks.defaults.panel %}
-{% assign panel_config_settings       = blocks.panel %}
-{% assign bs_config                   = template_config.bootstrap %}
-
-{% assign blog_navigator_defaults     = modules.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings     = modules.blog_navigator.settings %}
-{% assign paginator_defaults          = plugins.defaults.paginator.defaults %}
-{% assign paginator_settings          = plugins.paginator.settings %}
+{% assign panel_config_defaults           = blocks.defaults.panel %}
+{% assign panel_config_settings           = blocks.panel %}
+{% assign bs_config                       = template_config.bootstrap %}
 
-{% assign panel_config_defaults       = panel_config_defaults.defaults %}
-{% assign panel_config_settings       = panel_config_settings.settings %}
+{% assign blog_navigator_defaults         = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings         = modules.blog_navigator.settings %}
+{% assign paginator_defaults              = plugins.defaults.paginator.defaults %}
+{% assign paginator_settings              = plugins.paginator.settings %}
 
+{% assign panel_config_defaults           = panel_config_defaults.defaults %}
+{% assign panel_config_settings           = panel_config_settings.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_options              = blog_navigator_defaults | merge: blog_navigator_settings %}
-{% assign paginator_options                   = paginator_defaults | merge: paginator_settings %}
+{% assign blog_navigator_options          = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign paginator_options               = paginator_defaults | merge: paginator_settings %}
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign article_navigator                   = blog_navigator_settings.article_navigator %}
-{% assign article_previewer                   = blog_navigator_settings.article_previewer %}
-{% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
-{% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
-
-{% assign previewer                           = blog_navigator_options.previewer %}
-{% assign paginate                            = paginator_options.pagination.enabled %}
-
-{% assign truncate_words                      = site.excerpt_truncate_words %}
+{% assign article_navigator               = blog_navigator_settings.article_navigator %}
+{% assign article_previewer               = blog_navigator_settings.article_previewer %}
+{% assign article_navigator_description   = blog_navigator_options.article_navigator.description %}
+{% assign article_previewer_description   = blog_navigator_options.article_previewer.description %}
 
+{% assign previewer                       = blog_navigator_options.previewer %}
+{% assign paginate                        = paginator_options.pagination.enabled %}
+{% assign truncate_words                  = site.excerpt_truncate_words %}
 
 {% assign production = false %}
 {% if environment == 'prod' or environment == 'production' %}
   {% assign production = true %}
 {% endif %}
 
+{% comment %} Collect CSS image filters
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if blog_navigator_options.filters %}
+  {% for filter in blog_navigator_options.filters %}
+    {% capture css_filters %}{{css_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
+  {% endfor %}
+  {% capture image_filters %}filter:{{css_filters}}{% endcapture %}
+{% else %}
+  {% assign image_filters = '' %}
+{% endif %}
+
 {% comment %} language detection  (i18n)
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if {{site.language}} == "en" %}
@@ -122,7 +129,7 @@
 {% endif %}
 
 {% comment %} Main
-================================================================================ {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% for items in panel_config_settings %}
   {% assign key             = items[0] %}
   {% assign value           = items[1] %}
@@ -176,7 +183,7 @@
       {% if raised %}
         {% capture card_raised %}raised-z{{raised}}{% endcapture %}
       {% else %}
-        {% assign card_raised = 'raised-z3' %}
+        {% assign card_raised = 'raised-z0' %}
       {% endif %}
 
       {% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' or icon_family == 'fa'%}
@@ -263,15 +270,15 @@
               {% comment %} default for card_block: card-deck
               ------------------------------------------------------------------ {% endcomment %}
               {% if card_block == "card-deck" or card_block == "card-list" %}
-                <!-- [INFO   ] [j1.assets.data.panel.html             ] [ blocktype detected as: {{card_block}} ] -->
+                <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ blocktype detected as: {{card_block}} ] -->
 			        {% else %}
-				        <!-- [INFO   ] [j1.assets.data.panel.html             ] [ set blocktype to: card-deck ] -->
+				        <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ set blocktype to: card-deck ] -->
                 {% assign card_block = "card-deck" %}
               {% endif %}
 
-              <!-- [INFO   ] [j1.assets.data.panel.html             ] [ blocktype detected as: {{card_block}} ] -->
+              <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ blocktype detected as: {{card_block}} ] -->
               {% if card_block == 'card-list' %}
-
+              <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ card block detected: 'card-list' ] -->
               {% if debug %}
               <!-- paginator.per_page:      {{paginator.per_page}} -->
               <!-- paginator.total_posts:   {{paginator.total_posts}} -->
@@ -283,17 +290,24 @@
                   {% for post in paginator.posts %}
                   <!-- post items-->
                   <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">
+                    <article class="card card-same-height raised-z0 mb-5">
+                      <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ place post image ] -->
                       {% if post.image %}
-                        <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
+                        {% if post.image.path %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
+                        {% else %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
+                        {% assign post_width = '80x' %}
+                        {% endif %}
                       {% else %}
                         <img class="mt-2" src="" alt="">
                         {% assign post_width = '100x' %}
                       {% endif %}
+
                       <h3 class="card-header bg-primary notoc notranslate">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
-                      <div class="card-body r-text-300">
+                      <div class="card-body r-text-300 mt-0">
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
                       <!-- End Body|Excerpt -->
@@ -339,6 +353,7 @@
               {% endif %}
 
               {% if card_block == 'card-deck' %}
+              <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ card block detected: 'card-deck' ] -->
               <!-- Recent posts -->
               <div id="{{panel_settings.id}}-scroll-group" class="row card-deck">
               {% for post in paginator.posts %} {% for category in post.categories %}
@@ -347,17 +362,23 @@
                 {% if category == post_category and last_post_written != true %}
                   {% assign posts_written = posts_written|plus:1 %}
                     <!-- Posts -->
-                    <article id="{{panel_settings.id}}-scroll-item" class="card raised-z3 mb-3">
+                    <article id="{{panel_settings.id}}-scroll-item" class="card raised-z0 mb-3">
+                      <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ place post image ] -->
                       {% if post.image %}
-                        <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}">
+                        {% if post.image.path %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
+                        {% assign post_width = '80x' %}
+                        {% else %}
+                          <img class="img-fluid img-object--cover g-height-200" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
+                        {% endif %}
                       {% else %}
                         <img class="mt-2" src="" alt="">
                         {% assign post_width = '100x' %}
                       {% endif %}
                       <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
-                      <div class="card-body r-text-300">
+                      <div class="card-body r-text-300 mt-0">
                         {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>

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

@@ -66,28 +66,28 @@
   {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to UserState cookie] -->
+<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to j1_user_state cookie] -->
 <!-- script>
-        var logger   = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
-        var cookieUserState = 'j1.user.state'
-        var log_text = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
+  var logger          = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
+  var cookieUserState = 'j1.user.state'
+  var log_text        = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
 
-        var j1_user_state = {
-          'authenticated' : 'false',
-          'cookies_accepted' : 'false',
-          'theme_css' : 'unknown',
-          'theme_extension_css' : 'unknown',
-          'theme_name' : 'unknown',
-          'last_page' : 'unknown',
-          'last_provider' : 'unknown',
-          'last_signin' : 'unknown',
-          'provider' : 'unknown',
-          'user_name' : 'unknown',
-          'user_id' : 'unknown'
-        };
+  var j1_user_state = {
+    'authenticated' : 'false',
+    'cookies_accepted' : 'false',
+    'theme_css' : 'unknown',
+    'theme_extension_css' : 'unknown',
+    'theme_name' : 'unknown',
+    'last_page' : 'unknown',
+    'last_provider' : 'unknown',
+    'last_signin' : 'unknown',
+    'provider' : 'unknown',
+    'user_name' : 'unknown',
+    'user_id' : 'unknown'
+  };
 
-        // Set|Detect J1 App status
-        j1_user_state.last_page = "{{browser_page_url}}"
-        j1.setUserState( j1_user_state );
-        logger.info(log_text);
-        </script -->
+  // Set|Detect J1 App status
+  j1_user_state.last_page = "{{browser_page_url}}"
+  j1.setUserState( j1_user_state );
+  logger.info(log_text);
+</script -->

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

@@ -95,7 +95,7 @@
       {% if page.series %}
       <header class="bmd-layout-header">
         <!-- jadams, 2021-02-28 added mb-3 to the navbar -->
-        <div class="navbar navbar-dark bg-primary raised-z2">
+        <div class="navbar navbar-dark bg-primary raised-z0">
           <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-bs-toggle="drawer" data-bs-target="#post_navigator" aria-label="drawer-toggler-button">
             <span class="mdi mdi-menu mdi-2x"></span>
           </button>

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

@@ -44,7 +44,7 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ start processing: place meta tags (taken from site config|page frontmatter) ] -->
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ start meta-data processing: place meta tags (taken from site config|page frontmatter) ] -->
 
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ page|content encoding ] -->
 <meta http-equiv="Content-Type" content="text/html;charset={{site.coding}}" />
@@ -68,84 +68,11 @@
 <meta name="{{template_config.translation.google.meta_data}}" content="enabled" />
 {% endif %}
 
-{% if page.layout == 'home' %}
-  <title>{{site.slogan}}</title>
-{% else %}
-  <title>{{page.tagline}}</title>
-{% endif %}
-
-{% if page.layout == 'home' %}
-  {% if site.description %}
-    {% assign size = site.description|size %}
-    <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ SIZE of site description: {{size}} chars ] -->
-    {% if size >= 70 %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Gratulations! Your site description has more than 70 chars. Recommended: 70-160 characters ] -->
-    {% else %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider! IMPROVE|INCREASE your site description, recommended: 70-160 characters ] -->
-    {% endif %}
-    <meta name="description" content="{{site.description}}" />
-  {% endif %}
-{% else %}
-  {% if page.description %}
-    <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ detected content type: PAGE ] -->
-    {% assign size = site.description|size %}
-    <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ SIZE of page description: {{size}} chars ] -->
-    {% if size >= 70 %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ GRATULATIONS. Your page description has more than 70 characters. (Recommended: 70-160 characters) ] -->
-    {% else %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider to IMPROVE|INCREASE your page description! ] -->
-    {% endif %}
-    <meta name="description" content="{{page.description}}" />
-  {% elsif page.excerpt %}
-    <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ detected content type: POST ] -->
-    {% assign size = page.excerpt|size %}
-    <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ SIZE of page exerpt: {{size}} chars ] -->
-    {% if size >= 70 %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ GRATULATIONS. Your page description (exerpt) has more than 70 characters. (Recommended: 70-160 characters) ] -->
-    {% else %}
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider to IMPROVE|INCREASE your post excerpt for a valid page description! ] -->
-    {% endif %}
-    <meta name="description" content="{{page.excerpt|strip_html}}" />
-  {% else %}
-    <!-- [WARNING] [j1.layout.meta_data_generator.html    ] [ NO page description detected ] -->
-    <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider to add a page description! ] -->
-  {% endif %}
-{% endif %}
-
 {% if site.favicon.image %}
+  <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ favicon for browser ] -->
   <link rel="icon" type="{{site.favicon.type}}" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
-{% endif %}
-
-{% if page.layout == 'home' %}
-  {% if page.author %}
-    <meta name="author" content="{{page.author}}" />
-  {% else %}
-    <meta name="author" content="{{site.author.name}}" />
-  {% endif %}
-{% else %}
-  {% if page.author %}
-    <meta name="author" content="{{page.author}}" />
-  {% else %}
-    <meta name="author" content="{{site.author.name}}" />
-  {% endif %}
-{% endif %}
-
-{% if page.layout == 'home' %}
-  {% if page.keywords %}
-    <meta name="keywords" content="{{page.keywords}}" />
-  {% else %}
-    {% if site.keywords %}
-      <meta name="keywords" content="{{site.keywords}}" />
-    {% endif %}
-  {% endif %}
-{% else %}
-  {% if page.keywords %}
-    <meta name="keywords" content="{{page.keywords}}" />
-  {% else %}
-    {% if site.keywords %}
-      <meta name="keywords" content="{{site.keywords}}" />
-    {% endif %}
-  {% endif %}
+  <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ favicon for the google crawler ] -->
+  <link rel="shortcut icon" href="{{site.data.j1_config.image_path}}/{{site.favicon.image}}" />
 {% endif %}
 
 {% comment %} Check robot settings from site configuration
@@ -258,8 +185,9 @@
 {{personalization}}
 
 
-{% comment %} SEO settings (optimization)
+{% comment %} SEO Optimization
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ start SEO Optimization ] -->
 
 {% comment %} PRELOAD fonts
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -346,4 +274,10 @@
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider! PRECONNECT 3rd party origins to establish early connections ] -->
 {% endif %}
 
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ end processing ] -->
+{% comment %} Add J1 SEO Tags
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ add J1 SEO Tags ] -->
+{% seo %}
+<!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ end SEO Optimization ] -->
+
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ end meta-data processing ] -->

data/_includes/themes/j1/procedures/blocks/get_wave.proc

@@ -0,0 +1,211 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/themes/j1/procedures/blocks/get_wave.proc
+ # Liquid PROCEDURE to generate the HTML portion of a wave element
+ # applied to J1 block elements (like footers, banners and panels).
+ #
+ # https://jekyll.one
+ # Copyright (C) 2022 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Global procedure. Read RGB category values from j1_categorys.yml and returns
+ #  the category found with liquid var category
+ #
+ #   Usage:
+ #     1)  load (capture) the procedure 'get_wave.proc'
+ #     2)  reference (include) the procedure 'get_wave.proc'
+ #     3)  assign the 'wave' variable to (hash) data the wave element is
+ #         defined.
+ #     4)  finally, assign the resulting HTML data (for output)
+ #
+ #  Example:
+ #
+ #  {% capture get_wave %}themes/{{site.template.name}}/procedures/blocks/get_wave.proc{% endcapture %}
+ #
+ #  {% include {{get_wave}} wave=footer_settings.wave %}
+ #  {% assign my_wave = {{_wave}} %}
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  category:  {{ item[0] }}: {{ item[1] }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign position      = include.position %}
+{% assign wave_settings = include.wave %}
+{% assign _wave         = nil %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Calculate|Set WAVE scales
+TODO: Check why corrections of plus:1 or minus:1 are required
+--------------------------------------------------------------------------------
+{% if wave_height > 1 %}
+  {% if position == 'top' %}
+    {% assign translate_y     = wave_height|times:-2|plus:1 %}
+    {% assign position_class  = 'wave-top' %}
+  {% elsif position == 'bottom' %}
+    {% assign translate_y     = wave_height|times:2|minus:1 %}
+    {% assign position_class  = 'wave-bottom' %}
+  {% else %}
+    {% assign translate_y = 1 %}
+  {% endif %}
+{% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Calculate|Set WAVE scales
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign wave_height         = wave_settings.height %}
+{% assign wave_height_factor  = wave_settings.height|plus:1 %}
+{% assign min-height          = wave_height|times:10|plus:100 %}
+{% assign padding-value       = wave_height|times:10 %}
+
+{% capture padding %}{{padding-value}}px{% endcapture %}
+
+{% comment %} Disabled translate_y (scale wave)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if wave_height > 1 %}
+  {% if position == 'top' %}
+    {% assign translate_y     = 0 %}
+    {% assign position_class  = 'wave-top' %}
+  {% elsif position == 'bottom' %}
+    {% assign translate_y     = 0 %}
+    {% assign position_class  = 'wave-bottom' %}
+  {% else %}
+    {% assign translate_y     = 0 %}
+  {% endif %}
+{% endif %}
+
+{% if wave_height > 1 %}
+  {% capture scale %}translate(0,{{translate_y}}) scale(1,1.{{wave_height}}){% endcapture %}
+{% else %}
+  {% capture scale %}scale(1,1){% endcapture %}
+{% endif %}
+
+{% if wave_settings.background_color == 'auto' %}
+  {% assign wave_background_color = 'var(--bs-body-bg)' %}
+{% else %}
+  {% assign wave_background_color = wave_settings.background_color %}
+{% endif %}
+
+
+
+{% comment %} Set WAVE transformations
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign wave_transforms = wave_settings.transform|normalize_whitespace|split:' ' %}
+
+{% assign wave_transform = '' %}
+{% assign transform_filters = '' %}
+
+{% for item in wave_transforms %}
+  {% if item == 'rotate' %}
+    {% capture wave_transform %}rotate(180){% endcapture %}
+  {% elsif item == 'flip-x' %}
+    {% capture wave_transform %}scale(1,-1){% endcapture %}
+  {% elsif item == 'flip-y' %}
+    {% capture wave_transform %}scale(-1,1){% endcapture %}
+  {% else %}
+    {% capture wave_transform %}{% endcapture %}
+  {% endif %}
+
+  {% capture transform_filters %}{{transform_filters}} {{wave_transform}}{% endcapture %}
+{% endfor %}
+
+{% capture wave_transform %}transform="{{transform_filters}}"{% endcapture %}
+
+
+{% comment %} Set WAVE styles
+-------------------------------------------------------------------------------- {% endcomment %}
+{% case wave_settings.style %}
+  {% when 'wave-1' %}
+  {% capture wave %}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 1440 100"
+    transform="{{scale}}{{transform_filters}}">
+    <path
+       fill="{{wave_settings.color}}"
+       fill-opacity="1"
+       d="m 0,71.532704 h 106.6938 c 106.6938,0 320.08137,0 533.46898,-18.948546 C 853.55038,33.279773 1066.938,-4.0835522 1280.3256,0.36446289 1493.7131,4.8124779 1707.1007,52.851042 1813.7945,76.2476 L 1920.4883,100 v 0 h -106.6938 c -106.6938,0 -320.0814,0 -533.4689,0 -213.3876,0 -426.77522,0 -640.16282,0 -213.38761,0 -426.77518,0 -533.46898,0 H 0 Z"
+    />
+  />
+  {% endcapture %}
+
+  {% when 'wave-2' %}
+  {% capture wave %}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 1440 100"
+    transform="{{scale}}{{transform_filters}}">
+    <path
+       fill="{{wave_settings.color}}"
+       fill-opacity="1"
+       d="M 0,13.637791 160,8.8698767 C 320.00001,3.7421199 640.00002,-5.2539441 960.00004,4.0120013 1280,13.637791 1600.0001,42.425196 1760.0001,56.8189 L 1920,71.212604 V 100 h -159.9999 c -160,0 -480.0001,0 -800.00006,0 -320.00002,0 -640.00003,0 -800.00003,0 H 0 Z"
+    />
+  />
+  {% endcapture %}
+
+  {% when 'wave-3' %}
+  {% capture wave %}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 1440 100"
+    transform="{{scale}}{{transform_filters}}">
+    <path
+       fill="{{wave_settings.color}}"
+       fill-opacity="1"
+       d="m 0,0 160,11.111108 c 160,11.111113 480,33.333338 800,46.284725 320,13.09028 640.0001,16.5625 800,18.541667 l 160,1.840279 V 100 h -160 c -159.9999,0 -480,0 -800,0 -320,0 -640,0 -800,0 H 0 Z"
+    />
+  />
+  {% endcapture %}
+
+  {% when 'wave-4' %}
+  {% capture wave %}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    transform: rotate(180deg)
+    viewBox="0 0 1440 100"
+    transform="{{scale}}{{transform_filters}}">
+    <path
+       fill="{{wave_settings.color}}"
+       fill-opacity="1"
+       d="m 1920,55.555554 -160,7.395833 C 1600.0001,70.486113 1280,85.069446 960,75.9375 640,66.666667 319.99995,33.333333 160.00005,16.666667 L 0,0 V 100 H 160.00005 C 319.99995,100 640,100 960,100 c 320,0 640.0001,0 800,0 h 160 z"
+    />
+  />
+  {% endcapture %}
+
+  {% else %}
+  {% capture wave %}
+  <svg
+     xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 1440 100">
+     <path
+       fill="{{wave_settings.color}}"
+       fill-opacity="1"
+       d="m 0,71.532704 h 71.111114 c 71.111116,0 213.333326,0 355.555566,-18.948546 C 568.88891,33.279773 711.11114,-4.0835522 853.33336,0.36446289 995.55556,4.8124779 1137.7778,52.851042 1208.8889,76.2476 L 1280,100 v 0 h -71.1111 c -71.1111,0 -213.33334,0 -355.55554,0 -142.22222,0 -284.44445,0 -426.66668,0 -142.22224,0 -284.44445,0 -355.555566,0 H 0 Z"
+     />
+  />
+  {% endcapture %}
+
+{% endcase %}
+
+{% comment %} Generate WAVE container
+TODO: Check why corrections of margin-top:-1 or margin-bottom:-1 are required
+{% capture _wave %}<div class="wavebox" style="background-color: {{wave_settings.background_color}}; margin-top: -1px; margin-bottom: -1px;">{{wave}}</div>{% endcapture %}
+{% capture _wave %}<div class="wavebox" style="background-color: var(--bs-body-bg); margin-top: -1px; margin-bottom: -1px;">{{wave}}</div>{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if position == 'top' %}
+  {% capture _wave %}<div class="wave wave-top" style="padding-top: {{padding}}; background-color: {{wave_background_color}}; margin-top: -1px; margin-bottom: -1px;">{{wave}}</div>{% endcapture %}
+{% else %}
+  {% capture _wave %}<div class="wave wave-bottom" style="padding-bottom: {{padding}}; background-color: {{wave_background_color}}; margin-top: -1px; margin-bottom: -1px;">{{wave}}</div>{% endcapture %}
+{% endif %}

data/_includes/themes/j1/procedures/collections/create_collection_article_preview.proc

@@ -52,7 +52,7 @@
    <div class="article-overview-heading">
 
      <h3 id="{{ 100000 | rand }}" class="article-overview-name">
-       <a href="{{ article.url }}#readmore">
+       <a class="link-no-decoration" href="{{ article.url }}#readmore">
          {% if article.nickname %}
            {{ article.nickname }}
          {% else %}

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

@@ -42,7 +42,7 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign source      = include.source %}
 {% assign word_list   = include.word_list %}
-{% assign word_array  = word_list  | split:',' | sort %}
+{% assign word_array  = word_list | split:',' | sort %}
 
 {% if source == 'categories' %}
   {% assign categories = site.categories | sort %}