j1-template 2023.6.0 → 2023.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0b6b429bb9a3a2e4a2b0b84df217409c88532a6424f5aeecec783e11ebe1d068
-  data.tar.gz: e671e654d0b8be848348b4f5dc961420eb5bfc7852e33ec14cd5a2cb8bb99f64
+  metadata.gz: 4b81cbcff868934bf1b9a11cfce4b68c63ee3a8daf09cae72825c2802aed5ec6
+  data.tar.gz: 03b9384878418afb80c40708349c7c2a404ce0fca02a9d6a8ac648cd90841718
 SHA512:
-  metadata.gz: fdd87d5e28fbc093adf5a6b638b4f54c8c74824a4936e4600d95b62f7490ff3785b1c0ae5d3742512f17d482e3122d25604c913ac2f3b110124e4686849aa699
-  data.tar.gz: e08098021fe7d906cfed89f16cf76266e7694de0e392e9bb6a672a815a24a21b84487f70750cdfdadf126305e92beb1b16f5d11eb9e6784395c37d361ad77450
+  metadata.gz: a97fd31b2a0313b8c12079d11057ca39094a8cf837ec0f4b0957fbe5ab5b552694ad04747dad3fcb43c898a2a156583ca5bda1fcd785d8e86ce29309d463391e
+  data.tar.gz: 46c94bd435ff3319294d712507dc7a84b9f677671b9bbc07ca89e5fc96ac4738c956ab60a9229edb3af1eeb354714a3d807583832892e7cae8865c5c42e8de82

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

@@ -223,7 +223,7 @@
                 </div>
 
                 {% if paginator.total_pages > 1 %}
-                <nav class="paginator mb-4">
+                <nav class="paginator speak2me-ignore mb-4">
                   <ul class="pagination raised-z0">
                     {% if paginator.previous_page %}
                       <li class="page-item">
@@ -296,10 +296,10 @@
                       <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ place post image ] -->
                       {% if post.image %}
                         {% if post.image.path %}
-                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
+                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image.path}}" alt="{{post.tagline}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
                         {% else %}
-                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
+                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image}}" alt="{{post.tagline}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
                         {% endif %}
                       {% else %}
@@ -307,13 +307,14 @@
                         {% assign post_width = '100x' %}
                       {% endif %}
 
-                      <h3 class="card-header bg-primary notoc notranslate">{{post.title}}</h3>
+                      <!-- h3 id="{{1000000 | rand}}" class="card-header bg-primary notoc notranslate">{{post.title}}</h3 -->
+                      <h3 id="{{1000000 | rand}}" class="card-header bg-primary notranslate">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
                       <div class="card-body r-text-300 mt-0">
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
                       <!-- End Body|Excerpt -->
-                      <div class="card-footer r-text-200">
+                      <div class="card-footer speak2me-ignore r-text-200">
 
                         <div class="card-footer-text">
                           {% if language == "en" %}
@@ -368,24 +369,25 @@
                       <!-- [INFO   ] [j1.layouts.content_generator_news_panel_posts.html ] [ place post image ] -->
                       {% if post.image %}
                         {% if post.image.path %}
-                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image.path}}" alt="{{post.title}}" style="{{image_filters}};">
+                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image.path}}" alt="{{post.tagline}}" style="{{image_filters}};">
                         {% assign post_width = '80x' %}
                         {% else %}
-                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image}}" alt="{{post.title}}" style="{{image_filters}};">
+                          <img class="img-fluid img-object--cover g-height-300" src="{{post.image}}" alt="{{post.tagline}}" 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>
+
+                      <h3 id="{{1000000 | rand}}" class="card-header bg-primary notoc">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
                       <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>
                       <!-- End Body|Excerpt -->
-                      <div class="card-footer r-text-200">
+                      <div class="card-footer speak2me-ignore r-text-200">
 
                         <div class="card-footer-text">
                           {% if language == "en" %}

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

@@ -78,7 +78,7 @@
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- Blog post CONTENT -->
   <div class="row">
