j1-template 2023.6.0 → 2023.8.0

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

@@ -41,79 +41,76 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Variables
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign location = include.location %}
 {% assign locator  = include.locator %}
 
 
-{% comment %} Liquid procedures
--------------------------------------------------------------------------------- {% endcomment %}
-
-
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-
-  {% if page.debug %}
-    <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ location:         {{location}} ] -->
-    <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ locator_data_set: {{locator}} ] -->
-    <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ base_path:        {{base_path}} ] -->
-  {% endif %}
+{% if page.debug %}
+  <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ location:         {{location}} ] -->
+  <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ locator_data_set: {{locator}} ] -->
+  <!-- [DEBUG  ] [j1.procedures.select_location.proc    ] [ base_path:        {{base_path}} ] -->
+{% endif %}
 
 
-  {% for resource in locator %}
-      {% assign key = resource[0] %}
-      {% assign value = resource[1] %}
-      {% if key == 'remote' %} {% assign location_remote  = value %}  {% endif %}
-      {% if key == 'local' %}  {% assign location_local   = value %}  {% endif %}
-  {% endfor %}
+{% for resource in locator %}
+    {% assign key = resource[0] %}
+    {% assign value = resource[1] %}
+    {% if key == 'remote' %} {% assign location_remote  = value %}  {% endif %}
+    {% if key == 'local' %}  {% assign location_local   = value %}  {% endif %}
+{% endfor %}
 
-  {% case location %}
+{% case location %}
 
-      {% when 'remote' %}
-      {% comment %} Check location data for REMOTE
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% if location_remote and location_remote != "" %}
-          <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ preferred location REMOTE detected: {{location_remote}} ] -->
-          {% assign location_source = location_remote %}
-      {% elsif location_local and location_local != "" %}
-          <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected: {{location_local}} ] -->
-          {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
-      {% else %}
-          <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator for REMOTE found ] -->
-          <!-- [WARN   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected ] -->
-          {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
-          {% comment %} DISABLED !!!
-          ----------------------------------------------------------------------
-          {% assign location_source = "no_valid_resource_locator_for_REMOTE_found" %}
-          {% endcomment %}
-      {% endif %}
-
-      {% when 'local' %}
-      {% comment %} Check location data for LOCAL
-         ----------------------------------------------------------------------- {% endcomment %}
-      {% if location_local and location_local != "" %}
-         <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ preferred location LOCAL detected: {{location_local}} ] -->
-         {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
-      {% else %}
-          <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator for LOCAL found ] -->
-          <!-- [WARN   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected ] -->
-          {% capture location_source %}{{base_path}}/{{locator}}{% endcapture %}
-          {% comment %} DISABLED !!!
-          ----------------------------------------------------------------------
-          {% assign location_source = "no_valid_resource_locator_for_LOCAL_found" %}
-          {% endcomment %}
-      {% endif %}
+    {% when 'remote' %}
+    {% comment %} Check location data for REMOTE
+    -------------------------------------------------------------------------- {% endcomment %}
+    {% if location_remote and location_remote != "" %}
+        <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ preferred location REMOTE detected: {{location_remote}} ] -->
+        {% assign location_source = location_remote %}
+    {% elsif location_local and location_local != "" %}
+        <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected: {{location_local}} ] -->
+        {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
+    {% else %}
+        <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator for REMOTE found ] -->
+        <!-- [WARN   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected ] -->
+        {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
+        {% comment %} DISABLED !!!
+        ----------------------------------------------------------------------
+        {% assign location_source = "no_valid_resource_locator_for_REMOTE_found" %}
+        {% endcomment %}
+    {% endif %}
 
-      {% comment %} NO valid locator detected
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% else %}
-        <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator found ] -->
+    {% when 'local' %}
+    {% comment %} Check location data for LOCAL
+       ----------------------------------------------------------------------- {% endcomment %}
+    {% if location_local and location_local != "" %}
+       <!-- [INFO   ] [j1.procedures.select_location.proc    ] [ preferred location LOCAL detected: {{location_local}} ] -->
+       {% capture location_source %}{{base_path}}/{{location_local}}{% endcapture %}
+    {% else %}
+        <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator for LOCAL found ] -->
         <!-- [WARN   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected ] -->
         {% capture location_source %}{{base_path}}/{{locator}}{% endcapture %}
         {% comment %} DISABLED !!!
