j1-template 2023.8.2 → 2023.9.1

data/lib/starter_web/collections/posts/public/featured/_posts/2022-02-01-about-j1.adoc

@@ -1,9 +1,12 @@
 ---
 title:                                  J1 Theme
+title_extention:                        About the Template
 tagline:                                About the Template
+
+#date:                                  2023-01-01
 #last_modified:                         2023-01-01
 
-categories:                             [ Jekyll, Featured ]
+categories:                             [ Jekyll ]
 tags:                                   [ Theme ]
 
 image:
@@ -15,13 +18,12 @@ image:
 group:                                  Featured
 series:                                 Featured
 
-fab_menu_id:                            default
+#tts:                                    false
+fab_menu_id:                            open_toc
 comments:                               false
 regenerate:                             false
 
-share:                                  facebook
-
-resources:                              [ animate, bmd ]
+resources:                              [ animate ]
 resource_options:
   - attic:
       padding_top:                      600
@@ -39,6 +41,7 @@ resource_options:
 // -----------------------------------------------------------------------------
 // :page--attr:                         <attr-value>
 :badges-enabled:                        false
+:url-codinghorror--understanding-mvc:   https://blog.codinghorror.com/understanding-model-view-controller
 
 // Place an excerpt at the most top position
 // -----------------------------------------------------------------------------
@@ -63,6 +66,8 @@ excerpt__end
 
 // Page content
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+mdi:clock-time-five-outline[24px, md-gray mr-2 mt-4]
+*2 Minutes* to read
 
 ifeval::[{badges-enabled} == true]
 {badge-j1--license} {badge-j1--version-latest} {badge-j1-gh--last-commit} {badge-j1--downloads}
@@ -70,26 +75,33 @@ endif::[]
 
 // Include sub-documents (if any)
 // -----------------------------------------------------------------------------
