j1-template 2021.1.14 → 2021.1.19

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

@@ -2,10 +2,11 @@
 layout:                                 page
 title:                                  Creators Blog
 tagline:                                all posts
-description:                            Browse all articles
+description: >
+                                        Browse all articles provided by this website
 
-categories:                             [ Navigator ]
-tags:                                   [ Blog, Archive, Viewer ]
+categories:                             [ Blog ]
+tags:                                   [ Navigator, Archive ]
 
 sort:                                   date
 toc:                                    true
@@ -43,12 +44,26 @@ resource_options:
 {% 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 view_config         = site.data.builder.blog_navigator.archive_view %}
-{% assign truncate_words      = site.excerpt_truncate_words %}
-{% assign view_description    = view_config.description %}
-{% assign defaults            = site.data.builder.blog_navigator.defaults %}
+{% assign truncate_words                = site.excerpt_truncate_words %}
 
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
@@ -65,22 +80,67 @@ resource_options:
 {% 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}}" title="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view | prepend: site.baseurl}}" title="View by Category">By Category</a></li>
-    <!-- li class="page-item"><a class="page-link" href="{{tag_view      | prepend: site.baseurl}}" title="View by Tag">By Tag</a></li -->
-    <li class="page-item"><a class="page-link" href="{{date_view     | prepend: site.baseurl}}" title="View All">By Date</a></li>
+    <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">
-  <div class="view-description">{{view_description}}</div>
+  {% if blog_navigator_options.archive_view.page_text.enabled %}
+  <div class="view-description">{{view_description_text}}</div>
+  {% endif %}
+
   <div class="post-headline">
-    <h2 id="post-headline" class="mt-5">All Posts</h2>
+    <h1 id="post-headline notoc" class="mt-5">{{view_headline}}</h1>
   </div>
 
   <!-- ul class="list-unstyled link-news" -->
@@ -95,7 +155,7 @@ resource_options:
     {% endfor %}
 
     <article class="card raised-z3 mb-5">
-      <h3 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h3>
+      <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] -->
@@ -107,7 +167,7 @@ resource_options:
         {% 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="background-image: url({{defaults.post_image}});">
+          style="background-image: url({{blog_navigator_options.post_image}});">
         </div>
         {% endif %}
 
@@ -117,7 +177,12 @@ resource_options:
             <div class="card-footer-text">
               <hr class="my-3">
               {% if post.date %}
-              <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                {% 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>
@@ -130,7 +195,7 @@ resource_options:
             </div>
             <a class="card-link text-muted text-lowercase"
                href="{{post.url}}#readmore">
-               Read · {{post.tagline}}
+               {{readmore_text}} · {{post.tagline}}
             </a>
           </div>
         </div>

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

@@ -1,11 +1,13 @@
 ---
 layout:                                 page
 title:                                  Creators Blog
-tagline:                                posts by category
-description:                            Browse articles by category
+tagline:                                articles by category
+date:                                   2023-01-01 01:00:00 +100
+description: >
+                                        articles by category
 
-categories:                             [ Navigator ]
-tags:                                   [ Blog, Categories, Viewer ]
+categories:                             [ Blog ]
+tags:                                   [ Navigator, Categories ]
 
 sort:                                   date
 toc:                                    true
@@ -37,10 +39,6 @@ resource_options:
             href:                       https://unsplash.com/@matthaeus123
 ---
 
-{% comment %} Debugging|Helpers
--------------------------------------------------------------------------------- {% endcomment %}
-{% comment %} 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 %}
@@ -48,12 +46,26 @@ resource_options:
 {% capture get_category_item %}themes/{{site.template.name}}/procedures/global/get_category_item.proc{% endcapture %}
 {% capture create_word_cloud %}themes/{{site.template.name}}/procedures/global/create_word_cloud.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 view_config         = site.data.builder.blog_navigator.category_view %}
 {% assign truncate_words      = site.excerpt_truncate_words %}
-{% assign view_description    = view_config.description %}
-{% assign defaults            = site.data.builder.blog_navigator.defaults %}
 
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
@@ -78,13 +90,16 @@ resource_options:
   {% assign sorted_posts = site.posts|sort: 'date' %}
 {% endif %}
 
