j1-template 2020.0.12 → 2020.0.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1b32adf2cd43110496da2e84086973c46969b8cfac73aa1ac0cb6dedaa7b4b8c
-  data.tar.gz: cc7efc7cc774c5e416b21ae5f5030f82f145f0c11ccb7aa5fcb1ae2bb626e093
+  metadata.gz: 866b07b9f466233280993fb09f6c9fe38fb68415d4a3cc1f1149d25802778ffb
+  data.tar.gz: f908542399a9c49170960476fb703eed5526195d428b95f6afd392d25455ba1f
 SHA512:
-  metadata.gz: 63036078c4a2bef76cf0785ca1eb6b9358c66f551c13522607ed671707ff3efc79ab4e02122557ec260cf07137a97259728fef0f981e78ffdb978873209faf09
-  data.tar.gz: 5db38ecfd7a12aae51d62a68ec020e6765503bb7cbffea54f57907cbde3c11996824aa2d1a9ee786ce9eafebd166427c351e2c001bfab5b074f4351c31f3b0d6
+  metadata.gz: 817fb645f74d90a9a091be389d722b5072dbce6cb1d2c231ef9b23b8638597d6ec9298f7fe01f4b17b33c77f97e858b15bd012c1a939d5f9709256765a6a7e30
+  data.tar.gz: 5e29f4a5f8305abb71670972bcd3e60bf362084e0e7967e5bf244e9c6df9e6822efbe2893219b5d51aa70db1e21e34f593fad8fe342d0b722075ee095998284d

data/_includes/themes/j1/blocks/footer/boxes/about_box.proc

@@ -34,10 +34,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
   {% if justify %}
     <p class="lead text-justify">{{text}}</p>
   {% else %}

data/_includes/themes/j1/blocks/footer/boxes/links_box.proc

@@ -33,10 +33,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
 
   <ul class="list-unstyled footer-link-list">
     {% for property in links %}

data/_includes/themes/j1/blocks/footer/boxes/news_box.proc

@@ -40,10 +40,10 @@
 <div class="col-md-{{footer_box_width_md}}">
   <!-- div class="heading-footer"><h2 class="notoc">{{title}}</h2></div -->
   <h2 class="g-text-upper g-color-white-opacity-0_9 g-font-size-18 g-font-weight-500 g-mb-0">{{title}}</h2>
-  <p class="tagline">
+  <p class="tagline mb-0">
     <large>{{tagline}}</large>
   </p>
-  <div class="d-inline-block g-width-50 g-height-2 g-bg-primary g-mb-5"></div>
+  <div class="d-inline-block g-width-50 g-height-2 uno-bg-primary g-mb-5"></div>
 
     <ul class="list-unstyled link-news">
     {% for post in posts %}
@@ -52,7 +52,7 @@
         {% assign posts_written = posts_written | plus:'1' %}
         <li>
           <a href="{{post.url}}">{{post.title}}</a>
-          <small>{{post.date | date: "%Y %B, %e"}}</small>
+          <small class="text-uppercase">{{post.date | date: "%Y %B, %e"}}</small>
         </li>
         {% endif %}
       {% endfor %}

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

@@ -25,7 +25,6 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config       = site %}
 {% assign template_config   = site.data.template_settings %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}

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

@@ -24,7 +24,6 @@
 
 {% comment %} set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config       = site %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
@@ -114,26 +113,26 @@
 
 <!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current ArticleBrowser page to UserState 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 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 -->
+        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'
+        };
+
+        // 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

@@ -27,7 +27,6 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config       = site %}
 {% assign template_config   = site.data.template_settings %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
@@ -94,7 +93,8 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
-            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>
               </button>
@@ -153,7 +153,8 @@
         <nav class="nav bmd-layout-container custom-size-350 bmd-drawer-f-l">
 
           <header class="bmd-layout-header">
-            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
+            <!-- div class="navbar navbar-dark bg-primary raised-z2 mb-4" -->
+            <div class="navbar navbar-dark uno-bg-primary raised-z2 mb-4">
               <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                 <span class="mdi mdi-menu mdi-2x"></span>
               </button>

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

@@ -30,7 +30,17 @@
 
 {% comment %} Set GLOBAL variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment         = site.environment %}