-        ------------------------------------------------------------------------
-        {% assign location_source = "no_valid_resource_locator_found" %}
+        ----------------------------------------------------------------------
+        {% assign location_source = "no_valid_resource_locator_for_LOCAL_found" %}
         {% endcomment %}
-  {% endcase %}
+    {% endif %}
+
+    {% comment %} NO valid locator detected
+    -------------------------------------------------------------------------- {% endcomment %}
+    {% else %}
+      <!-- [ERROR  ] [j1.procedures.select_location.proc    ] [ no valid resource locator found ] -->
+      <!-- [WARN   ] [j1.procedures.select_location.proc    ] [ fallback location LOCAL selected ] -->
+      {% capture location_source %}{{base_path}}/{{locator}}{% endcapture %}
+      {% comment %} DISABLED !!!
+      ------------------------------------------------------------------------
+      {% assign location_source = "no_valid_resource_locator_found" %}
+      {% endcomment %}
+{% endcase %}

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

@@ -16,11 +16,11 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} liquid procedures 
+{% comment %} Liquid procedures
 jadams, 2019-08-23: no procedures should be used for initial setup
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} set base config files and folders
+{% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign data                = site.data %}
 {% assign apps                = data.apps %}
@@ -31,7 +31,5 @@ jadams, 2019-08-23: no procedures should be used for initial setup
 {% assign pages               = data.pages %}
 {% assign tables              = data.tables %}
 
-{% comment %} set base variables
--------------------------------------------------------------------------------- {% endcomment %}
 {% assign environment         = site.environment %}
 {% assign template_name       = site.template.name %}

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

@@ -29,15 +29,17 @@
 {% endcomment %}
 
 {% comment %} Liquid procedures
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Variables
-   ------------------------------------------------------------ {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 {% assign image_name  = include.image_name %}
 {% assign image_title = include.image_title %}
 {% assign image_width = include.image_width %}
 
 
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
 [subs=attributes]
 ++++
 <div class="imageblock mt-4 mb-4">

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

@@ -16,11 +16,16 @@
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} liquid procedures 
+{% comment %} Liquid procedures
 jadams, 2019-08-23: no procedures should be used for initial setup
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} main (???)
+{% comment %} Variables
+jadams, 2019-08-23: no variables should be used for initial setup
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if site.template.setup_provider == "custom" %}
   {% include custom/functions/setup %}
@@ -50,4 +55,4 @@ jadams, 2019-08-23: no procedures should be used for initial setup
   {% else %}
     {% capture image_path %}{{ base_path }}/assets/images/{{ page.theme.name }}{% endcapture %}
   {% endif %}
-{% endif %}
+{% endif %}

data/_includes/themes/j1/procedures/layouts/module_writer.proc

@@ -166,7 +166,7 @@ NO need to load this again
                 {% if resource_settings.pass_init_data %}
 
                   // [INFO   ] [j1.layout.module_writer.proc          ] [ pass init data for: {{resource_settings.id}} ]
-                  {% capture settings %}{"layout": "{{page.layout}}", "title": "{{page.title}}", "tagline": "{{page.tagline}}", "fab_menu_id": "{{page.fab_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}", "scrollDynamicPagesTopOnChange": "{{page.scrollDynamicPagesTopOnChange}}"}{% endcapture %}
+                  {% capture settings %}{"tts": "{{page.tts}}", "layout": "{{page.layout}}", "title": "{{page.title}}", "tagline": "{{page.tagline}}", "fab_menu_id": "{{page.fab_menu_id}}", "scrollbar": "{{page.scrollbar}}", "toc": "{{page.toc}}", "comments": "{{page.comments}}", "scrollDynamicPagesTopOnChange": "{{page.scrollDynamicPagesTopOnChange}}"}{% endcapture %}
                   var settings = $.extend({}, {{settings}});
 
                   {% comment %} create resource_settings.dependencies (if any)

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

