j1-template 2022.1.0 → 2022.1.3

data/lib/starter_web/pages/public/_blog/navigator/archive.html

@@ -0,0 +1,204 @@
+---
+layout:                                 page
+title:                                  Starter Blog
+tagline:                                all posts
+description:                            Create index pages for articles this website
+
+categories:                             [ Blog ]
+tags:                                   [ Navigator, Archive ]
+
+sort:                                   date
+toc:                                    true
+fab_menu_id:                            open_toc
+
+pagination:
+  enabled:                              false
+  permalink:                            /page:num/
+
+analytics:                              false
+comments:                               false
+
+exclude_from_search:                    true
+regenerate:                             true                                    # needed to update pages
+
+resources:                              [ animate ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+          alt:                          Photo by Matthaeus
+          alignY:                       top
+          badge:
+            type:                       unsplash
+            author:                     Matthaeus
+            href:                       https://unsplash.com/@matthaeus123
+---
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% capture get_category_item %}themes/{{site.template.name}}/procedures/global/get_category_item.proc{% endcapture %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config               = site.data.j1_config %}
+{% assign blocks                        = site.data.blocks %}
+{% assign modules                       = site.data.modules %}
+{% assign builder                       = site.data.builder %}
+{% assign plugins                       = site.data.plugins %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_defaults       = builder.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings       = builder.blog_navigator.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign blog_navigator_options        = blog_navigator_defaults | merge: blog_navigator_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign truncate_words                = site.excerpt_truncate_words %}
+
+{% if site.permalink == 'none' %}
+  {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
+{% else %}
+  {% capture browser_page_url %}{{page.url}}{% endcapture %}
+{% endif %}
+
+{% include {{get_page_path}} mode='absolute' %}
+
+{% capture navigator %}{{page_path}}/{% endcapture %}
+{% capture blog_preview %}{{page_path}}/archive/preview/{% endcapture %}
+{% capture date_view %}{{page_path}}/archive/dateview/{% endcapture %}
+{% capture category_view %}{{page_path}}/archive/categoryview/{% endcapture %}
+{% capture tag_view %}{{page_path}}/archive/tagview/{% endcapture %}
+{% capture all_view %}{{page_path}}/{% endcapture %}
+
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
+{% if language == "en" %}
+  {% assign readmore_text               = "read" %}
+
+  {% assign category_view_button_text   = blog_navigator_options.button_text.view_selector.category_view.en %}
+  {% assign date_view_button_text       = blog_navigator_options.button_text.view_selector.date_view.en %}
+  {% assign archive_view_button_text    = blog_navigator_options.button_text.view_selector.archive_view.en %}
+  {% assign tag_view_button_text        = blog_navigator_options.button_text.view_selector.tag_view.en %}
+
+  {% assign view_headline               = blog_navigator_options.archive_view.page_text.en.headline %}
+  {% assign view_description_text       = blog_navigator_options.archive_view.page_text.en.description %}
+{% endif %}
+
+{% if language == "de" %}
+  {% assign readmore_text               = "lesen" %}
+
+  {% assign category_view_button_text   = blog_navigator_options.button_text.view_selector.category_view.de %}
+  {% assign date_view_button_text       = blog_navigator_options.button_text.view_selector.date_view.de %}
+  {% assign archive_view_button_text    = blog_navigator_options.button_text.view_selector.archive_view.de %}
+  {% assign tag_view_button_text        = blog_navigator_options.button_text.view_selector.tag_view.de %}
+
+  {% assign view_headline               = blog_navigator_options.archive_view.page_text.de.headline %}
+  {% assign view_description_text       = blog_navigator_options.archive_view.page_text.de.description %}
+{% endif %}
+
+{% comment %} Debugging
+--------------------------------------------------------------------------------
+skip_categories:            {{skip_categories | debug}}
+site_category_word_list:    {{site_category_word_list | debug}}
+--------------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
+<div class="paginator ml-3">
+  <ul class="pagination raised-z0">
+    <li class="page-item"><a class="page-link" href="{{navigator | prepend: site.baseurl}}" alt="Blog View">Navigator</a></li>
+    <li class="page-item"><a class="page-link" href="{{category_view|prepend: site.baseurl}}" alt="View by Category">{{category_view_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{date_view}}" alt="View by Date">{{date_view_button_text}}</a></li>
+    <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" alt="{{tag_view_button_text}}">By Tag</a></li -->
+  </ul>
+</div>
+
+<div id="index" class="post-search-results ml-3">
+  {% if blog_navigator_options.archive_view.page_text.enabled %}
+  <div class="view-description">{{view_description_text}}</div>
+  {% endif %}
+
+  <div class="post-headline">
+    <h1 id="post-headline notoc" class="mt-5">{{view_headline}}</h1>
+  </div>
+
+  <!-- ul class="list-unstyled link-news" -->
+  {% for post in site.posts %}
+    {% comment %} {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %} {% endcomment %}
+    {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
+
+    <!-- Collect comment provider details -->
+    {% for sharing in builder_config.sharing_provider %}
+      {% assign provider      = sharing.provider %}
+      {% assign likes_count   = sharing.likes_count %}
+      {% assign comment_count = sharing.comment_count %}
+    {% endfor %}
+
+    <article class="card raised-z3 mb-5">
+      <h2 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h2>
+      <div class="row mx-0">
+
+        <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Check if post image is available] -->
+        {% if post.image %}
+        <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Post image is available] -->
+        <div class="col-md-6 img-bg--fill px-0"
+          style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url({{post.image}});">
+        </div>
+        {% else %}
+        <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Post image missing, using configured default image] -->
+        <div class="col-md-6 img-bg--fill px-0"
+          style="border-right: 1px dotted rgba(0, 0, 0, 0.25); background-image: url({{blog_navigator_options.post_image}});">
+        </div>
+        {% endif %}
+
+        <div class="col-md-6 p-0">
+          <div class="card-body r-text-300">{{excerpt}}</div>
+          <div class="card-footer not-rounded r-text-200">
+            <div class="card-footer-text">
+
+              {% if post.date %}
+                {% if language == "en" %}
+                  <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
+                {% endif %}
+                {% if language == "de" %}
+                  <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date | localize: "%-d. %B %Y"}}
+                {% endif %}
+              {% endif %}
+              {% if likes_count %}
+              <span class="font-weight-bold"> · </span>
+              <i class="mdi mdi-heart md-grey-900 mr-1"></i> {{likes_count}}
+              {% endif %}
+              {% if comment_count %}
+              <span class="font-weight-bold"> · </span>
+              <i class="mdi mdi-comment md-grey-900 mr-1"></i> {{comment_count}}
+              {% endif %}
+            </div>
+            <a class="card-link md-grey-900 text-lowercase"
+               href="{{post.url}}#readmore">
+               {{readmore_text}} · {{post.tagline}}
+            </a>
+          </div>
+        </div>
+      </div>
+    </article>
+  {% endfor %}
+</div>