-Many large today's companies like {url-docker--docs}[Docker, {browser-window--new}]
-are using template-based systems to create their documentation sites. Or like
-{url-oreilly-atlas--home}[O'Reilly Atlas, {browser-window--new}],
-to provide a fully-featured writers platform for writing books or extensive
-documentation.
-
+[role="mt-5"]
+== Background
+Many large companies today, like {url-docker--docs}[Docker, {browser-window--new}]
+are using template-based systems to create their documentation web sites. Or
+like {url-oreilly-atlas--home}[Atlas, {browser-window--new}] a writers platform
+for books or extensive documentation created and managed by the publishing
+company _O'Reilly._
+
+[role="mb-4"]
 All these platforms are technically different, but they share common ideas:
 
-* the layout of all content (pages) is based on a standard skeleton but
+* the layout of all content is based on a standard skeleton but
   separated from the content
 * content is written using a neutral meta-language
 * the final output is not predefined
-* the result is automatically generated by engines (robots)
+* the result is automatically generated by engines
 
-To make these real, a lot of things are to be managed. You can imagine.
-The approaches of Docker or O'Reilly points to a possible solution: a template
-system based on _Bootstrap_ for the CCS framework, _Jekyll_ and _Liquid_ for
-the core engines, and _Asciidoc_ (Asciidoctor) for a neutral meta-language
-writing content.
+[role="mt-4"]
+To make these real, a lot of things are to be managed. The approaches of
+Docker or O'Reilly points to a possible solution: a template system based
+on _Bootstrap_ for the CSS framework, and _Jekyll_ or _Liquid_ for the core
+engines, and finally _Asciidoc_ for a neutral meta-language writing content.
 
+[role="mt-5"]
+== Next steps
+
+[role="mb-4"]
 The next thought comes to my mind. Why developing a toolset for only
 document servers? Documentation webs of today are complex websites. Some
 features used for general web design may be not needed for documentation
@@ -98,22 +110,31 @@ systems, but a lot of components are required that are wanted in general:
 * a powerful CSS and Javascript framework
 * a modular approach for dynamic content and apps
 * a configuration system to separate content from the layout and to automate
-  creation processes following the development pattern *MVC*
-  (https://blog.codinghorror.com/understanding-model-view-controller/[Model–View–Controller, {browser-window--new}])
+  creation processes following the development pattern
+  link:{url-codinghorror--understanding-mvc}[Model–View–Controller, {browser-window--new}].
 
+[role="mt-4"]
 A plan was made in 2016, based on Jekyll V3 and Bootstrap V3, to create a
 template-based robot system that can be used for all types of websites, for
 all standard formats to create digital content.
 
+[role="mt-5"]
+== Today
+
+[role="mb-4"]
 I was too optimistic about how long it would take to build such a system:
 
 * easy to use by developers and non-technical people
 * modular, powerful and stable
-* supporting modern content design
-* usable on common computer hardware, available to the public
-* less in components, using well-known software
-* entirely usable on small PCs locally as well as on powerful remote systems
+* supporting modern design based on HTML V5 and Bootstrap V5
+* usable on common computer hardware
+* fully responsible on all devices
+* entirely usable on PCs locally as well as on powerful remote systems
   on the Internet
 
-It took me ages. Now in early 2022, I can present the first version of
-J1 Theme for the public. Hopefully, most of the objectives are achieved.
+[role="mt-4"]
+It took me ages. Now in 2023, I can present the latest version of J1 Template
+for the public. Hopefully, most of the objectives I had on my mind are
+achieved.
+
+Happy Jekylling!

data/lib/starter_web/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "j1",
-  "version": "2023.8.2",
+  "version": "2023.9.1",
   "description": "J1 Theme Starter Web",
   "homepage": "https://your.site",
   "author": {

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

@@ -4,7 +4,7 @@ layout:                                 page
 title:                                  Archive
 tagline:                                Explore All Posts
 
-date:                                   2022-01-01
+date:                                   2023-09-20
 #last_modified:                         2023-01-01
 
 description: >
@@ -22,10 +22,12 @@ pagination:
   permalink:                            /page:num/
 
 image:
-  path:                                 /assets/images/modules/attics/matthaeus-1920x1280.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/matthaeus.jpg
   width:                                1920
   height:                               1280
 
+tts:                                    true
+fab_menu_id:                            open_toc
 sort:                                   date
 exclude_from_search:                    true
 regenerate:                             false                                   # set to 'true', if update posts is required
@@ -34,7 +36,7 @@ resources:                              [ animate, scroller ]
 resource_options:
   - attic:
       slides:
-        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+        - url:                          /assets/images/modules/attics/1920x1280/matthaeus.jpg
           alt:                          Photo by Matthaeus on Unsplash
           badge:
             type:                       unsplash
@@ -42,6 +44,13 @@ resource_options:
             href:                       https://unsplash.com/@matthaeus123
 ---
 
+{% comment %} Debugging
+--------------------------------------------------------------------------------
+skip_categories:            {{skip_categories | debug}}
+site_category_word_list:    {{site_category_word_list | debug}}
+--------------------------------------------------------------------------------
+{% endcomment %}
+
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
@@ -76,9 +85,10 @@ resource_options:
   {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
+{% comment %} Generate URLs for all Navigator Views
+------------------------------------------------------------------------ {% endcomment %}
 {% include {{get_page_path}} mode='absolute' %}
 {% assign navigator_path = page_path|remove_first: '/archive' %}
-
 {% capture navigator %}{{navigator_path}}/{% endcapture %}
 {% capture date_view %}{{page_path}}/dateview/{% endcapture %}
 {% capture category_view %}{{page_path}}/categoryview/{% endcapture %}
@@ -96,84 +106,75 @@ resource_options:
   {% assign image_filters = '' %}
 {% endif %}
 
-{% comment %} language detection
+{% comment %} Collect Readmore Text
 -------------------------------------------------------------------------------- {% endcomment %}
-{% if site.language == "en" %}
-  {% assign language = "en" %}
-{% elsif site.language == "de"%}
-  {% assign language = "de" %}
-{% else %}
-  {% assign language = "en" %}
+{% if blog_navigator_options.readmore_text %}
+  {% assign readmore_text = blog_navigator_options.readmore_text %}
 {% 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" %}
+{% comment %} Collect Button Text/Description
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign home_button_text                  = blog_navigator_options.button_text.view_pager.home %}
+{% assign navigator_button_text             = blog_navigator_options.button_text.view_pager.navigator %}
+{% assign category_view_button_text         = blog_navigator_options.button_text.view_pager.category_view %}
+{% assign date_view_button_text             = blog_navigator_options.button_text.view_pager.date_view %}
+{% assign archive_view_button_text          = blog_navigator_options.button_text.view_pager.archive_view %}
+{% assign tag_view_button_text              = blog_navigator_options.button_text.view_pager.tag_view %}
 
-  {% 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 description_enabled               = blog_navigator_options.archive_view.page_description.enabled %}
+{% assign description_text                  = blog_navigator_options.archive_view.page_description.text %}
+{% assign headline_enabled                  = blog_navigator_options.archive_view.headline.enabled %}
+{% assign headline_text                     = blog_navigator_options.archive_view.headline.text %}
 
-  {% 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 speak2me-ignore ml-3 mb-4">
+<!-- [INFO   ] [blog.navigator.archive.allview.html     ] [Begin content] -->
+
+{% comment %} Generate navigation pager
+-------------------------------------------------------------------------------- {% endcomment %}
+<div class="paginator speak2me-ignore ml-3">
   <ul class="pagination raised-z0">
-    <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
-    <li class="page-item"><a class="page-link" href="{{navigator}}" alt="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view}}" 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 -->
+    <li class="page-item"><a class="page-link" href="/"                 title="Back to {{home_button_text}}">{{home_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{navigator}}"     title="Back to {{navigator_button_text}}">{{navigator_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by {{category_view_button_text}}">{{category_view_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{date_view}}"     title="View by {{date_view_button_text}}">{{date_view_button_text}}</a></li>
+<!-- li class="page-item"><a class="page-link" href="{{tag_view}}"      title="View by {{tag_view_button_text}}">{{tag_view_button_text}}</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>
+{% comment %} Generate content section
+-------------------------------------------------------------------------------- {% endcomment %}
+<div id="index" class="content post-search-results ml-3">
+  {% if description_enabled %}
+  <div class="view-description mt-4 mb-4">{{description_text}}</div>
   {% endif %}
 
-  <div class="post-headline">
-    <h2 id="post-headline" class="notoc mt-5">{{view_headline}}</h2>
+  {% if headline_enabled %}
+  <div class="post-headline mt-4 mb-5">
+    <h2 id="post_headline" class="notoc">{{headline_text}}</h2>
   </div>
+  {% endif %}
 
   <!-- 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:'...',' ...' %}
 
+    {% comment %} jadams, 2023-09-20: currently NOT used
+    ----------------------------------------------------------------------------
     <!-- 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 %}
+    ---------------------------------------------------------------------------- {% endcomment %}
 
     <article class="card raised-z0 mb-5">
-      <div class="card-header bg-primary">
-        <h3 id="{{100000|rand}}" class="card-header bg-primary notranslate">{{post.title}}</h3>
+
+      <div class="card-header bg-primary pt-3 pb-2">
+        <h3 id="{{100000|rand}}" class="md-white notranslate">{{post.title}}</h3>
       </div>
 
       <div class="row mx-0">
@@ -203,21 +204,23 @@ site_category_word_list:    {{site_category_word_list | debug}}
             <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 %}
+              <i class="mdi mdi-calendar-blank md-grey-600 mr-2"></i>{{post.date | localize: "%Y %B, %e"}}
               {% endif %}
+
+              {% comment %} jadams, 2023-09-20: currently NOT used
+              ------------------------------------------------------------
               {% if likes_count %}
-              <span class="font-weight-bold"> · </span>
-              <i class="mdi mdi-heart md-grey-900 mr-1"></i> {{likes_count}}
+                <span class="ml-3">
+                <i class="mdib mdib-heart md-grey-900 mr-0"></i> · {{likes_count}}
+                </span>
               {% endif %}
+
               {% if comment_count %}
-              <span class="font-weight-bold"> · </span>
-              <i class="mdi mdi-comment md-grey-900 mr-1"></i> {{comment_count}}
+                <span class="ml-3">
+                <i class="mdib mdib-comment md-grey-900 mr-0"></i> · {{comment_count}}
+                </span>
               {% endif %}
+              ------------------------------------------------------------ {% endcomment %}
 
               <!-- Cleanup categories by given blacklist -->
               {% assign my_categories = post.categories | difference: category_blacklist %}

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

@@ -4,7 +4,7 @@ layout:                                 page
 title:                                  Posts by Category
 tagline:                                Explore Posts
 
-date:                                   2022-01-01
+date:                                   2023-09-20
 #last_modified:                         2023-01-01
 
 description: >
@@ -24,10 +24,12 @@ pagination:
   permalink:                            /page:num/
 
 image:
-  path:                                 /assets/images/modules/attics/matthaeus-1920x1280.jpg
+  path:                                 /assets/images/modules/attics/1920x1280/matthaeus.jpg
   width:                                1920
   height:                               1280
 
+#tts:                                   false
+fab_menu_id:                            open_toc
 sort:                                   date
 exclude_from_search:                    true
 regenerate:                             false                                   # set to 'true', if update posts is required
@@ -36,7 +38,7 @@ resources:                              [ animate ]
 resource_options:
   - attic:
       slides:
-        - url:                          /assets/images/modules/attics/matthaeus-1920x1280.jpg
+        - url:                          /assets/images/modules/attics/1920x1280/matthaeus.jpg
           alt:                          Photo by Matthaeus on Unsplash
           badge:
             type:                       unsplash
@@ -44,6 +46,13 @@ resource_options:
             href:                       https://unsplash.com/@matthaeus123
 ---
 
+{% comment %} Debugging
+--------------------------------------------------------------------------------
+skip_categories:            {{skip_categories | debug}}
+site_category_word_list:    {{site_category_word_list | debug}}
+--------------------------------------------------------------------------------
+{% endcomment %}
+
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
@@ -80,9 +89,10 @@ resource_options:
   {% capture browser_page_url %}{{page.url}}{% endcapture %}
 {% endif %}
 
+{% comment %} Generate URLs for all Navigator Views
+------------------------------------------------------------------------ {% endcomment %}
 {% include {{get_page_path}} mode='absolute' %}
 {% assign navigator_path = page_path|remove_first: 'archive' %}
-
 {% capture navigator %}{{navigator_path}}{% endcapture %}
 {% capture date_view %}{{page_path}}/dateview/{% endcapture %}
 {% capture category_view %}{{page_path}}/categoryview/{% endcapture %}
@@ -97,14 +107,13 @@ resource_options:
   {% assign sorted_posts = site.posts|sort: 'date' %}
 {% endif %}
 
-{% comment %} TODO: skip_words NOT longer needed?
-              NOTE: Already done by processing of categories
+{% comment %} TODO: skip_words NOT longer needed? Already done
+by processing of categories
 --------------------------------------------------------------------------------
 {% capture skip_words %} Posts Public {% endcapture %}
 --------------------------------------------------------------------------------
 {% endcomment %}
 
-
 {% comment %} category processing
 -------------------------------------------------------------------------------- {% endcomment %}
 {% for category in category_blacklist %}
@@ -133,83 +142,66 @@ resource_options:
   {% assign image_filters = '' %}
 {% endif %}
 
-{% comment %} language detection NOT used anymore
---------------------------------------------------------------------------------
-{% if site.language == "en" %}
-  {% assign language = "en" %}
-{% elsif site.language == "de"%}
-  {% assign language = "de" %}
-{% else %}
-  {% assign language = "en" %}
-{% endif %}
+{% comment %} Collect Readmore Text
 -------------------------------------------------------------------------------- {% endcomment %}
-
-{% assign language = site.language %}
-
-{% 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.category_view.page_text.en.headline %}
-  {% assign view_description_text     = blog_navigator_options.category_view.page_text.en.description %}
+{% if blog_navigator_options.readmore_text %}
+  {% assign readmore_text = blog_navigator_options.readmore_text %}
 {% endif %}
 
-{% comment %} language NOT used anymore
---------------------------------------------------------------------------------
-{% 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.category_view.page_text.de.headline %}
-  {% assign view_description_text     = blog_navigator_options.category_view.page_text.de.description %}
-{% endif %}
+{% comment %} Collect Button Text/Description
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign home_button_text                  = blog_navigator_options.button_text.view_pager.home %}
+{% assign navigator_button_text             = blog_navigator_options.button_text.view_pager.navigator %}
+{% assign category_view_button_text         = blog_navigator_options.button_text.view_pager.category_view %}
+{% assign date_view_button_text             = blog_navigator_options.button_text.view_pager.date_view %}
+{% assign archive_view_button_text          = blog_navigator_options.button_text.view_pager.archive_view %}
+{% assign tag_view_button_text              = blog_navigator_options.button_text.view_pager.tag_view %}
+
+{% assign description_enabled               = blog_navigator_options.category_view.page_description.enabled %}
+{% assign description_text                  = blog_navigator_options.category_view.page_description.text %}
+{% assign headline_enabled                  = blog_navigator_options.category_view.headline.enabled %}
+{% assign headline_text                     = blog_navigator_options.category_view.headline.text %}
 
-{% 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}] -->
+<!-- [INFO   ] [blog.navigator.archive.categoryview.html ] [Begin content] -->
 {% include {{create_word_cloud}} source="categories" word_list=category_list %}
 
+{% comment %} Generate navigation pager
+-------------------------------------------------------------------------------- {% endcomment %}
 <!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator speak2me-ignore ml-3 mb-4">
+<div class="paginator speak2me-ignore ml-3">
   <ul class="pagination raised-z0">
-    <li class="page-item"><a class="page-link" href="/" title="Home">Home</a></li>
-    <!-- li class="page-item"><a class="page-link" href="{{navigator|prepend: site.baseurl}}" alt="Blog Navigator">Navigator</a></li -->
-    <li class="page-item"><a class="page-link" href="{{navigator|remove_first:archive}}" alt="Blog Navigator">Navigator</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 -->
-    <li class="page-item"><a class="page-link" href="{{all_view}}" alt="View All">{{archive_view_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="/"             title="Back to {{home_button_text}}">{{home_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{navigator}}" title="Back to {{navigator_button_text}}">{{navigator_button_text}}</a></li>
+    <li class="page-item"><a class="page-link" href="{{date_view}}" title="View by {{date_view_button_text}}">{{date_view_button_text}}</a></li>
+<!-- li class="page-item"><a class="page-link" href="{{tag_view}}"  title="View by {{tag_view_button_text}}">{{tag_view_button_text}}</a></li -->
+    <li class="page-item"><a class="page-link" href="{{all_view}}"  title="View {{archive_view_button_text}}">{{archive_view_button_text}}</a></li>
   </ul>
 </div>
 
-<div class="post-search-results ml-3">
-  {% if blog_navigator_options.category_view.page_text.enabled %}
-  <div class="view-description">{{view_description_text}}</div>
+{% comment %} Generate content section
+-------------------------------------------------------------------------------- {% endcomment %}
+<div class="content post-search-results ml-3">
+  {% if description_enabled %}
+  <div class="view-description mt-4 mb-4">{{description_text}}</div>
   {% endif %}
 
-  <div class="post-headline">
-    <h2 id="post-headline" class="notoc mt-5">{{view_headline}}</h2>
+  {% if headline_enabled %}
+  <div class="post-headline mt-4 mb-5">
+    <h2 id="post_headline" class="notoc">{{headline_text}}</h2>
   </div>
+  {% endif %}
 
   {% assign tags = site.categories|sort %}
   {% for tag in tags %}
     {% assign category = tag|first %}
     {% unless category_list contains category %} {% continue %} {% endunless %}
-    <h2 id="{{tag|first|downcase}}" class="anchor-link mb-4"><i class="mdi mdi-pin mr-1"></i>{{tag|first|capitalize}}</h2>
+
+    <h2 id="{{tag|first|downcase}}" class="anchor-link mb-4">
+      <i class="mdib mdib-pin mr-1"></i>{{tag|first|capitalize}}
+    </h2>
 
       {% for post in sorted_posts %}
         {%if post.categories contains tag[0]%}
@@ -220,17 +212,22 @@ site_category_word_list:    {{site_category_word_list | debug}}
           {% comment %} {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %} {% endcomment %}
           {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
 
+          {% comment %} jadams, 2023-09-20: currently NOT used
+          ----------------------------------------------------------------------
           <!-- 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 %}
+          ---------------------------------------------------------------------- {% endcomment %}
 
           <article class="card raised-z0 mb-5">
-            <div class="card-header bg-primary">
-              <h3 id="{{100000|rand}}" class="card-header bg-primary notranslate">{{post.title}}</h3>
+
+            <div class="card-header bg-primary pt-3 pb-2">
+              <h3 id="{{100000|rand}}" class="md-white notranslate">{{post.title}}</h3>
             </div>
+
             <div class="row mx-0">
               <!-- [INFO   ] [j1.pages.blog.navigator.categoryview     ] [Check if post image is available] -->
               {% if post.image %}
@@ -258,22 +255,24 @@ site_category_word_list:    {{site_category_word_list | debug}}
                   <div class="card-footer-text">
 
                     {% if post.date %}
-                      {% if language == "en" %}
-                        <i class="mdi mdi-calendar-blank md-grey-600 mr-1"></i>{{post.date | localize: "%Y %B, %e"}}
-                      {% endif %}
-                      {% if language == "de" %}
-                        <i class="mdi mdi-calendar-blank md-grey-600 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 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-calendar-blank md-grey-600 mr-2"></i>{{post.date | localize: "%Y %B, %e"}}
                     {% endif %}
 
+                    {% comment %} jadams, 2023-09-20: currently NOT used
+                	  ------------------------------------------------------------
+              		  {% if likes_count %}
+                			<span class="ml-3">
+                			<i class="mdib mdib-heart md-grey-900 mr-0"></i> · {{likes_count}}
+                      </span>
+              		  {% endif %}
+
+              		  {% if comment_count %}
+                			<span class="ml-3">
+                			<i class="mdib mdib-comment md-grey-900 mr-0"></i> · {{comment_count}}
+                      </span>
+              		  {% endif %}
+                    ------------------------------------------------------------ {% endcomment %}
+
                     <!-- Cleanup categories by given blacklist -->
                     {% assign my_categories = post.categories | difference: category_blacklist %}