@@ -124,7 +124,7 @@
           ---------------------------------------------------------------------- {% endcomment %}
           <!-- div class="timeline-title" -->
           <div class="card-header bg-primary pt-4 pb-3">
-            <h2 id="{{1000000 | rand}}" class="md-white notranslate">{{post.title}}</h2>
+            <h3 id="{{1000000 | rand}}" class="md-white notranslate">{{post.title}}</h3>
           </div>
 
           <!-- Collect icon data from frontmatter -->
@@ -174,7 +174,7 @@
                 <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 r-text-200 text-lowercase">
+              <div class="card-footer speak2me-ignore r-text-200 text-lowercase">
 
                 <a href="{{post.url}}"
                    class="btn btn-secondary btn-flex mb-0">
@@ -196,7 +196,7 @@
                 {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %}
                 {{excerpt}}
               </div>
-              <div class="card-footer r-text-200 text-lowercase">
+              <div class="card-footer speak2me-ignore r-text-200 text-lowercase">
 
                 <a href="{{post.url}}"
                    class="btn btn-secondary btn-flex mb-0">
@@ -226,7 +226,7 @@
               {% assign comment_count = sharing.comment_count %}
             {% endfor %}
 
-            <div class="card-footer r-text-200">
+            <div class="card-footer speak2me-ignore r-text-200">
 
               <div class="card-footer-text">
                 {% if post.date %}

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

@@ -75,7 +75,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<div class="paginator">
+<div class="paginator" data-speak2me-ignore>
   <ul class="pagination raised-z0">
 
     {% comment %} Set HOME page BUTTON (always)

data/_layouts/_home.html

@@ -0,0 +1,88 @@
+---
+layout:                                 default                                 # base layout the page inherits GLOBAL content
+debug:                                  false                                   # enable|disable additional debug information written to (static) content source
+---
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_layouts/home.html
+ #  Liquid layout template for all pages of content-type HOME
+ #  (landing page ~/index.html)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2023 Juergen Adams
+ #
+ #  J1 Theme is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ #
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    This is the layout for all content pages of type HOME.
+ #    Layout HOME is based on layout DEFAULT to inherit all
+ #    default (HTML) data used for ALL pages.
+ # -----------------------------------------------------------------------------
+ #  NOTE:
+ #    Do NOT add any CONTENT here.
+ #    For J1 Theme, Liquid procedures are being used intensively. To load
+ #    HTML data for a region (lane), the (Liquid) procedure "content_writer"
+ #    places the components specified in the connected YAML data file
+ #    'home.yml' located in folder: ~/_data/layouts.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture default_writer %}themes/{{site.template.name}}/procedures/layouts/default_writer.proc{% endcapture %}
+{% capture content_writer %}themes/{{site.template.name}}/procedures/layouts/content_writer.proc{% endcapture %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment        = site.environment %}
+
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lanes_collate       = site.data.layouts.home.lanes %}
+{% assign rtext               = site.data.j1_config.typography.rtext %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign page_rtext          = page.rtext %}
+{% assign page_rtext_size     = page.rtext_size %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+  {% if rtext %}
+    {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
+  {% else %}
+    {% assign rtext_size = 0 %}
+  {% endif %}
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ Resposive text (rtext) detected as: {{rtext_size}} ] -->
+
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ start content processing ] -->
+  {% comment %} Collect the BODY-HEADER region
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ call default_writer for region: 'body-header' ] -->
+  <header id="header">
+    {% include  {{default_writer}} region='body-header' items=lanes_collate %}
+  </header>
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ end processing default_writer for region: 'body-header' ] -->
+
+  {% comment %} Collect the BODY-MAIN region
+  ------------------------------------------------------------------------------ {% endcomment %}
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ call content_writer for region: 'body-main' ] -->
+  <main id="content" class="container-fluid g-0 r-text-{{rtext_size}}">
+      {% include  {{content_writer}} region='body-main' items=lanes_collate %}
+  </main>
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ end processing content_writer for region: 'body-main' ] -->
+  <!-- [INFO   ] [j1.layout.home.html                   ] [ end content processing ] -->