+{% case site.environment %}
+  {% when 'production' %}
+    {% assign ext_css = 'min.css' %}
+    {% assign ext_js  = 'min.js' %}
+  {% when 'prod' %}
+    {% assign ext_css = 'min.css' %}
+    {% assign ext_js  = 'min.js' %}
+  {% else %}
+    {% assign ext_css = 'css' %}
+    {% assign ext_js  = 'js' %}
+{% endcase %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -147,20 +157,19 @@ NOTE: for layout home (home page, the keys are to be set!!!)
 {% endif %}
 
 
-{% comment %} Request PRELOAD of primary resources to prioritize fetching (SEO)
+{% comment %} SEO settings (optimization)
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} PRELOAD fonts
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign cors  = template_config.font.cors %}
-{% assign fonts = template_config.font.fonts %}
-
 {% if template_config.font.preload %}
   <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRELOAD of fonts: enabled ] -->
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ request PRELOAD of font to prioritize fetching ] -->
-{% for font in fonts %}
-  <link rel="preload" as="font" href="{{font}}" {{cors}}>
-{% endfor %}
+  {% assign cors  = template_config.font.cors %}
+  {% assign fonts = template_config.font.fonts %}
+  {% for font in fonts %}
+    <link rel="preload" as="font" href="{{font}}" {{cors}}>
+  {% endfor %}
 {% else %}
   <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ PRELOAD of fonts: disabled ] -->
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider! PRELOAD primary used fonts to prioritize fetching ] -->
@@ -168,20 +177,13 @@ NOTE: for layout home (home page, the keys are to be set!!!)
 
 {% comment %} PRELOAD CSS files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign css   = template_config.css.css %}
-{% assign files = template_config.css.files %}
 {% if template_config.css.preload %}
   <!-- [INFO    ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRELOAD of css: enabled ] -->
   <!-- [SEO     ] [j1.layout.meta_data_generator.html    ] [ request PRELOAD of font to prioritize fetching ] -->
+  {% assign css   = template_config.css.css %}
+  {% assign files = template_config.css.files %}
   {% for file in css %}
-  {% if environment == 'development' or environment == 'test' %}
-    {% assign ext = "css" %}
-  {% elsif if environment == 'production' or environment == 'test' %}
-    {% assign ext = "min.css" %}
-  {% else %}
-    {% assign ext = "css" %}
-  {% endif %}
-    <link rel="preload" as="style" href="{{file}}.{{ext}}">
+    <link rel="preload" as="style" href="{{file}}.{{ext_css}}">
   {% endfor %}
 
   {% for file in files %}
@@ -195,20 +197,13 @@ NOTE: for layout home (home page, the keys are to be set!!!)
 
 {% comment %} PRELOAD JS files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign js    = template_config.js.js %}
-{% assign files = template_config.js.files %}
 {% if template_config.js.preload %}
   <!-- [INFO    ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRELOAD of js: enabled ] -->
   <!-- [SEO     ] [j1.layout.meta_data_generator.html    ] [ request PRELOAD of font to prioritize fetching ] -->
+  {% assign js    = template_config.js.js %}
+  {% assign files = template_config.js.files %}
   {% for file in js %}
-  {% if environment == 'development' or environment == 'test' %}
-    {% assign ext = "js" %}
-  {% elsif if environment == 'production' or environment == 'test' %}
-    {% assign ext = "min.js" %}
-  {% else %}
-    {% assign ext = "js" %}
-  {% endif %}
-    <link rel="preload" as="script" href="{{file}}.{{ext}}">
+    <link rel="preload" as="script" href="{{file}}.{{ext_js}}">
   {% endfor %}
 
   {% for file in files %}
@@ -222,10 +217,10 @@ NOTE: for layout home (home page, the keys are to be set!!!)
 
 {% comment %} PRELOAD image files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign files = template_config.image.files %}
-  <!-- [INFO    ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRELOAD of images: enabled ] -->
-  <!-- [SEO     ] [j1.layout.meta_data_generator.html    ] [ request PRELOAD of images to prioritize fetching ] -->
 {% if template_config.image.preload %}