-    <main id="main-content" class="r-text-{{rtext_size}} js-toc-content">
+    <div id="content" class="">
       {% if page.page_navigation %}
         <!-- Include a PAGER (top position) -->
         {% include {{pager}} %}
@@ -89,17 +89,19 @@
       <!-- place blog post HEADLINE -->
       <div class="post-headline mt-4">
         {% if language == "en" %}
-          <h1 class="notoc">{{ page.date | localize: "%Y %B, %e" }}</h1>
+          <!-- h1 class="notoc">{{ page.date | localize: "%Y %B, %e" }}</h1 -->
+          <h1 id="{{1000000 | rand}}">{{ page.date | localize: "%Y %B, %e" }}</h1>
         {% endif %}
         {% if language == "de" %}
-          <h1 class="notoc">{{ page.date | localize: "%-d. %B %Y" }}</h1>
+          <!-- h1 class="notoc">{{ page.date | localize: "%-d. %B %Y" }}</h1 -->
+          <h1 id="{{1000000 | rand}}">{{ page.date | localize: "%-d. %B %Y" }}</h1>
         {% endif %}
       </div>
 
       {% comment %} Place Blog post SERIES Navigation
       -------------------------------------------------------------------------- {% endcomment %}
       {% if page.series %}
-      <header class="bmd-layout-header">
+      <header class="bmd-layout-header" data-speak2me-ignore>
         <!-- jadams, 2021-02-28 added mb-3 to the navbar -->
         <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="Series button">
@@ -134,9 +136,9 @@
       -------------------------------------------------------------------------- {% endcomment %}
       <!-- Content placed by post_content.html -->
       <!-- Additional div container placed for dropcaps used in series -->
-      <div class="mt-4">
+      <main id="main-content" class="r-text-{{rtext_size}} js-toc-content mt-4">
       {{content}}
-      </div>
+      </main>
 
     {% if page.series %}</nav>{% endif %}
 

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

@@ -104,7 +104,8 @@
                 <div class="input-group">
                   <span class="input-group-addon"><i class="mdib mdib-magnify mdib-2x mb-2" style="color:#9E9E9E"></i></span>
                   <input id="search-query" type="text" name="q" placeholder="Your search expression" autocomplete="off" class="form-control">
-                  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdib mdib-format-clear mdib-2x" style="color:#9E9E9E"></i> </span>
+                  <!-- span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdib mdib-format-clear mdib-2x" style="color:#9E9E9E"></i> </span -->
+                  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 1.15rem"> <i class="mdib mdib-format-clear mdib-24px" style="color:#9E9E9E"></i> </span>
                   <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="margin-top: 24px;"></button>
                 </div>
               </div>

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

@@ -50,7 +50,6 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-
 {% case button_type %}
 
   {% when 'link' %}

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

@@ -39,6 +39,7 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Variables
+word_array:  {{ word_array | debug }}
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign source      = include.source %}
 {% assign word_list   = include.word_list %}
@@ -61,7 +62,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 g-0 ml-3">
+<div id="word-cloud" class="row speak2me-ignore g-0 ml-3">
   <div class="tag__box mt-0 mb-2">
     <div class="tag__cloud">
 
@@ -72,7 +73,7 @@
       <ul class="content">
         {% if source == 'categories' %}
           {% for tag in word_array %}
-            <li class="badge-tag">
+            <li class="badge-tag categories">
               <a class="bg-primary" href="#{{tag|downcase}}">
                 {{ tag | capitalize }}
                 <span>{{ site.categories[tag] | size }}</span>
@@ -81,7 +82,7 @@
           {% endfor %}
         {% elsif source == 'tags' %}
           {% for tag in word_array %}
-            <li class="badge-tag">
+            <li class="badge-tag tags">
               <a class="bg-primary" href="#{{ tag | replace: '+','_' | replace: ' ','_' | downcase }}">
                 {{ tag }}
                 <span>{{ site.tags[tag] | size }}</span>

data/_includes/themes/j1/procedures/global/date-german.proc

@@ -39,20 +39,15 @@ See: https://github.com/uwolf/jekyll-i18n-date
 NOTE already implemented as an plugin: ~/_plugins/date-i18n.rb
 -------------------------------------------------------------------------------- {% endcomment %}
 