-{% comment %} TODO: skip_words configured by yaml data file?
--------------------------------------------------------------------------------- {% endcomment %}
+{% comment %} TODO: skip_words NOT longer needed? Already done
+by processing of categories
+--------------------------------------------------------------------------------
 {% capture skip_words %} Posts Public {% endcapture %}
+--------------------------------------------------------------------------------
+{% endcomment %}
 
-{% assign skip_categories = view_config.skip_categories | split: ", " | join: " " %}
-
-{% comment %} skip_categories:  {{skip_categories | debug}} {% endcomment %}
+{% comment %} category processing
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign skip_categories = blog_navigator_options.category_view.skip_categories | 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:',' %}
@@ -95,31 +110,75 @@ resource_options:
   {% capture category_list %}{{category_list|append: category}}{% unless forloop.last %},{% endunless %}{% endcapture %}
 {% endfor %}
 
+{% 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.category_view.page_text.en.headline %}
+  {% assign view_description_text     = blog_navigator_options.category_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.category_view.page_text.de.headline %}
+  {% assign view_description_text     = blog_navigator_options.category_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}] -->
-{% include {{create_word_cloud}} word_list=category_list source="categories" skip_words=skip_words %}
+{% include {{create_word_cloud}} word_list=category_list source="categories" skip_words=skip_categories %}
 
+<!-- [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}}" title="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{date_view|prepend: site.baseurl}}" title="View by Date">By Date</a></li>
-    <!-- li class="page-item"><a class="page-link" href="{{tag_view |prepend: site.baseurl}}" title="View by Tag">By Tag</a></li -->
-    <li class="page-item"><a class="page-link" href="{{all_view |prepend: site.baseurl}}" title="View All">All Posts</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="{{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>
   </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>
+  {% endif %}
 
-  <div class="view-description">{{view_description}}</div>
   <div class="post-headline">
-    <h2 id="post-headline" class="mt-5">Posts by Category</h2>
+    <h1 id="post-headline notoc" class="mt-5">{{view_headline}}</h1>
   </div>
   {% assign tags = site.categories|sort %}
   {% for tag in tags %}
     {% assign category = tag|first %}
     {% unless category_list contains category %} {% continue %} {% endunless %}
-    <h3 id="{{tag|first|downcase}}" class="anchor-link mb-4"><i class="mdi mdi-pin mr-1"></i>{{tag|first|capitalize}}</h3>
+    <h2 id="{{tag|first|downcase}}" class="anchor-link mb-4"><i class="mdi mdi-pin mr-1"></i>{{tag|first|capitalize}}</h2>
 
       {% for post in sorted_posts %}
         {%if post.categories contains tag[0]%}
@@ -137,7 +196,7 @@ resource_options:
           {% endfor %}
 
           <article class="card raised-z3 mb-5">
-            <h4 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h4>
+            <h3 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h3>
             <div class="row mx-0">
 
               <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Check if post image is available] -->
@@ -149,7 +208,7 @@ resource_options:
               {% 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="background-image: url({{defaults.post_image}});">
+                style="background-image: url({{blog_navigator_options.post_image}});">
               </div>
               {% endif %}
 
@@ -159,7 +218,12 @@ resource_options:
                   <div class="card-footer-text">
                     <hr class="my-3">
                     {% if post.date %}
-                    <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                      {% 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>
@@ -172,7 +236,7 @@ resource_options:
                   </div>
                   <a class="card-link text-muted text-lowercase"
                      href="{{post.url}}#readmore">
-                     Read · {{post.tagline}}
+                     {{readmore_text}} · {{post.tagline}}
                   </a>
                 </div>
               </div>

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

@@ -4,8 +4,8 @@ title:                                  Creators Blog
 tagline:                                posts by date
 description:                            Browse articles by date
 
-categories:                             [ Navigator ]
-tags:                                   [ Blog, Date, Viewer ]
+categories:                             [ Blog ]
+tags:                                   [ Navigator, Date ]
 
 sort:                                   date
 toc:                                    true
@@ -43,12 +43,26 @@ resource_options:
 {% 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 view_config         = site.data.builder.blog_navigator.category_view %}
-{% assign truncate_words      = site.excerpt_truncate_words %}
-{% assign view_description    = view_config.description %}
-{% assign defaults            = site.data.builder.blog_navigator.defaults %}
+{% assign truncate_words                = site.excerpt_truncate_words %}
 
 {% if site.permalink == 'none' %}
   {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
@@ -65,22 +79,68 @@ resource_options:
 {% capture tag_view %}{{page_path}}/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.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 %} 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}}" title="Blog View">Navigator</a></li>