data/_layouts/home.html

@@ -81,7 +81,7 @@ debug:                                  false
   {% comment %} Collect the BODY-MAIN region
   ------------------------------------------------------------------------------ {% endcomment %}
   <!-- [INFO   ] [j1.layout.home.html                   ] [ call content_writer for region: 'body-main' ] -->
-  <main id="content" class="container-fluid g-0 r-text-{{rtext_size}}">
+  <main id="content" class="js-toc-content container-fluid g-0 r-text-{{rtext_size}}">
       {% include  {{content_writer}} region='body-main' items=lanes_collate %}
   </main>
   <!-- [INFO   ] [j1.layout.home.html                   ] [ end processing content_writer for region: 'body-main' ] -->

data/assets/data/banner.html

@@ -231,7 +231,7 @@ exclude_from_search:                    true
             {% if card_type == 'text' and card_enabled %}
 
             {% if badges %}
-            <div class="mb-3">
+            <div class="mb-3 speak2me-ignore">
               <p>
                 <span>
                   <a class="image" href="https://badge.fury.io/rb/j1-template" target="_blank" rel="noopener noreferrer">
@@ -252,7 +252,7 @@ exclude_from_search:                    true
                 {% comment %} TODO:
                 -----------------------------------------------------------------
                 <!-- Sticker -->
-                <div class="sticker" style="margin-top: -20px; right: 470px; display: block;">
+                <div class="sticker speak2me-ignore" style="margin-top: -20px; right: 470px; display: block;">
                   <a
                 		  id="banner-sticker-new-version"
                 		  class="link-no-decoration sticker-wrapper"
@@ -272,7 +272,7 @@ exclude_from_search:                    true
 
                 {% if heading_position == 'left' %}
                 <div>
-                  <h2 class="g-font-weight-500 mb-0 {{card_translate_description}}">{{card_title}}</h2>
+                  <h2 id="{{card_title}}" class="g-font-weight-500 mb-0 {{card_translate_description}}">{{card_title}}</h2>
                   <p class="tagline mb-0 {{card_translate_description}}">{{card_tagline}}</p>
                   <div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
                 </div>
@@ -280,7 +280,7 @@ exclude_from_search:                    true
 
                 {% if heading_position == 'center' %}
                 <div class="text-center mb-2">
-                	<h2 class="mb-0 {{card_translate_description}}">{{card_title}}</h2>
+                	<h2 id="{{card_title}}" class="mb-0 {{card_translate_description}}">{{card_title}}</h2>
                 	<p class="h4 mb-0 text-muted {{card_translate_description}}"><i>{{card_tagline}}</i></p>
                 	<div class="d-inline-block g-width-50 g-height-2 bg-primary mb-2"></div>
                 </div>
@@ -295,7 +295,7 @@ exclude_from_search:                    true
               <div class="{{card_properties}}">{{card_description}}</div>
               {% if card_buttons %}
               <!-- Footer|Button row -->
-              <div class="mt-5">
+              <div class="speak2me-ignore mt-5">
                 {% for button_hash in card_buttons %}
                   {% include {{create_bs_button}} button_data=button_hash button_type="link" %}
                   {{bs_button_html}}
@@ -479,11 +479,11 @@ exclude_from_search:                    true
               <div class="col-md-12 col-sm-12 col-xs-12 no-padding">
                 <div class="box">
                   <div class="content content-danger">
-                    <h2 class="notoc">
+                    <h2 id="exception" class="notoc">
                       <i class="mdib mdib-alarm-light mdib-3x md-red mr-1"></i>
                       Banner of type <big>{{banner_settings.type}}</big> not found
                     </h2>
