j1-template 2021.1.1 → 2021.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d08b2a31555bb43bdff30edc70c3f08281659eae88d30c9ca8d8f78f01e49331
-  data.tar.gz: ca7510d814deec5a3ec78b8f06589632ecdb50d2eb1a408f241c813a036a9ced
+  metadata.gz: a5ceecb6b421d85c3db86a44fba73d25650012ace9626b1a53ff082d16a61e9e
+  data.tar.gz: 7093783266335d7524f406c452bff71b8a9979f0b9d172c7025c01f9559ffc36
 SHA512:
-  metadata.gz: f6200cc10b34c48742dd350ea7e15edefe8035ed5c2b5c769ab19ec95eb5358cac0efabdb0ec3d74dc6b64882b8bf2bf32a3ce5ec654f3bd8f6e128a24510dfd
-  data.tar.gz: 945218591376a312a84371f10fa83db1fb24724d5b3886f0fdca33b714b6c3f2d4726ba599efc4a663cdf775645a5ea1f9b3e1cab845ab441d00b3e2553b2b14
+  metadata.gz: a63666eeb929986759194324a01d601aec108c9f5f1716326668786779d84db989d97adfe02c40ef065faf54fb13743f900dca24e6934c4988e0c8110802ba3f
+  data.tar.gz: f702196b47569beb2d080ddcc75db8c4d4e7a3512a03d6bd291937d5a88167e7343dff4ac2a984978d269c42685b6766cb08ebca40aa74c0cbd35b3e63aa4183

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

@@ -128,33 +128,47 @@
 
 {% comment %} Check robot settings from site configuration
 -------------------------------------------------------------------------------- {% endcomment %}
-{% if site.robots.index %}
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Check robot settings from SITE configuration ] -->
+{% if site.robots.index and site.robots.index <> nil %}
+  <!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Found SITE configuration robots_index: {{site.robots.index}} ] -->
   {% capture robots_index %}<meta name="robots" content="index" />{% endcapture %}
 {% else %}
+  <!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Set DEFAULT configuration robots_index: noindex  ] -->
   {% capture robots_index %}<meta name="robots" content="noindex" />{% endcapture %}
 {% endif %}
 
-{% if site.robots.follow %}
+{% if site.robots.follow and site.robots.follow <> nil %}
+  <!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Found SITE configuration robots_follow: {{site.robots.index}} ] -->
   {% capture robots_follow %}<meta name="robots" content="follow" />{% endcapture %}
 {% else %}
+  <!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Set DEFAULT configuration robots_follow: nofollow  ] -->
   {% capture robots_follow %}<meta name="robots" content="nofollow" />{% endcapture %}
 {% endif %}
 
+{% comment %} page.robots.index:  {{ page.robots.index | debug }} {% endcomment %}
+
 {% comment %} Check robot settings from page (or default SCOPE)
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Check robot settings from PAGE configuration ] -->
+<!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Found PAGE configuration robots_index: {{page.robots.index}} ] -->
+<!-- [DEBUG  ] [j1.layout.meta_data_generator.html    ] [ Found PAGE configuration robots_follow: {{page.robots.follow}} ] -->
 {% if page.robots.index %}
-  {% capture robots_index %}<meta name="robots" content="index">{% endcapture %}
-{% else %}
-  {% capture robots_index %}<meta name="robots" content="noindex">{% endcapture %}
+  {% capture robots_index %}<meta name="robots" content="index" />{% endcapture %}
+{% endif %}
+
+{% if page.robots.index == false %}
+  {% capture robots_index %}<meta name="robots" content="noindex" />{% endcapture %}
 {% endif %}
 
 {% if page.robots.follow %}
-  {% capture robots_follow %}<meta name="robots" content="follow">{% endcapture %}
-{% else %}
-  {% capture robots_follow %}<meta name="robots" content="nofollow">{% endcapture %}
+  {% capture robots_follow %}<meta name="robots" content="follow" />{% endcapture %}
+{% endif %}
+
+{% if page.robots.follow == false %}
+  {% capture robots_follow %}<meta name="robots" content="nofollow" />{% endcapture %}
 {% endif %}
 
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [place meta tags for robots ] -->
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Place detected/overloaded meta tags for robots ] -->
 {{robots_index}}
 {{robots_follow}}
 