-
-{% comment %} Variables
--------------------------------------------------------------------------------- {% endcomment %}
-
-
-
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-
 {% assign formattedDate = '' %}
 
 {% if include.showDay %}

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

@@ -33,28 +33,22 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign _categories = include.post.categories %}
 {% assign _category   = nil %}
 
 
-{% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
-
-
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-
-  {% for item in _categories %}
-    {% if item == "posts"  %}
-      {% continue %}
-    {% else %}
-      {% assign _category = item %}
-      {% break %}
-    {% endif %}
-  {% endfor %}
-
-
-
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for item in _categories %}
+  {% if item == "posts"  %}
+    {% continue %}
+  {% else %}
+    {% assign _category = item %}
+    {% break %}
+  {% endif %}
+{% endfor %}

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

@@ -34,47 +34,43 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign _category       = include.category %}
 {% assign _category_icon  = nil %}
 
 {% assign _category_icons = site.data.categories %}
 
 
-{% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
-
-
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-
-  {% for item in _category_icons %}
-    {% if item[0] == _category %}
-      {% assign _category = "found" %}
-      {% assign _category_icon = item[1] %}
-      {% break %}
-    {% endif %}
-  {% endfor %}
-
-  {% if _category == include.category %}
-    {% assign icon_name = site.data.categories.default.icon_name | downcase %}
-    {% assign icon_family = site.data.categories.default.icon_family %}
-    {% assign icon_size = site.data.categories.default.icon_size %}
-  {% else%}
-    {% assign icon_name   = _category_icon.icon_name | downcase %}
-    {% assign icon_family = _category_icon.icon_family %}
-    {% assign icon_size   = _category_icon.icon_size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for item in _category_icons %}
+  {% if item[0] == _category %}
+    {% assign _category = "found" %}
+    {% assign _category_icon = item[1] %}
+    {% break %}
   {% endif %}
+{% endfor %}
 
-  {% if icon_family == "FontAwesome" %}
-    {% assign icon_family = "fa" %}
-  {% elsif icon_family == "Glyphicon" %}
-    {% assign icon_family = "glyphicon" %}
-  {% elsif icon_family == "MDI" %}
-    {% assign icon_family = "mdi" %}
-  {% elsif icon_family == "ZMDI" %}
-    {% assign icon_family = "zmdi" %}
-  {% endif %}
+{% if _category == include.category %}
+  {% assign icon_name = site.data.categories.default.icon_name | downcase %}
+  {% assign icon_family = site.data.categories.default.icon_family %}
+  {% assign icon_size = site.data.categories.default.icon_size %}
+{% else%}
+  {% assign icon_name   = _category_icon.icon_name | downcase %}
+  {% assign icon_family = _category_icon.icon_family %}
+  {% assign icon_size   = _category_icon.icon_size %}
+{% endif %}
 
+{% if icon_family == "FontAwesome" %}
+  {% assign icon_family = "fa" %}
+{% elsif icon_family == "Glyphicon" %}
+  {% assign icon_family = "glyphicon" %}
+{% elsif icon_family == "MDI" %}
+  {% assign icon_family = "mdi" %}
+{% elsif icon_family == "ZMDI" %}
+  {% assign icon_family = "zmdi" %}
+{% endif %}

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

@@ -29,21 +29,21 @@
 {% endcomment %}
 
 {% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
 
+
 {% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign folders = include.init_folders %}
 
-
 // NOTE: Calculation of Pathes
 // Web sources are loaded by the Web Server. The location imagesdir
 // is calculated relative to "web_root". Asciidoc resources are being
 // collected by AsciiDoctor relative to "page_root"
 
 {% comment %} Variables
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% if site.source.size %} {% assign source_dir = site.source %} {% else %} {% assign source_path = "." %} {% endif %}
 
 {% include {{get_page_path}} %}
@@ -55,13 +55,13 @@
 :tabledir:                              {includedir}/tables
 //:tabledir:                              ../tables
 
-
-{% comment %} Moved imagesdir settings to the document
----------------------------------------------------------------------------
+{% comment %} Main
+Moved imagesdir settings to the document
+--------------------------------------------------------------------------------
 {% if page.collection %}
 {% assign imagesdir = site.asciidoc_attributes.imagesdir %}
 {% else %}
 :imagesdir:                             {{web_root}}/000_includes/images
 {% endif %}
----------------------------------------------------------------------------
+--------------------------------------------------------------------------------
 {% endcomment %}

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

@@ -34,22 +34,17 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-
-{% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
-
-
-
 {% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 
 
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-
-  {% if site.permalink == 'none' %}
-    {% capture page_url %}{{ page.url }}.html{% endcapture %}
-  {% else %}
-    {% capture page_url %}{{ page.url }}{% endcapture %}
-  {% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.permalink == 'none' %}
+  {% capture page_url %}{{ page.url }}.html{% endcapture %}
+{% else %}
+  {% capture page_url %}{{ page.url }}{% endcapture %}
+{% endif %}

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

@@ -40,30 +40,25 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
-
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign j1_color_config = site.data.j1_colors %}
 {% assign color           = include.color %}
 {% assign color_fallback  = include.fallback %}
 
 
-{% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
-
-
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-
-  {% for item in j1_color_config %}
-    {% if item[0] == color %}
-      {% assign color = item[1] %}
-      {% break %}
-    {% endif %}
-  {% endfor %}
-
-  {% if color == include.color %}
-    {% assign color = color_fallback %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% for item in j1_color_config %}
+  {% if item[0] == color %}
+    {% assign color = item[1] %}
+    {% break %}
   {% endif %}
+{% endfor %}
 
+{% if color == include.color %}
+  {% assign color = color_fallback %}
+{% endif %}

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

@@ -38,49 +38,45 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
-
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign size            = include.size | strip | downcase %}
 {% assign size_is_integer = size | is_numeric %}
 
 
-{% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
-
-
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-
-  {% if size_is_integer == false %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if size_is_integer == false %}
 
-    {% assign size_type_percent = size | contain_substr: "%" %}
-    {% assign size_type_px      = size | contain_substr: "px" %}
-    {% assign size_type_em      = size | contain_substr: "em" %}
-    {% assign size_type_pt      = size | contain_substr: "pt" %}
+  {% assign size_type_percent = size | contain_substr: "%" %}
+  {% assign size_type_px      = size | contain_substr: "px" %}
+  {% assign size_type_em      = size | contain_substr: "em" %}
+  {% assign size_type_pt      = size | contain_substr: "pt" %}
 
-    {% if size_type_percent or size_type_px or size_type_em or size_type_pt%}
-      {% assign font_size = size %}
-    {% else %}
-      {% if size == 'xxxlarge' %} {% assign font_size = '4.000em' %}  {% endif %}
-      {% if size == 'xx-large' %} {% assign font_size = 'xx-large' %} {% endif %}
-      {% if size == 'xxlarge' %}  {% assign font_size = '3.000em' %}  {% endif %}
-      {% if size == 'x-large' %}  {% assign font_size = 'x-large' %}  {% endif %}
-      {% if size == 'xlarge' %}   {% assign font_size = '2.250em' %}  {% endif %}
-      {% if size == 'larger' %}   {% assign font_size = '1.750em' %}  {% endif %}
-      {% if size == 'large' %}    {% assign font_size = '1.125em' %}  {% endif %}
-      {% if size == 'default' %}  {% assign font_size = '1.000em' %}  {% endif %}
-      {% if size == 'inherit' %}  {% assign font_size = 'inherit' %}  {% endif %}
-      {% if size == 'medium' %}   {% assign font_size = 'medium' %}   {% endif %}
-      {% if size == 'small' %}    {% assign font_size = '0.875em' %}  {% endif %}
-      {% if size == 'smaller' %}  {% assign font_size = '0.750em' %}  {% endif %}
-      {% if size == 'xsmall' %}   {% assign font_size = '0.500em' %}  {% endif %}
-      {% if size == 'x-small' %}  {% assign font_size = 'x-small' %}  {% endif %}
-      {% if size == 'xxsmall' %}  {% assign font_size = '0.375em' %}  {% endif %}
-      {% if size == 'xx-small' %} {% assign font_size = 'xx-small' %} {% endif %}
-      {% if size == 'xxxsmall' %} {% assign font_size = '0.250em' %}  {% endif %}
-    {% endif %}
+  {% if size_type_percent or size_type_px or size_type_em or size_type_pt%}
+    {% assign font_size = size %}
   {% else %}
-    {% capture font_size %}{{size}}px{% endcapture %}
+    {% if size == 'xxxlarge' %} {% assign font_size = '4.000em' %}  {% endif %}
+    {% if size == 'xx-large' %} {% assign font_size = 'xx-large' %} {% endif %}
+    {% if size == 'xxlarge' %}  {% assign font_size = '3.000em' %}  {% endif %}
+    {% if size == 'x-large' %}  {% assign font_size = 'x-large' %}  {% endif %}
+    {% if size == 'xlarge' %}   {% assign font_size = '2.250em' %}  {% endif %}
+    {% if size == 'larger' %}   {% assign font_size = '1.750em' %}  {% endif %}
+    {% if size == 'large' %}    {% assign font_size = '1.125em' %}  {% endif %}
+    {% if size == 'default' %}  {% assign font_size = '1.000em' %}  {% endif %}
+    {% if size == 'inherit' %}  {% assign font_size = 'inherit' %}  {% endif %}
+    {% if size == 'medium' %}   {% assign font_size = 'medium' %}   {% endif %}
+    {% if size == 'small' %}    {% assign font_size = '0.875em' %}  {% endif %}
+    {% if size == 'smaller' %}  {% assign font_size = '0.750em' %}  {% endif %}
+    {% if size == 'xsmall' %}   {% assign font_size = '0.500em' %}  {% endif %}
+    {% if size == 'x-small' %}  {% assign font_size = 'x-small' %}  {% endif %}
+    {% if size == 'xxsmall' %}  {% assign font_size = '0.375em' %}  {% endif %}
+    {% if size == 'xx-small' %} {% assign font_size = 'xx-small' %} {% endif %}
+    {% if size == 'xxxsmall' %} {% assign font_size = '0.250em' %}  {% endif %}
   {% endif %}
+{% else %}
+  {% capture font_size %}{{size}}px{% endcapture %}
+{% endif %}

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

@@ -39,51 +39,49 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign family = include.family | strip | downcase %}
 {% assign size   = include.size | strip | downcase %}
 
 
-{% comment %} Liquid procedures
-   ------------------------------------------------------------ {% endcomment %}
-
-
 {% comment %} Main
-   ------------------------------------------------------------ {% endcomment %}
-   {% if family == 'mdib' %}
-     {% if size == 'default' %}  {% assign size = '' %}           {% endif %}
-     {% if size == 'large' %}    {% assign size = 'mdib-18px' %}   {% endif %}
-     {% if size == 'larger' %}   {% assign size = 'mdib-24px' %}   {% endif %}
-     {% if size == 'xlarge' %}   {% assign size = 'mdib-36px' %}   {% endif %}
-     {% if size == 'xxlarge' %}  {% assign size = 'mdib-48px' %}   {% endif %}
-     {% if size == 'xxxlarge' %} {% assign size = 'mdib-48px' %}   {% endif %}
-   {% endif %}
-   
-  {% if family == 'mdi' or family == 'material design icons' %}
-    {% if size == 'default' %}  {% assign size = '' %}           {% endif %}
-    {% if size == 'large' %}    {% assign size = 'mdi-18px' %}   {% endif %}
-    {% if size == 'larger' %}   {% assign size = 'mdi-24px' %}   {% endif %}
-    {% if size == 'xlarge' %}   {% assign size = 'mdi-36px' %}   {% endif %}
-    {% if size == 'xxlarge' %}  {% assign size = 'mdi-48px' %}   {% endif %}
-    {% if size == 'xxxlarge' %} {% assign size = 'mdi-48px' %}   {% endif %}
-  {% endif %}
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if family == 'mdib' %}
+ {% if size == 'default' %}  {% assign size = '' %}           {% endif %}
+ {% if size == 'large' %}    {% assign size = 'mdib-18px' %}   {% endif %}
+ {% if size == 'larger' %}   {% assign size = 'mdib-24px' %}   {% endif %}
+ {% if size == 'xlarge' %}   {% assign size = 'mdib-36px' %}   {% endif %}
+ {% if size == 'xxlarge' %}  {% assign size = 'mdib-48px' %}   {% endif %}
+ {% if size == 'xxxlarge' %} {% assign size = 'mdib-48px' %}   {% endif %}
+{% endif %}
+
+{% if family == 'mdi' or family == 'material design icons' %}
+{% if size == 'default' %}  {% assign size = '' %}           {% endif %}
+{% if size == 'large' %}    {% assign size = 'mdi-18px' %}   {% endif %}
+{% if size == 'larger' %}   {% assign size = 'mdi-24px' %}   {% endif %}
+{% if size == 'xlarge' %}   {% assign size = 'mdi-36px' %}   {% endif %}
+{% if size == 'xxlarge' %}  {% assign size = 'mdi-48px' %}   {% endif %}
+{% if size == 'xxxlarge' %} {% assign size = 'mdi-48px' %}   {% endif %}
+{% endif %}
 
-  {% if family == 'fontawesome' or family == 'fontawesome5' or family == 'fa' %}
-    {% if size == 'default' %}  {% assign size = 'fa-lg' %}     {% endif %}
-    {% if size == 'large' %}    {% assign size = 'fa-2x' %}     {% endif %}
-    {% if size == 'larger' %}   {% assign size = 'fa-3x' %}     {% endif %}
-    {% if size == 'xlarge' %}   {% assign size = 'fa-5x' %}     {% endif %}
-    {% if size == 'xxlarge' %}  {% assign size = 'fa-7x' %}     {% endif %}
-    {% if size == 'xxxlarge' %} {% assign size = 'fa-10x' %}    {% endif %}
-  {% endif %}
+{% if family == 'fontawesome' or family == 'fontawesome5' or family == 'fa' %}
+{% if size == 'default' %}  {% assign size = 'fa-lg' %}     {% endif %}
+{% if size == 'large' %}    {% assign size = 'fa-2x' %}     {% endif %}
+{% if size == 'larger' %}   {% assign size = 'fa-3x' %}     {% endif %}
+{% if size == 'xlarge' %}   {% assign size = 'fa-5x' %}     {% endif %}
+{% if size == 'xxlarge' %}  {% assign size = 'fa-7x' %}     {% endif %}
+{% if size == 'xxxlarge' %} {% assign size = 'fa-10x' %}    {% endif %}
+{% endif %}
 
-  {% if family == 'iconify' %}
-    {% if size == 'default' %}  {% assign size = '' %}               {% endif %}
-    {% if size == 'large' %}    {% assign size = 'iconify-18px' %}   {% endif %}
-    {% if size == 'larger' %}   {% assign size = 'iconify-24px' %}   {% endif %}
-    {% if size == 'xlarge' %}   {% assign size = 'iconify-36px' %}   {% endif %}
-    {% if size == 'xxlarge' %}  {% assign size = 'iconify-48px' %}   {% endif %}
-    {% if size == 'xxxlarge' %} {% assign size = 'iconify-48px' %}   {% endif %}
-  {% endif %}
+{% if family == 'iconify' %}
+{% if size == 'default' %}  {% assign size = '' %}               {% endif %}
+{% if size == 'large' %}    {% assign size = 'iconify-18px' %}   {% endif %}
+{% if size == 'larger' %}   {% assign size = 'iconify-24px' %}   {% endif %}
+{% if size == 'xlarge' %}   {% assign size = 'iconify-36px' %}   {% endif %}
+{% if size == 'xxlarge' %}  {% assign size = 'iconify-48px' %}   {% endif %}
+{% if size == 'xxxlarge' %} {% assign size = 'iconify-48px' %}   {% endif %}
+{% endif %}