data/lib/starter_web/pages/public/_blog/navigator/index.html

@@ -0,0 +1,53 @@
+---
+layout:                                 blog_archive
+title:                                  Starter Blog
+tagline:                                explore posts
+description: >
+                                        Navigate through all articles tis website
+
+categories:                             [ Blog ]
+tags:                                   [ Navigator ]
+
+pagination:
+  enabled:                              true
+  permalink:                            /page:num/
+  per_page:                             2
+
+sort:                                   date
+toc:                                    true
+fab_menu_id:                            default
+
+analytics:                              true
+comments:                               false
+
+regenerate:                             true                                    # needed to update pagination pages
+
+resources:                              [ animate, scroller ]
+resource_options:
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+          alt:                          Photo by Matthaeus
+          alignY:                       top
+          badge:
+            type:                       unsplash
+            author:                     Matthaeus
+            href:                       https://unsplash.com/@matthaeus123
+---
+
+<pre>
+
+  This page is created by the layout: {{ page.layout }}.
+
+  If this text is displayed (instead of the home page expected),
+  something went  wrong with the layout definitions. Check  the
+  output of the Jekyll engine building this site.
+
+  Check the  contents   of folder _layouts. Verify  if the base
+  layout  "{{ page.layout }}" exists  and the  referring  chain
+  (inheritance) is correct.
+
+</pre>

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/000_intro.adoc

@@ -23,16 +23,14 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    4
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/skeleton/sigmund-1920x1280.jpg
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
           alt:                          Photo by Sigmund on Unsplash
-          alignY:                       top
+          alignY:                       0.3
           badge:
             type:                       unsplash
             author:                     Sigmund

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/100_converter.adoc

@@ -1,7 +1,9 @@
 ---
 title:                                  Asciidoctor PDF Converter
 tagline:                                A native PDF converter for AsciiDoc
-description:                            Native PDF Converter for Asciidoctor
+date:                                   2022-01-01 00:00:00
+description: >
+                                        Native PDF Converter for Asciidoctor
 
 categories:                             [ Knowledge ]
 tags:                                   [ Asciidoctor, PDF, Converter ]