data/_includes/themes/j1/modules/connectors/ad/google-adsense.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/procedures/provider/ad/google-adsense.html
- #  Support of Advertising Provider Google Adsense for J1 Template
+ #  Support of advertising provider Google Adsense for J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one

data/_includes/themes/j1/modules/connectors/ads

@@ -24,16 +24,14 @@
 {% assign advertising           = site.data.j1_config.advertising.enabled %}
 {% assign advertising_provider  = site.data.j1_config.advertising.provider %}
 
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [j1.modules.connectors.ads             ] [ detected advertising (global): {{advertising}} ] -->
+<!-- [INFO   ] [j1.modules.connectors.ads             ] [ detected advertising (j1_config): {{advertising}} ] -->
 <!-- [INFO   ] [j1.modules.connectors.ads             ] [ detected advertising (page): {{page.advertising}}} ] -->
-<!-- [INFO   ] [j1.modules.connectors.ads             ] [ detected advertising (provider): {{advertising_provider}}} ] -->
-<!-- [INFO   ] [j1.modules.connectors.ads             ] [ start processing load region head, layout: {{page.layout}} ] -->
 
 {% if advertising and page.advertising %}
-
+  <!-- [INFO   ] [j1.modules.connectors.ads             ] [ detected advertising provider (j1_config): {{advertising_provider}}} ] -->
+  <!-- [INFO   ] [j1.modules.connectors.ads             ] [ start processing load region head, layout: {{page.layout}} ] -->
   {% case advertising_provider %}
     {% when "google" %}
       <!-- [INFO   ] [j1.modules.connectors.ads             ] [ place provider: Google Adsense ] -->

data/_includes/themes/j1/modules/connectors/analytic/google-analytics.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/connectors/analytic/google-analytics.html
- #  Support of Analytics Provider Google Analytics (V4) for J1 Template
+ #  Support of analytics provider Google Analytics for J1 Template
  #
  #  Product/Info:
  #  http://jekyll.one
@@ -21,16 +21,20 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign tracking_id = site.data.j1_config.analytics.google.tracking_id }} %}
+{% assign tracking_id = site.data.j1_config.analytics.google.tracking_id %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<!-- Google Analytics: provide global site tag (gtag.js) -->
+
+<!-- Google Analytics: load the GA library -->
 <script async src="https://www.googletagmanager.com/gtag/js?id={{tracking_id}}"></script>
-<script>
+<!-- Google Analytics: GA cookies disabled by default -->
+<!-- GA cookies disabled by default -->
+<!-- GA depends on the cookie consent and is enabled/disabled on OptIn/Out-->
+<!--script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
   gtag('config', '{{tracking_id}}');
-</script>
+</script-->

data/_includes/themes/j1/modules/connectors/analytics

@@ -27,10 +27,12 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ detected analytics (j1_config): {{analytics}} ] -->
+<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ detected analytics (page): {{page.analytics}}} ] -->
 
-<!-- [INFO   ] [j1.modules.connectors.analytics       ] [ start processing load region head, layout: {{page.layout}} ] -->
 {% if analytics and page.analytics %}
-
+  <!-- [INFO   ] [j1.modules.connectors.analytics       ] [ detected analytics provider (j1_config): {{analytics_provider}}} ] -->
+  <!-- [INFO   ] [j1.modules.connectors.analytics       ] [ start processing load region head, layout: {{page.layout}} ] -->
   {% case analytics_provider %}
     {% when "google" %}
       <!-- [INFO   ] [j1.modules.connectors.analytics       ] [ place Google Analytics ] -->

data/_includes/themes/j1/modules/connectors/comments

@@ -26,21 +26,22 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.comments        ] [ detected comments (j1_config): {{comments}} ] -->
+<!-- [INFO   ] [j1.modules.connectors.comments        ] [ detected comments (page): {{page.comments}}} ] -->
 
-<!-- [INFO   ] [j1.layout.connectors.comments         ] [ start processing load region head, layout: {{page.layout}} ] -->
 {% if comments and page.comments %}
-
+  <!-- [INFO   ] [j1.modules.connectors.comments       ] [ start processing load region head, layout: {{page.layout}} ] -->
   {% case comment_provider %}
     {% when "disqus" %}