+  <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRELOAD of images: enabled ] -->
+  <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ request PRELOAD of images to prioritize fetching ] -->
+  {% assign files = template_config.image.files %}
   {% for file in files %}
     <link rel="preload" as="image" href="{{file}}">
   {% endfor %}
@@ -234,16 +229,12 @@ NOTE: for layout home (home page, the keys are to be set!!!)
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ Consider! PRELOAD primary|globally used image files to prioritize fetching ] -->
 {% endif %}
 
-<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ end processing ] -->
-
-
 {% comment %} Request PRECONNECT of 3rd party origins (SEO)
 -------------------------------------------------------------------------------- {% endcomment %}
-
-{% assign urls = template_config.preconnect.urls %}
+{% if template_config.preconnect.enabled %}
   <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ Gratulations! PRECONNECT of remote URLs: enabled ] -->
   <!-- [SEO    ] [j1.layout.meta_data_generator.html    ] [ request PRECONNECT of 3rd party origins to speed up remote connections ] -->
-{% if template_config.preconnect.enabled %}
+  {% assign urls = template_config.preconnect.urls %}
   {% for url in urls %}
     <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ establish early connection: {{url}} ] -->
     <link rel="dns-prefetch" href="{{url}}">
@@ -253,3 +244,5 @@ NOTE: for layout home (home page, the keys are to be set!!!)
   <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ PRECONNECT remote URLs: disabled ] -->
   <!-- [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 ] -->

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

@@ -38,7 +38,6 @@
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config                 = site %}
 {% assign template_config             = site.data.template_settings %}
 {% assign blocks                      = site.data.blocks %}
 {% assign modules                     = site.data.modules %}

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

@@ -89,7 +89,7 @@
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
     <!-- [INFO   ] [j1.modules.navigator.topsearch.proc   ] [ start processing: top search ] -->
-    <div id="{{topsearch_id}}" class="top-search">
+    <div id="{{topsearch_id}}" class="top-search" style="display: none;">
       <div class="container-fluid">
         <div class="input-group">
           <span class="input-group-addon"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></span>
@@ -108,7 +108,7 @@
           {% if search_heading_lead %}<div class="panel-heading lead">{{ search_heading_lead }}</div>{% endif %}
           {% if result_heading_lead %}<div class="panel-body"><p>{{ result_heading_lead }}</p></div>{% endif %}
           <div class="search-list-group">
-            <ul id="jss-results"></ul>
+            <ul id="jss-results" class="search-list-item"></ul>
           </div>
         </div>
       </div>

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

@@ -57,7 +57,10 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <div id="word-cloud" class="row ml-3 mr-3">
-  <div class="card tagbox raised-z0 mt-0 mb-2">
+  <!-- jadams, 2020-07-24: style cart creates a unwanted border, removed card styles -->
+  <!-- jadams, 2020-07-24: style cart is NOT longer overloaded since CSS generation has changed -->
+  <!-- div class="card tagbox raised-z0 mt-0 mb-2" -->
+  <div class="tagbox mt-0 mb-2">
 
     <div class="tag-cloud">
     {% unless word_list %}
@@ -66,7 +69,7 @@
     {% else  %}
       <ul class="content">
         {% if source == 'categories' %}
-          {% for tag in word_array %}            
+          {% for tag in word_array %}
             <li>
               <a href="#{{tag|slugify}}">
                 {{ tag | capitalize }}

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

@@ -2,7 +2,7 @@
  # -----------------------------------------------------------------------------
  # ~/_includes/themes/j1/procedures/layouts/content_writer.proc
  # Liquid PROCEDURE to load and place the content portion for J1 layouts
- # 
+ #
  # Product/Info:
  # https://jekyll.one
  #
@@ -12,7 +12,7 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
  # Test data:
- #    liquid_var:  {{ liquid_var | debug }}
+ #    liquid_var:  {{liquid_var | debug}}
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
@@ -74,11 +74,11 @@
             {% if placement == 'body-main' %}
               <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ load region 'body-main' for layout: {{page.layout}} ] -->
               {% if type == 'async' %}