@@ -12,8 +14,18 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    2
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
+          alt:                          Photo by Sigmund on Unsplash
+          alignY:                       0.3
+          badge:
+            type:                       unsplash
+            author:                     Sigmund
+            href:                       https://unsplash.com/@sigmund
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/200_themes.adoc

@@ -1,7 +1,9 @@
 ---
 title:                                  Asciidoctor PDF Themes
 tagline:                                Theming Guide for the Asciidoctor PDF Converter
-description:                            Asciidoctor PDF Theming Guide
+date:                                   2022-01-01 00:00:00
+description: >
+                                        Asciidoctor PDF Theming Guide
 
 categories:                             [ Knowledge ]
 tags:                                   [ Asciidoctor, PDF, Converter ]
@@ -11,8 +13,18 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    2
+  - attic:
+      padding_top:                      400
+      padding_bottom:                   50
+      opacity:                          0.5
+      slides:
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
+          alt:                          Photo by Sigmund on Unsplash
+          alignY:                       0.3
+          badge:
+            type:                       unsplash
+            author:                     Sigmund
+            href:                       https://unsplash.com/@sigmund
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc

@@ -23,20 +23,18 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    4
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/modules/attics/humble-lamb-1920x1280.jpg
-          alt:                          Photo by Humble Lamb on Unsplash
-          alignY:                       top
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
+          alt:                          Photo by Sigmund on Unsplash
+          alignY:                       0.3
           badge:
             type:                       unsplash
-            author:                     Humble Lamb
-            href:                       https://unsplash.com/@humblelamb
+            author:                     Sigmund
+            href:                       https://unsplash.com/@sigmund
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc

@@ -21,20 +21,18 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    4
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/skeleton/annie-spratt-1920x1280.jpg
-          alt:                          Photo by Annie Spratt on Unsplash
-          alignY:                       top
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
+          alt:                          Photo by Sigmund on Unsplash
+          alignY:                       0.3
           badge:
             type:                       unsplash
-            author:                     Annie Spratt
-            href:                       https://unsplash.com/@anniespratt
+            author:                     Sigmund
+            href:                       https://unsplash.com/@sigmund
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc

@@ -20,20 +20,18 @@ regenerate:                             false
 
 resources:                              [ animate, clipboard, lightbox, rouge ]
 resource_options:
-  - toccer:
-      collapseDepth:                    4
   - attic:
       padding_top:                      400
       padding_bottom:                   50
       opacity:                          0.5
       slides:
-        - url:                          /assets/images/pages/skeleton/antonino-visalli-1920x1280.jpg
-          alt:                          Photo by Antonino Visalli on Unsplash
-          alignY:                       top
+        - url:                          /assets/images/modules/attics/sigmund-1920x1280.jpg
+          alt:                          Photo by Sigmund on Unsplash
+          alignY:                       0.3
           badge:
             type:                       unsplash
-            author:                     Antonino Visalli
-            href:                       https://unsplash.com/@_visalli
+            author:                     Sigmund
+            href:                       https://unsplash.com/@sigmund
 ---
 
 // Page Initializer

data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html

@@ -20,7 +20,7 @@ analytics:                              true
 comments:                               false
 
 exclude_from_search:                    true
-regenerate:                             true
+regenerate:                             true                                    # needed to update pages
 
 resources:                              [ animate ]
 resource_options:
@@ -47,24 +47,25 @@ resource_options:
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config               = site.data.j1_config %}
-{% assign blocks                        = site.data.blocks %}
-{% assign modules                       = site.data.modules %}
-{% assign builder                       = site.data.builder %}
-{% assign plugins                       = site.data.plugins %}
+{% assign template_config         = site.data.j1_config %}
+{% assign blocks                  = site.data.blocks %}
+{% assign modules                 = site.data.modules %}
+{% assign plugins                 = site.data.plugins %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_defaults       = builder.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings       = builder.blog_navigator.settings %}
+{% assign blog_navigator_defaults = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings = modules.blog_navigator.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_options        = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign blog_navigator_options  = blog_navigator_defaults | merge: blog_navigator_settings %}
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign truncate_words      = site.excerpt_truncate_words %}
+{% assign truncate_words          = site.excerpt_truncate_words %}
+{% assign category_blacklist      = template_config.posts.category_blacklist %}
+
 
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
@@ -98,7 +99,11 @@ by processing of categories
 
 {% comment %} category processing
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign skip_categories = blog_navigator_options.category_view.skip_categories | split: ", " | join: " " %}
+{% for category in category_blacklist %}
+{% assign capitalized = category|capitalize %}
+  {% capture black_list %}{{black_list|append: capitalized}}{% unless forloop.last %},{% endunless %}{% endcapture %}
+{% endfor %}
+{% assign skip_categories = black_list | split: "," | join: " " %}
 
 {% capture site_category_word_list %}{% for category in site.categories %}{{category|first|capitalize|lstrip|rstrip}}{% unless forloop.last %},{% endunless %}{% endfor %}{% endcapture %}
 {% assign category_words = site_category_word_list|split:',' %}