-      <!-- [INFO   ] [j1.layout.connectors.comments         ] [ place comment provider DISQUS ] -->
+      <!-- [INFO   ] [j1.modules.connectors.comments        ] [ place comment provider DISQUS ] -->
       {% include themes/{{site.template.name}}/modules/connectors/comment/disqus.html %}
     {% when "facebook" %}
-      <!-- [INFO   ] [j1.layout.connectors.comments         ] [ place comment provider FACEBOOK ] -->
+      <!-- [INFO   ] [j1.modules.connectors.comments        ] [ place comment provider FACEBOOK ] -->
       {% include themes/{{site.template.name}}/procedures/provider/comment/facebook.html %}
     {% when "custom" %}
-      <!-- [INFO   ] [j1.layout.connectors.comments         ] [ place comment provider CUSTOM ] -->
+      <!-- [INFO   ] [j1.modules.connectors.comments        ] [ place comment provider CUSTOM ] -->
       {% include themes/{{site.template.name}}/procedures/provider/comment/custom-provider.html %}
   {% endcase %}
 
 {% endif %}
-<!-- [INFO   ] [j1.layout.connectors.comments         ] [ end processing ] -->
+<!-- [INFO   ] [j1.modules.connectors.comments        ] [ end processing ] -->

data/_includes/themes/j1/modules/connectors/translator

@@ -24,13 +24,13 @@
 {% assign translation          = site.data.j1_config.translation.enabled %}
 {% assign translation_provider = site.data.j1_config.translation.provider %}
 
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.translation     ] [ detected translation (j1_config): {{translation}} ] -->
+<!-- [INFO   ] [j1.modules.connectors.translation     ] [ detected translation (page): {{page.translation}}} ] -->
 
-<!-- [INFO   ] [j1.modules.connectors.translator      ] [ start processing load region head, layout: {{page.layout}} ] -->              
 {% if translation %}
-
+<!-- [INFO   ] [j1.modules.connectors.translator      ] [ start processing load region head, layout: {{page.layout}} ] -->
   {% case translation_provider %}
     {% when "google" %}
       <!-- [INFO   ] [j1.modules.connectors.translator      ] [ place Google Translator ] -->
@@ -42,4 +42,3 @@
 
 {% endif %}
 <!-- [INFO   ] [j1.modules.connectors.translator      ] [ end processing ] -->
-

data/_includes/themes/j1/modules/navigator/generator.html

@@ -50,22 +50,8 @@
 {% assign navigator_defaults          = site.data.modules.defaults.navigator.defaults %}
 {% assign navigator_settings          = site.data.modules.navigator.settings %}
 
-{% comment %} Cookie Consent module NOT used anymore
---------------------------------------------------------------------------------
-{% assign consent_defaults            = site.data.modules.defaults.cookie_consent.defaults %}
-{% assign consent_settings            = site.data.modules.cookie_consent.settings %}
-{% assign cookie_consent_options      = consent_defaults | merge: consent_settings %}
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% assign cookiebar_defaults          = site.data.modules.defaults.cookiebar.defaults %}
-{% assign cookiebar_settings          = site.data.modules.cookiebar.settings %}
-
-{% comment %} SSM module NOT used anymore
---------------------------------------------------------------------------------
-{% assign ssm_settings                = modules.ssm.settings %}
-{% assign ssm_defaults                = modules.defaults.ssm.defaults %}
-{% assign ssm_options                 = ssm_defaults | merge: ssm_settings %}
--------------------------------------------------------------------------------- {% endcomment %}
+{% assign consent_defaults            = site.data.modules.defaults.cookieconsent.defaults %}
+{% assign consent_settings            = site.data.modules.cookieconsent.settings %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -92,7 +78,6 @@
 {% assign auth_manager_options        = authentication_options.j1_auth %}
 {% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 
-
 {% comment %} Set navBarOptions
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign brand_position              = nav_bar_options.brand_position %}
@@ -126,16 +111,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Generate SSM container (not used anymore)
---------------------------------------------------------------------------------
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for ssm ] -->
-{% if ssm_options.enabled %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place ssm container for AJAX load ] -->
-<nav id="ssm-container" class="ssm-btns-right ssm-anim-slide no-r-text"></nav>
-{% endif %}
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% comment %} Generate TopSearch container
+{% comment %} Generate search container
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
 {% if topsearch_options.enabled %}
