j1-template 2023.8.2 → 2023.9.1

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

@@ -4,7 +4,7 @@ layout:                                 page
 title:                                  Posts by Date
 tagline:                                Explore 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:                                   false
+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 ]
 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,70 +106,56 @@ 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.date_view.page_text.en.headline %}
-  {% assign view_description_text     = blog_navigator_options.date_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.date_view.page_text.de.headline %}
-  {% assign view_description_text     = blog_navigator_options.date_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 %}
 
-{% comment %} Debugging
---------------------------------------------------------------------------------
-skip_categories:            {{skip_categories | debug}}
-site_category_word_list:    {{site_category_word_list | debug}}
---------------------------------------------------------------------------------
-{% endcomment %}
+{% assign description_enabled               = blog_navigator_options.date_view.page_description.enabled %}
+{% assign description_text                  = blog_navigator_options.date_view.page_description.text %}
+{% assign headline_enabled                  = blog_navigator_options.date_view.headline.enabled %}
+{% assign headline_text                     = blog_navigator_options.date_view.headline.text %}
 
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
-<div class="paginator speak2me-ignore ml-3 mb-4">
+<!-- [INFO   ] [blog.navigator.archive.dateview.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|prepend: site.baseurl}}" alt="Blog Navigator">Navigator</a></li -->
-    <li class="page-item"><a class="page-link" href="{{navigator}}" alt="Blog Navigator">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="{{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="{{category_view}}" title="View by {{category_view_button_text}}">{{category_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>
 
+{% comment %} Generate content section
+-------------------------------------------------------------------------------- {% endcomment %}
 <div id="index" class="post-search-results ml-3">
 
-  {% if blog_navigator_options.date_view.page_text.enabled %}
-  <div class="view-description">{{view_description_text}}</div>
+  {% 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 openList = '<ul class="list-unstyled link-news">' %}
   {% assign closeList = '</ul>' %}
@@ -171,7 +167,7 @@ site_category_word_list:    {{site_category_word_list | debug}}
     {% capture monthHead %}
       {% if month != nmonth %}
       {% if forloop.index != 1  %}{{closeList}}{%endif %}
-      <h2 id="{{100000|rand}}" class="toc-link mt-5 mb-3">
+      <h2 id="{{100000|rand}}" class="toc-link mt-4 mb-3">
         {% comment %}
         ------------------------------------------------------------------------
         {% if year != nyear %}
@@ -200,9 +196,11 @@ site_category_word_list:    {{site_category_word_list | debug}}
       {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
       <li>
         <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.dateview         ] [Check if post image is available] -->
             {% if post.image %}
@@ -230,22 +228,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/tagview.html

@@ -4,7 +4,7 @@ layout:                                 page
 title:                                  Posts By Tag
 tagline:                                Explore 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:                                   false
+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 ]
 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
@@ -45,6 +47,13 @@ resource_options:
 {% comment %} TODO: logic for "letter_group_written == false" to be fixed
 -------------------------------------------------------------------------------- {% endcomment %}
 
+{% 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 %}
@@ -88,9 +97,10 @@ resource_options:
 {% assign letter_group_counter  = 0 %}
 {% assign letter_group_written  = false %}
 
+{% 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 %}
@@ -119,70 +129,56 @@ 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.tag_view.page_text.en.headline %}
-  {% assign view_description_text     = blog_navigator_options.tag_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 %}
+{% 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 view_headline             = blog_navigator_options.tag_view.page_text.de.headline %}
-  {% assign view_description_text     = blog_navigator_options.tag_view.page_text.de.description %}
-{% endif %}
+{% assign description_enabled               = blog_navigator_options.tag_view.page_description.enabled %}
+{% assign description_text                  = blog_navigator_options.tag_view.page_description.text %}
+{% assign headline_enabled                  = blog_navigator_options.tag_view.headline.enabled %}
+{% assign headline_text                     = blog_navigator_options.tag_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.tagview.html     ] [Begin content] -->
 {% include {{create_word_cloud}} word_list=tag_list source="tags" %}
 
+{% 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="{{date_view}}" alt="View by Date">By Date</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view}}" alt="View by Category">By Category</a></li>
-    <li class="page-item"><a class="page-link" href="{{all_view}}" alt="View All">All Posts</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="{{category_view}}" title="View by {{category_view_button_text}}">{{category_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.tag_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">Posts By Tag</h2>
+  {% if headline_enabled %}
+  <div class="post-headline mt-4 mb-5">
+    <h2 id="post_headline" class="notoc">{{headline_text}}</h2>
   </div>
+  {% endif %}
 
   {% assign letter_group = letter_group_array[letter_group_counter] %}
 
@@ -201,13 +197,18 @@ site_category_word_list:    {{site_category_word_list | debug}}
     letter_group: {{letter_group | debug}}
     this_word: {{this_word | debug}}
     first_letter: {{first_letter | debug}}
-    ----------------------------------------------------------------------------
-    {% endcomment %}
 
     <h2 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase}}" class="toc-link mb-4">
       <a class="link-no-decoration" alt="category headline" href="#void"><i class="fa fa-tag mr-2"></i></a>
       {{this_word}}
     </h2>
+    ----------------------------------------------------------------------------
+    {% endcomment %}
+
+    <h2 id="{{this_word | replace: '+','_' | replace: ' ','_' | downcase}}" class="anchor-link mb-4">
+      <i class="mdib mdib-tag mr-1"></i>
+      {{this_word}}
+    </h2>
 
     {% for post in site.tags[this_word] %}{% if post.title != null %}
       {% include {{get_category}} post=post %}
@@ -220,11 +221,23 @@ 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 %}
+
       <!-- place post  -->
       <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.tagview         ] [Check if post image is available] -->
           {% if post.image %}
@@ -252,21 +265,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-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 %}
+                <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 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 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 %}