-    <li class="page-item"><a class="page-link" href="{{category_view|prepend: site.baseurl}}" title="View by Category">By Category</a></li>
-    <li class="page-item"><a class="page-link" href="{{all_view|prepend: site.baseurl}}" title="View All">All Posts</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="{{category_view|prepend: site.baseurl}}" 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>
   </ul>
 </div>
 
 <div id="index" class="post-search-results ml-3">
 
-  <div class="view-description">{{view_description}}</div>
+  {% if blog_navigator_options.date_view.page_text.enabled %}
+  <div class="view-description">{{view_description_text}}</div>
+  {% endif %}
+
   <div class="post-headline">
-    <h2 id="post-headline" class="mt-5">Posts by Date</h2>
+    <h1 id="post-headline notoc" class="mt-5">{{view_headline}}</h1>
   </div>
   {% assign openList = '<ul class="list-unstyled link-news">' %}
   {% assign closeList = '</ul>' %}
@@ -92,19 +152,19 @@ resource_options:
     {% capture monthHead %}
       {% if month != nmonth %}
       {% if forloop.index != 1  %}{{closeList}}{%endif %}
-      <h3 id="{{100000|rand}}" class="toc-link mt-5 mb-3">
+      <h2 id="{{100000|rand}}" class="toc-link mt-5 mb-3">
         {% comment %}
         ------------------------------------------------------------------------
         {% if year != nyear %}
-        <a href="#" id="{{post.date|date:'%Y'}}">
+        <a href="#" id="{{post.date|localize: "%Y"}}">
         {% else %}
-        <a href="#" id="{{post.date|date:'%Y-%m' }}">
+        <a href="#" id="{{post.date|localize: "%Y-%m" }}">
         {% endif %}
         ------------------------------------------------------------------------ {% endcomment %}
         <i class="mdi mdi-calendar-blank"></i>
-        {{post.date|date:'%B %Y'}}
+        {{post.date|localize:'%B %Y'}}
         </a>
-      </h3>
+      </h2>
       {{openList}}
       {% endif %}
     {% endcapture %}
@@ -120,7 +180,7 @@ resource_options:
       {% assign excerpt = post.excerpt|truncatewords:truncate_words|replace:'...',' ...'|strip_html|strip_newlines|strip %}
       <li>
         <article class="card raised-z3 mb-5">
-          <h4 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h4>
+          <h3 id="{{100000|rand}}" class="card-header bg-primary">{{post.title}}</h3>
           <div class="row mx-0">
 
             <!-- [INFO   ] [j1.pages.blog.navigator.archive          ] [Check if post image is available] -->
@@ -132,7 +192,7 @@ resource_options:
             {% 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="background-image: url({{defaults.post_image}});">
+              style="background-image: url({{blog_navigator_options.post_image}});">
             </div>
             {% endif %}
 
@@ -142,7 +202,12 @@ resource_options:
                 <div class="card-footer-text">
                   <hr class="my-3">
                   {% if post.date %}
-                  <i class="mdi mdi-calendar-blank mr-1"></i> {{post.date | date: "%Y %B, %e"}}
+                    {% 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>
@@ -155,7 +220,7 @@ resource_options:
                 </div>
                 <a class="card-link text-muted text-lowercase"
                    href="{{post.url}}#readmore">
-                   Read · {{post.tagline}}
+                   {{readmore_text}} · {{post.tagline}}
                 </a>
               </div>
             </div>