@@ -148,19 +124,8 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
 {% for item in nav_mmenu_options.menus %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ processing: {{item.menu.xhr_container_id}} ] -->
-
-{% comment %} Condition DISABLED for testing
---------------------------------------------------------------------------------
-{% if item.menu.enabled %}
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
+<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container {{item.menu.xhr_container_id}} for AJAX load ] -->
 <nav id="{{item.menu.xhr_container_id}}"></nav>
-{% endif %}
--------------------------------------------------------------------------------- {% endcomment %}
-
-<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container for AJAX load ] -->
-<nav id="{{item.menu.xhr_container_id}}"></nav>
-
 {% endfor %}
 
 <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
@@ -168,7 +133,6 @@
 
   {% comment %} Place brand image
   ------------------------------------------------------------------------------ {% endcomment %}
-  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: sidebar ] -->
   <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: main menue ] -->
   {% if brand_position == "left" %}
     <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->

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

@@ -45,7 +45,7 @@
 
 {% comment %} Set quicksearch properties
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign topsearch_id        = topsearch_options.xhr_container_id %}
+{% assign topsearch_id        = topsearch_options.container_id %}
 {% assign icon_family         = topsearch_options.icon_family | downcase %}
 {% assign placeholder         = topsearch_options.placeholder %}
 {% assign search_heading_lead = topsearch_options.search_heading_lead %}
@@ -89,7 +89,7 @@
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
     <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4" style="display: none;">
+    <div id="{{topsearch_id}}" class="top-search ml-4 mr-4" style="display: none;">
     	<div class="input-group">
     	  <span class="input-group-addon"><i class="mdi mdi-magnify mdi-2x" style="color:#9E9E9E"></i></span>
     	  <input id="search-query" type="text" name="q" placeholder="QuickSearch" autocomplete="off" class="form-control">

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

@@ -57,31 +57,73 @@
   {% comment %} Create BS link button
   ------------------------------------------------------------------------------ {% endcomment %}
 