@@ -153,7 +158,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-{% include {{create_word_cloud}} word_list=category_list source="categories" skip_words=skip_categories %}
+{% include {{create_word_cloud}} source="categories" word_list=category_list %}
 
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
 <div class="paginator ml-3">
@@ -233,6 +238,22 @@ site_category_word_list:    {{site_category_word_list | debug}}
                     <span class="font-weight-bold"> · </span>
                     <i class="mdi mdi-comment mr-1"></i> {{comment_count}}
                     {% endif %}
+
+                    <!-- Cleanup categories by given blacklist -->
+                    {% assign my_categories = post.categories | difference: category_blacklist %}
+
+                    <!-- Build element strings -->
+                    {% assign categories    = my_categories |join: " · "  %}
+                    {% assign tags          = post.tags | join: " · "  %}
+
+                    <p class="result-item-text small text-muted mb-3">
+                      <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i>
+                      <span class="sr-categories">{{categories}}</span>
+                      <br>
+                      <i class="mdi mdi-tag mdi-18px mr-1"></i>
+                      <span class="sr-tags">{{tags}}</span>
+                  </p>
+
                   </div>
                   <a class="card-link text-muted text-lowercase"
                      href="{{post.url}}#readmore">

data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html

@@ -1,6 +1,6 @@
 ---
 layout:                                 page
-title:                                  Starter Blog
+title:                                  Creators Blog
 tagline:                                posts by date
 description:                            Browse articles by date
 
@@ -16,10 +16,11 @@ pagination:
   permalink:                            /page:num/
 
 analytics:                              true
+advertising:                            false
 comments:                               false
 
 exclude_from_search:                    true
-regenerate:                             true
+regenerate:                             true                                    # needed to update pages
 
 resources:                              [ animate ]
 resource_options:
@@ -45,24 +46,25 @@ resource_options:
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config               = site.data.j1_config %}
-{% assign blocks                        = site.data.blocks %}
-{% assign modules                       = site.data.modules %}
-{% assign builder                       = site.data.builder %}
-{% assign plugins                       = site.data.plugins %}
+{% assign template_config         = site.data.j1_config %}
+{% assign blocks                  = site.data.blocks %}
+{% assign modules                 = site.data.modules %}
+{% assign plugins                 = site.data.plugins %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_defaults       = builder.defaults.blog_navigator.defaults %}
-{% assign blog_navigator_settings       = builder.blog_navigator.settings %}
+{% assign blog_navigator_defaults = modules.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings = modules.blog_navigator.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign blog_navigator_options        = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign blog_navigator_options  = blog_navigator_defaults | merge: blog_navigator_settings %}
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign truncate_words                = site.excerpt_truncate_words %}
+{% assign truncate_words          = site.excerpt_truncate_words %}
+{% assign category_blacklist      = template_config.posts.category_blacklist %}
+
 
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
@@ -210,6 +212,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
                       <i class="mdi mdi-calendar-blank md-grey-900 mr-1"></i>{{post.date|localize: "%-d. %B %Y"}}
                     {% endif %}
                   {% endif %}
+
                   {% if likes_count %}
                   <span class="font-weight-bold"> · </span>
                   <i class="mdi mdi-heart md-grey-900 mr-1"></i> {{likes_count}}
@@ -218,6 +221,22 @@ site_category_word_list:    {{site_category_word_list | debug}}
                   <span class="font-weight-bold"> · </span>
                   <i class="mdi mdi-comment md-grey-900 mr-1"></i> {{comment_count}}
                   {% endif %}
+
+                  <!-- Cleanup categories by given blacklist -->
+                  {% assign my_categories = post.categories | difference: category_blacklist %}
+
+                  <!-- Build element strings -->
+                  {% assign categories    = my_categories |join: " · "  %}
+                  {% assign tags          = post.tags | join: " · "  %}
+
+                  <p class="result-item-text small text-muted mb-3">
+                    <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i>
+                    <span class="sr-categories">{{categories}}</span>
+                    <br>
+                    <i class="mdi mdi-tag mdi-18px mr-1"></i>
+                    <span class="sr-tags">{{tags}}</span>
+                </p>
+
                 </div>
                 <a class="card-link md-grey-900 text-lowercase"
                    href="{{post.url}}#readmore">