-                <!-- div id="{{ id }}" class="{{ class }}"></div -->
-                <section id="{{ id }}" class="{{ class }}"></section>
+                <!-- div id="{{id}}" class="{{class}}"></div -->
+                <section id="{{id}}" class="{{class}}"></section>
               {% elsif type == 'sync' %}
                 {% capture path %}{{base}}/{{path}}/{{file}}{% endcapture %}
-                {% include {{ path }} %}
+                {% include {{path}} %}
               {% endif %}
             {% endif %}  {% comment %} END placement {% endcomment %}
 
@@ -89,10 +89,10 @@
             {% if placement == 'body-footer' %}
               <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ load region body-footer for layout: {{page.layout}} ] -->
               {% if type == 'async' %}
-                <div id="{{ id }}" class="{{ class }}"></div>
+                <div id="{{id}}" class="{{class}}"></div>
               {% elsif type == 'sync' %}
                 {% capture path %}{{base}}/{{path}}/{{file}}{% endcapture %}
-                {% include {{ path }} region='body-footer' %}
+                {% include {{path}} region='body-footer' %}
               {% endif %}
             {% endif %} {% comment %} END if placement {% endcomment %}
 
@@ -103,10 +103,9 @@
   {% endfor %}
 {% endfor %}
 
-{% comment %} END Process all lane items 
+{% comment %} END Process all lane items
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ placement for all lane items finished ] -->
 <!-- [DEBUG  ] [j1.layout.content_writer.proc         ] [ reset all lane items ] -->
 <!-- [INFO   ] [j1.layout.content_writer.proc         ] [ end processing ] -->
 {% assign items = nil %}
-

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

@@ -128,18 +128,8 @@ NO need to load this again
         <script>
           $(document).ready(function() {
             var logger = log4javascript.getLogger("j1.module_loader");
-
-            {% if resource_settings.id == 'log4javascript' %}
-              var start = moment();
-              var finished = '';
-              var elapsed = '';
-              var log_text = '[' +start.format("HH:mm:ss.SSS")+ '] [INFO ] [j1.layout.module_writer.proc          ] [ {{resource_settings.comment|strip}} is being initialized ]';
-              console.info(log_text);
-            {% else %}
-              var log_text = '{{resource_settings.comment|strip}} is being initialized';
-              logger.info(log_text);
-            {% endif %}
-
+            var log_text = '{{resource_settings.comment|strip}} is being initialized';
+            logger.info(log_text);
 
             {% comment %} place initializer|s
             -------------------------------------------------------------------- {% endcomment %}
@@ -241,7 +231,7 @@ NO need to load this again
                 {% endif %}
               {% endif %}
             {% endfor %}
-        });
+           });
         </script>
       {% endif %}
 

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

@@ -145,8 +145,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -166,8 +166,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -184,8 +184,8 @@
               </div>
               <div class="card-footer">
                 <a href="{{post.url}}#readmore"
-                   class="btn btn-primary btn-raised mb-0">
-                   <i class="fa fa-eye fa-lg mr-1" style="color:#FFFFFF;">
+                   class="btn btn-secondary btn-raised btn-flex mb-0">
+                   <i class="mdi mdi-eye mdi-lg mr-1" style="color:#FFFFFF;">
                    </i> Read · {{post.tagline}}
                 </a>
               </div>
@@ -201,16 +201,16 @@
 
           <div class="timeline-footer">
             <ul class="timeline-list-unstyled list-inline blog-info">
-              <li><i class="fa fa-calendar mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
+              <li><i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}</li>
               {% if comment_count %}
                 <!-- comment_count enabled  -->
-                <!-- <li><i class="fa fa-comments-o"></i> <a href="#"> 7 Comments</a></li> -->
-                <li><a href="#"><i class="fa fa-comments-o"></i> 7 Comments</a></li>
+                <!-- <li><i class="mdi mdi-comment"></i> <a href="#"> 7 Comments</a></li> -->
+                <li><a href="#"><i class="mdi mdi-comment"></i> 7 Comments</a></li>
               {% endif %}
             </ul>
             {% if likes_count %}
               <!-- likes_count enabled  -->
-              <a class="likes" href="#"><i class="fa fa-heart"></i> 239</a>
+              <a class="likes" href="#"><i class="mdi mdi-heart"></i> 239</a>
             {% endif %}
           </div>
         </div>