-    {% for item in button_data %}
-
-      {% for button in item[1] %}
-        {% assign key   = button[0] %}
-        {% assign value = button[1] %}
-        {% if key == 'text' %}       {% assign button_text       = value %} {% endif %}
-        {% if key == 'class' %}      {% assign button_class      = value %} {% endif %}
-        {% if key == 'style' %}      {% assign button_style      = value %} {% endif %}
-        {% if key == 'icon' %}       {% assign button_icon       = value %} {% endif %}
-        {% if key == 'icon_color' %} {% assign button_icon_color = value %} {% endif %}
-        {% if key == 'icon_size' %}  {% assign button_icon_size  = value %} {% endif %}
-        {% if key == 'href' %}       {% assign button_href       = value %} {% endif %}
-        {% if key == 'target' %}     {% assign button_target     = value %} {% endif %}
-      {% endfor %}
-
-    {% endfor %}
-
-    {% if button_href and button_target %}
-      {% capture bs_button_html %}<a href="{{button_href}}" target="{{ button_target }}" rel="noopener" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
-    {% elsif button_href %}
-      {% capture bs_button_html %}<a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}"><i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i> {{button_text}} </a>{% endcapture %}
+    {% for item in button_data %} {% for button in item[1] %}
+      {% assign key   = button[0] %}
+      {% assign value = button[1] %}
+      {% if key == 'title' %}      {% assign button_title      = value %} {% endif %}
+      {% if key == 'tagline' %}    {% assign button_tagline    = value %} {% endif %}
+      {% if key == 'class' %}      {% assign button_class      = value %} {% endif %}
+      {% if key == 'style' %}      {% assign button_style      = value %} {% endif %}
+      {% if key == 'icon' %}       {% assign button_icon       = value %} {% endif %}
+      {% if key == 'icon_color' %} {% assign button_icon_color = value %} {% endif %}
+      {% if key == 'icon_size' %}  {% assign button_icon_size  = value %} {% endif %}
+      {% if key == 'href' %}       {% assign button_href       = value %} {% endif %}
+      {% if key == 'target' %}     {% assign button_target     = value %} {% endif %}
+    {% endfor %} {% endfor %}
+
+    {% comment %} jadams, 2021-04-24:
+    TODO, mr-x on font-icon are to be scaled on icon-size (fixed on: mr-3)
+    -------------------------------------------------------------------------------- {% endcomment %}
+
+    {% if button_tagline %}
+      {% if button_href and button_target %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
+            <span class="float-right text-left mt-2">
+              {{button_title}}
+              <span class="d-block r-text-200 text-lowercase">{{button_tagline}}</span>
+            </span>
+          </a>
+        {% endcapture %}
+      {% elsif button_href %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-3"></i>
+            <span class="float-right text-left mt-2">
+              {{button_title}}
+              <span class="d-block r-text-200 text-lowercase">{{button_tagline}}</span>
+            </span>
+          </a>
+        {% endcapture %}
+      {% else %}
+        {% capture bs_button_html %}INFO: No valid value for parameter href found{% endcapture %}
+      {% endif %}
     {% else %}
-      {% capture bs_button_html %}<!-- INFO: No valid value for parameter href found. -->{% endcapture %}
+      {% if button_href and button_target %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" target="{{button_target}}" rel="noopener" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
+            <span class="float-right text-left">
+              {{button_title}}
+            </span>
+          </a>
+        {% endcapture %}
+      {% elsif button_href %}
+        {% capture bs_button_html %}
+          <a href="{{button_href}}" class="{{button_class}}" style="{{button_style}}">
+            <i class="{{icon_family}} {{icon_family}}-{{button_icon}} {{icon_family}}-{{button_icon_size}} {{icon_family}}-{{button_icon_color}} mr-1"></i>
+            <span class="float-right text-left">
+              {{button_title}}
+            </span>
+          </a>
+        {% endcapture %}
+      {% else %}
+        {% capture bs_button_html %}INFO: No valid value for parameter href found{% endcapture %}
+      {% endif %}
     {% endif %}
 
+
   {% when 'input' %}
   {% comment %} Create BS link button
   ------------------------------------------------------------------------------ {% endcomment %}

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

@@ -43,6 +43,7 @@
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign builder_config  = site.data.builder.blog_navigator.collate_timeline %}
+{% assign truncate_words  = site.excerpt_truncate_words %}
 {% assign header_title    = false %}
 {% assign header_tagline  = false %}
 {% assign posts_collate   = include.items %}
@@ -140,11 +141,12 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 <i class="timeline-icon {{icon_family}} {{icon_family}}-{{icon_name}} {{icon_family}}-{{icon_size}} {{icon_family}}-{{icon_color}}"></i>
                 {{excerpt}}
               </div>
-              <div class="card-footer">
+              <div class="card-footer r-text-200 text-lowercase">
+                <hr class="my-3">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-secondary btn-raised btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
@@ -162,10 +164,11 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div>
               <div class="timeline-excerpt mb-4">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 {{excerpt}}
               </div>
-              <div class="card-footer">
+              <div class="card-footer r-text-200 text-lowercase">
+                <hr class="my-3">
                 <a href="{{post.url}}#readmore"
                    class="btn btn-secondary btn-raised btn-flex mb-0">
                    <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
@@ -181,7 +184,7 @@
                 <p class="card-subtitle text-muted">{{post.tagline}}</p>
               </div -->
               <div class="excerpt">
-                {% assign excerpt = post.excerpt|truncatewords: 50|replace:'...',' ...'|strip_html|strip_newlines|strip %}
+                {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
                 {{excerpt}}
               </div>
             </div>
@@ -193,21 +196,22 @@
               {% assign comment_count = sharing.comment_count %}
             {% endfor %}
 
-            <div class="card-footer r-text-200">
+            <div class="card-footer r-text-200 text-lowercase">
+              <hr class="my-3">
               <div class="card-footer-text">
                 {% if post.date %}
-                <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i> {{post.date | date: "%Y %B, %e"}}
                 {% endif %}
                 {% if likes_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-heart mr-1"></i> {{likes_count}}
+                <i class="mdi mdi-heart md-grey-600 mr-1"></i> {{likes_count}}
                 {% endif %}
                 {% if comment_count %}
                 <span class="font-weight-bold"> · </span>
-                <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
+                <i class="mdi mdi-comment md-grey-600 mr-1"></i> {{comment_count}}
                 {% endif %}
               </div>
-              <a class="card-link md-grey-800 font-weight-bold g-font-size-12 text-uppercase"
+              <a class="card-link text-muted text-lowercase"
                 href="{{post.url}}#readmore">
                 Read · {{post.tagline}}
               </a>