-                    <h4 class="notoc box-title">Check your configuration at {{banner_config_file_name}}</h4>
+                    <h3 class="notoc box-title">Check your configuration at {{banner_config_file_name}}</h3>
                     <div class="box-description">
                       Don't worry about this. Maybe you've a typo in the banner configuration.
                       Check the banner config file for the unknown type. <br />

data/assets/data/masonry.html

@@ -144,7 +144,7 @@ exclude_from_search:                    true
               ------------------------------------------------------------------ {% endcomment %}
               {% for category in categories %}
               {% if category contains post.category %}
-              <a  class="article-link d-block text-white text-uppercase link-no-decoration {{translate}}"
+              <a  class="masonry-article-link d-block text-white text-uppercase link-no-decoration {{translate}}"
                   href="/pages/public/blog/navigator/archive/categoryview/#{{grid.group | slugify}}"
                   target="{{target}}"
                   style="font-size: 32px;">
@@ -166,7 +166,7 @@ exclude_from_search:                    true
 
               <!-- Post link (caption) -->
               <h4 class="caption notoc">
-                <a class="article-link {{translate}}"
+                <a class="masonry-article-link {{translate}}"
                    href="{{post.url}}"
                    target="{{target}}"
                    style="font-size: 32px;">
@@ -233,12 +233,12 @@ exclude_from_search:                    true
 
       {% for article in articles %}
       <div class="col-xl-{{masonry_options.responsive.xl}} col-lg-{{masonry_options.responsive.lg}} col-md-{{masonry_options.responsive.md}} col-sm-{{masonry_options.responsive.sm}} col-{{masonry_options.responsive.xs}} px-{{gutter}} py-{{gutter}}">
-        <!-- Article item -->
-        <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="article-item article-item--w400">
+        <!-- (Masonry) Article item -->
+        <div id="{{article.title | downcase | replace: ' ' ,'_'}}" class="masonry-article-item masonry-article-item--w400">
           {% if grid.preview %}
-          <a class="article-link" data-bs-toggle="modal" href="#articleModal_{{grid.id}}_{{forloop.index}}">
-            <div class="article-hover">
-              <div class="article-hover-content">
+          <a class="masonry-article-link" data-bs-toggle="modal" href="#articleModal_{{grid.id}}_{{forloop.index}}">
+            <div class="masonry-article-hover">
+              <div class="masonry-article-hover-content">
                 <i class="mdib mdib-plus mdib-10x"></i>
               </div>
             </div>
@@ -247,14 +247,14 @@ exclude_from_search:                    true
           {% else %}
             <img class="{{grid.image_styles}}" src="{{article.image.path}}" alt="{{article.title}}" style="{{image_filters}}; height: {{grid.image_height}}; width: {{grid.image_width}}">
           {% endif %}
-          <div class="article-caption">
-            <div class="article-caption-heading">
-              <a class="article-link {{translate}}" href="{{article.url}}">{{article.title}}</a>
+          <div class="masonry-article-caption">
+            <div class="masonry-article-caption-heading">
+              <a class="masonry-article-link {{translate}}" href="{{article.url}}" target="{{target}}">{{article.title}}</a>
             </div>
-            <div class="article-caption-subheading text-muted">{{article.tags[0]}}</div>
+            <div class="masonry-article-caption-subheading">{{article.tags[0]}}</div>
           </div>
         </div>
-        <!-- /Article item -->
+        <!-- /(Masonry) Article item -->
       </div>
 
       <!-- Article Modal-->
@@ -273,7 +273,7 @@ exclude_from_search:                    true
                   <div class="modal-body">
                     <!-- Project details-->
                     <h2 class="text-uppercase notoc {{translate}}">{{article.title}}</h2>
-                    <p class="item-intro text-muted">{{article.tagline}}</p>
+                    <p class="item-intro">{{article.tagline}}</p>
                     <img class="img-fluid d-block mx-auto" src="{{article.image.path | relative_url}}" alt="{{article.title}}">
                     <p>{{article.description}}</p>
                     <ul class="list-inline">