j1-template 2021.1.12 → 2021.1.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a06e7a1afc748fb3e46ecd414787526660fbfbca1c1b144b9155756be344bca
-  data.tar.gz: 3dc366715975779e7a0feb554e5668d831405d0f4721969cc7cc8f972017667f
+  metadata.gz: 450ab87c08a2d4dbf209d876c093c719728b94f8442d6102a9b70aa5d19c83a3
+  data.tar.gz: 490fba75a77784eea4ac47ee3b61a8cbe31e9698539571218a95ed3c9d9388e8
 SHA512:
-  metadata.gz: a21ef1eef607b721deb207a886514cc0ef239c13ed58af632c6840b610afbd4f84197e0d0b0ff8d0023b125f380c6ee3fa341502a8e8062b3b47454e79472855
-  data.tar.gz: 971468ca62b8d074d43b7dd2930b848b0196cb1bff076a2f98f4e2cb8b44e3413a2de0149dd5ae9d0b0adced874996206afa91f9bb008545e28b5eecbd78cbf1
+  metadata.gz: 3c3741110b08384383ce195f7f5de6443343d12b825d4699f36d30fa86169b2fa9c362dce3ddfcc3e4a65b9eff5f7d9f9ec88637c985b538dda6f041790cf7cc
+  data.tar.gz: 18bbbddf4bf71098a1dd12aaa280f2eb3278569870b3d256d92e14e3bf74418cc08a1f86c705b41a35c8f5d1a56c6f91c538c10f71d6508bce8c9a611f8b802b

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

@@ -22,11 +22,34 @@
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture date_template %}{{footer_options.issue.date}} | date: "{{footer_options.issue.date_format}}" {% endcapture %}
-{% assign  date = site.time | date: "%A, %-d %B %Y" %}
 
-<!-- date_template:    {{date_template}} -->
-<!-- date:             {{date}} -->
+{% 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 issue_text  = footer_options.issue.en.text %}
+  {% assign date_format = footer_options.issue.en.date_format %}
+{% endif %}
+
+{% if language == "de" %}
+  {% assign issue_text  = footer_options.issue.de.text %}
+  {% assign date_format = footer_options.issue.de.date_format %}
+{% endif %}
+
+{% capture modified %}{{issue_text}}: {{site.time | localize: date_format}}{% endcapture %}
+
+{% comment %} Debugging
+--------------------------------------------------------------------------------
+footer_options.issue:            {{footer_options.issue | debug}}
+--------------------------------------------------------------------------------
+{% endcomment %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -34,5 +57,5 @@
 <!-- [INFO   ] [issue.proc                         ] [ issue date information ] -->
 {% if footer_options.issue.enabled %}
 <!-- [INFO   ] [issue.proc                         ] [ place issue ] -->
-<p style="color: rgba(255, 255, 255, 0.5)">{{footer_options.issue.text}} {{date}}</p>
+<p style="color: rgba(255, 255, 255, 0.5)">{{modified}}</p>
 {% endif %}

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

@@ -24,43 +24,86 @@
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign legals = include.legals %}
 
-<!-- [INFO   ] [legal_statements.proc              ] [ process legal statements configured ] -->
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
+{% comment %} Debugging
+--------------------------------------------------------------------------------
+legal_item: {{legal_item.legal | debug}}
+--------------------------------------------------------------------------------
+{% endcomment %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [legal_statements.proc              ] [ process legal statements configured ] -->
 <ul class="list-inline terms-menu">
 {% for legal_item in legals %}
 
-  {% comment %}
-  <!-- [INFO   ] [legal_statements.proc              ] [ legal_item: {{legal_item.legal}} ] -->
-  {% endcomment %}
+  {% if language == "en" %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'copyright' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'copyright' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
-  {% endif %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'impress' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'impress' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
-  {% endif %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'terms' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'terms' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
-  {% endif %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'privacy' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'privacy' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
-  {% endif %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'licence' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'licence' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
-  {% endif %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'support' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'support' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'comments' %}
+      <li><a href="{{legal_item.legal.en.href}}">{{legal_item.legal.en.statement}}</a></li>
+    {% endif %}
   {% endif %}
 
-  {% if legal_item.legal.enabled and legal_item.legal.type == 'comments' %}
-    <li><a href="{{legal_item.legal.href}}">{{legal_item.legal.statement}}</a></li>
+  {% if language == "de" %}
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'copyright' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'impress' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'terms' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'privacy' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'licence' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'support' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
+
+    {% if legal_item.legal.enabled and legal_item.legal.type == 'comments' %}
+      <li><a href="{{legal_item.legal.de.href}}">{{legal_item.legal.de.statement}}</a></li>
+    {% endif %}
   {% endif %}
 
 {% endfor %}

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

@@ -26,7 +26,6 @@
 {% assign tagline = include.tagline %}
 {% assign links   = include.links %}
 
-
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [links_box.proc                     ] [ place links box ] -->

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

@@ -28,6 +28,16 @@
 {% assign posts_max       = include.max_posts %}
 {% assign posts           = include.posts %}
 
+{% comment %} language detection
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.language == "en" %}
+  {% assign language = "en" %}
+{% elsif site.language == "de"%}
+  {% assign language = "de" %}
+{% else %}
+  {% assign language = "en" %}
+{% endif %}
+
 {% comment %} post loop counter correction
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign max_posts       = posts_max | minus:'1' %}
@@ -52,7 +62,12 @@
         {% assign posts_written = posts_written | plus:'1' %}
         <li>
           <a href="{{post.url}}">{{post.title}}</a>
-          <small class="text-uppercase">{{post.date | date: "%Y %B, %e"}}</small>
+          {% if language == "en" %}
+            <small class="text-uppercase">{{post.date | localize: "%Y %B, %-d"}}</small>
+          {% endif %}
+          {% if language == "de" %}
+            <small class="text-uppercase">{{post.date | localize: "%-d. %B %Y"}}</small>
+          {% endif %}
         </li>
         {% endif %}
       {% endfor %}

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

@@ -26,7 +26,7 @@
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_app.html  ] [ begin place content ] -->
-  <main id="app-content" class="col-md-12" style="padding-left:60px;padding-right:60px;">
+  <main id="main-content" id="app-content" class="col-md-12" style="padding-left:60px;padding-right:60px;">
     {{content}}
   </main>
   <!-- [INFO   ] [j1.layout.content_generator_app.html  ] [ end place content] -->

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

@@ -26,247 +26,225 @@
 {% capture collate_timeline %}themes/{{site.template.name}}/procedures/posts/collate_timeline.proc{% endcapture %}
 {% capture create_navigator %}themes/{{site.template.name}}/procedures/posts/create_navigator.proc{% endcapture %}
 
-{% comment %} Variables
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign view_config_article_navigator = site.data.builder.blog_navigator.article_navigator %}
-{% assign article_navigator_description = view_config_article_navigator.description %}
-{% assign view_config_article_previewer = site.data.builder.blog_navigator.article_previewer %}
-{% assign article_previewer_description = view_config_article_previewer.description %}
-
-
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign plugins              = site.data.plugins %}
+{% 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 paginator_defaults   = plugins.defaults.paginator.settings %}
-{% assign paginator_settings   = plugins.paginator.settings %}
+{% assign blog_navigator_defaults             = builder.defaults.blog_navigator.defaults %}
+{% assign blog_navigator_settings             = builder.blog_navigator.settings %}
+{% assign paginator_defaults                  = plugins.defaults.paginator.defaults %}
+{% assign paginator_settings                  = plugins.paginator.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign paginator_options    = paginator_defaults | merge: paginator_settings %}
+{% assign blog_navigator_options              = blog_navigator_defaults | merge: blog_navigator_settings %}
+{% assign paginator_options                   = paginator_defaults | merge: paginator_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign article_navigator                   = builder.blog_navigator.settings.article_navigator %}
+{% assign article_previewer                   = builder.blog_navigator.settings.article_previewer %}
+{% assign article_navigator_description       = blog_navigator_options.article_navigator.description %}
+{% assign article_previewer_description       = blog_navigator_options.article_previewer.description %}
 
-{% assign previewer            = site.data.builder.blog_navigator.previewer %}
-{% assign paginate             = paginator_options.pagination.enabled %}
-{% assign rtext                = site.data.j1_config.typography.rtext %}
-{% assign page_rtext           = page.rtext %}
-{% assign page_rtext_size      = page.rtext_size %}
+{% assign previewer                           = blog_navigator_options.previewer %}
+{% assign paginate                            = paginator_options.pagination.enabled %}
+{% assign rtext                               = template_config.typography.rtext %}
+{% assign page_rtext                          = page.rtext %}
+{% assign page_rtext_size                     = page.rtext_size %}
 
 {% comment %} rtext|size detection
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if rtext %}
-  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
+  {% assign rtext_size = template_config.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}
 
+{% 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 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 paginator_button_older_posts_text = blog_navigator_options.button_text.paginator.older_posts.en %}
+  {% assign paginator_button_newer_posts_text = blog_navigator_options.button_text.paginator.newer_posts.en %}
+  {% assign paginator_button_first_post_text  = blog_navigator_options.button_text.paginator.first_post.en %}
+  {% assign paginator_button_last_post_text   = blog_navigator_options.button_text.paginator.last_post.en %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.en.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.en.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.en.description %}
+{% endif %}
+
+{% if language == "de" %}
+  {% 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 paginator_button_older_posts_text = blog_navigator_options.button_text.paginator.older_posts.de %}
+  {% assign paginator_button_newer_posts_text = blog_navigator_options.button_text.paginator.newer_posts.de %}
+  {% assign paginator_button_first_post_text  = blog_navigator_options.button_text.paginator.first_post.de %}
+  {% assign paginator_button_last_post_text   = blog_navigator_options.button_text.paginator.last_post.de %}
+
+  {% assign previewer_headline                = blog_navigator_options.article_previewer.page_text.de.headline %}
+  {% assign navigator_description_text        = blog_navigator_options.article_navigator.page_text.de.description %}
+  {% assign previewer_description_text        = blog_navigator_options.article_previewer.page_text.de.description %}
+{% endif %}
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
-  <!-- split page to place a sidebar e.g. the document TOC -->
-  <!-- no sidebar, mr-* disabled -->
-  <!-- div class="container mr-5 mb-5" -->
-  <!-- div class="container mb-5" -->
-    <!-- div class="row" -->
-
-      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
-      <main class="container r-text-{{rtext_size}} js-toc-content mb-5">
-
-        {% comment %} Blog Navigator
-        ------------------------------------------------------------------------ {% endcomment %}
-        <!-- Content placed by layouts/content_generator_blog_archive.html -->
-        <!-- div id="blog_navigator" class="row" -->
-        <div id="blog_navigator">
-          <!-- div class="col-md-12" role="main" -->
-
-            <div id="article_navigator">
-
-              {% include {{get_page_path}} mode='absolute' %}
-              {% capture navigator_path%}{{page_path}}{% endcapture %}
-              {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
-
-              {% capture date_view %}{{archive_path}}/dateview/{% endcapture %}
-              {% capture category_view %}{{archive_path}}/categoryview/{% endcapture %}
-              {% capture tag_view %}{{archive_path}}/tagview/{% endcapture %}
-              {% capture all_view %}{{archive_path}}/{% endcapture %}
-
-              {% comment %} https://stackoverflow.com/questions/22763180/assign-an-array-literal-to-a-variable-in-liquid-template {% endcomment %}
-              {% assign my_array = "one|two|three" | split: "|" %}
-
-              <div class="navigator-headline">
-                <!-- <div id="navigator" class="post-headline">
-                  <h2 id="post-headline" class="mt-4">Navigator</h2>
-                </div> -->
-
-                <!-- nav class="paginator ml-3" -->
-                <nav class="paginator">
-                  <ul class="pagination raised-z0">
-
-                    <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by Category">By Category</a></li>
-                    <li class="page-item"><a class="page-link" href="{{date_view}}" title="View by Date">By Date</a></li>
-                    <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" title="View by Tag">By Tag</a></li -->
-                    <li class="page-item"><a class="page-link" href="{{all_view}}" title="View All">All Posts</a></li>
-
-                  </ul>
-                </nav> <!-- end paginator -->
-
-                <!-- <div class="view-description ml-3 mb-3">
-                  {{article_navigator_description}}
-                </div> -->
-               </div> <!-- end navigator headline -->
-
-            </div> <!-- end blog navigator -->
-            {% comment %} End Blog Navigator
-            -------------------------------------------------------------------- {% endcomment %}
-
-            {% comment %} Article Previewer
-            -------------------------------------------------------------------- {% endcomment %}
-            <!-- Add Article Previewer if paginator is enabled -->
-            {% if paginate %}
-            <div id="article_previewer">
-
-              <div class="previewer-headline">
-
-                <div class="post-headline">
-                  <h2 id="previewer" class="mt-4">Preview</h2>
-                </div>
-
-                {% if paginator.total_pages > 1 %}
-                <nav class="paginator mb-4">
-                  <ul class="pagination raised-z0">
-                    {% if paginator.previous_page %}
-                      <li class="page-item">
-                          <a class="page-link" href="{{ paginator.previous_page_path }}#article_navigator">Newer Posts</a>
-                      </li>
-                    {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link">First Page</a></li>
-                    {% endif %}
-
-                    {% if paginator.next_page %}
-                    <li class="page-item">
-                        <a class="page-link" href="{{ paginator.next_page_path }}#article_navigator">Older Posts</a>
-                    </li>
-                    {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link">Last Page</a></li>
-                    {% endif %}
-                  </ul>
-                </nav>
-                {% endif %}
-
-                {% comment %} Old (defect) preview paginator
-                ----------------------------------------------------------------
-                {% if paginator.total_pages > 1 %}
-                <!-- nav class="paginator ml-3" -->
-                <nav class="paginator">
-                  <ul class="pagination raised-z0">
-                    {% if paginator.previous_page %}
-                      {% if paginator.previous_page > 1 %}
-                        {% capture page_link %}{{paginator.previous_page_path}}#previewer{% endcapture %}
-                        <li class="page-item"><a href="#" class="page-link" href="{{page_link}}" title="Previous page">Previous</a></li>
-                      {% else %}
-                        {% comment %} Back to FIRST page {% endcomment %}
-                        {% assign navigator = page.url | remove_first:'page2/index.html' %}
-                        {% capture page_link %}{{navigator}}#previewer{% endcapture %}
-                        <li class="page-item"><a href="#" class="page-link" href="{{page_link}}" title="First page">Previous</a></li>
-                      {% endif %}
-                    {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link">First</a></li>
-                    {% endif %}
-
-                    {% if paginator.next_page %}
-                        {% capture page_link %}{{paginator.next_page_path}}#previewer{% endcapture %}
-                        <li class="page-item"><a class="page-link" href="{{page_link}}" title="Next page">Next</a></li>
-                    {% else %}
-                        <li class="page-item disabled"><a href="#" class="page-link">Last</a>
-                    {% endif %}
-                  </ul>
-                </nav>
-                {% endif %}
-                ---------------------------------------------------------------- {% endcomment %}
-
-                <!-- div class="view-description ml-3 mb-3" -->
-                <div class="view-description mb-3">
-                  {{article_previewer_description}}
-                </div>
-
-              </div>
-
-              <div id="article_preview">
-                <!-- Previewer selected of type: {{previewer}}-->
-                <div id="preview_content">
-                  {% assign posts_collate = paginator.posts %}
-                  {% case previewer %}
-                    {% when 'list' %}
-                      {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
-                    {% when 'calendar' %}
-                        {% include {{collate_calendar}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
-                    {% when 'timeline' %}
-                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
-                    {% else %}
-                      {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
-                  {% endcase %}
-                </div>
-              </div>
-
-            </div>
-            <!-- end article previewer -->
-            {% endif %}
-            {% comment %} End Article Previewer
-            -------------------------------------------------------------------- {% endcomment %}
-
-          <!-- /div --> <!-- end col-md-12 -->
-        </div> <!-- end row blog_navigator -->
-
-        <!-- End Content placed by blog_archive_content.html -->
-        </main> <!-- end main for split page -->
-
-      {% comment %} Place Sidebar|Tocbot
-      -------------------------------------------------------------------------- {% endcomment %}
-      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
-      {% comment %} tocbot and page_navigation (not used anymore)
-      --------------------------------------------------------------------------
-      <aside class="col-md-3 d-none d-md-block sticky">
-        <div id="sidebar">
-          <div id="j1-toc-mgr" class="toc js-toc"></div>
+  <main id="main-content" class="container r-text-{{rtext_size}} js-toc-content mb-5">
+    <!-- Content placed by layouts/content_generator_blog_archive.html -->
+    <div id="blog_navigator">
+      <div id="article_navigator">
+
+        {% include {{get_page_path}} mode='absolute' %}
+        {% capture navigator_path%}{{page_path}}{% endcapture %}
+        {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}
+        {% capture date_view %}{{archive_path}}/dateview/{% endcapture %}
+        {% capture category_view %}{{archive_path}}/categoryview/{% endcapture %}
+        {% capture tag_view %}{{archive_path}}/tagview/{% endcapture %}
+        {% capture all_view %}{{archive_path}}/{% endcapture %}
+
+        {% comment %}
+        ------------------------------------------------------------------------
+        https://stackoverflow.com/questions/22763180/assign-an-array-literal-to-a-variable-in-liquid-template
+        {% assign my_array = "one|two|three" | split: "|" %}
+        ------------------------------------------------------------------------
+        {% endcomment %}
+
+        {% comment %} Debugging
+        --------------------------------------------------------------------------------
+        blog_navigator_options.article_navigator.page_text: {{blog_navigator_options.article_navigator.page_text | debug}}
+        --------------------------------------------------------------------------------
+        {% endcomment %}
+
+        <div class="navigator-headline">
+          <nav class="paginator">
+            <ul class="pagination raised-z0">
+              <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="{{all_view}}" alt="View All">{{archive_view_button_text}}</a></li>
+            </ul>
+          </nav> <!-- end paginator -->
+        </div> <!-- end navigator headline -->
+
+        {% if blog_navigator_options.article_navigator.page_text.enabled %}
+        <div class="view-description">{{navigator_description_text}}</div>
+        {% endif %}
+
+      </div> <!-- end article_navigator -->
+
+      <!-- Add article previewer if paginator is enabled -->
+      {% if paginate %}
+      <div id="article_previewer">
+
+        <div class="previewer-headline">
+
+          <div class="post-headline">
+            <h2 id="previewer" class="mt-4">{{previewer_headline}}</h2>
+          </div>
+
+          {% if paginator.total_pages > 1 %}
+          <nav class="paginator mb-4">
+            <ul class="pagination raised-z0">
+              {% if paginator.previous_page %}
+                <li class="page-item">
+                    <a class="page-link" href="{{ paginator.previous_page_path }}#article_navigator">{{paginator_button_newer_posts_text}}</a>
+                </li>
+              {% else %}
+                  <li class="page-item disabled"><a href="#" class="page-link">{{paginator_button_first_post_text}}</a></li>
+              {% endif %}
+
+              {% if paginator.next_page %}
+              <li class="page-item">
+                  <a class="page-link" href="{{ paginator.next_page_path }}#article_navigator">{{paginator_button_older_posts_text}}</a>
+              </li>
+              {% else %}
+                  <li class="page-item disabled"><a href="#" class="page-link">{{paginator_button_last_post_text}}</a></li>
+              {% endif %}
+            </ul>
+          </nav>
+          {% endif %}
+
+          {% if blog_navigator_options.article_previewer.page_text.enabled %}
+          <div class="view-description mb-3">{{previewer_description_text}}</div>
+          {% endif %}
+
         </div>
-      </aside>
-      -------------------------------------------------------------------------- {% endcomment %}
-
-      {% comment %} Calc|Write the Back URL
-      -------------------------------------------------------------------------- {% endcomment %}
-      {% if site.permalink == 'none' %}
-        {% capture browser_page_url %}{{page.url}}.html {% endcapture %}
-      {% else %}
-        {% capture browser_page_url %}{{page.url}}{% endcapture %}
-      {% endif %}
 
-      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->
-      <script>
-      /* Manage the current page settings */
-      $(document).ready(function() {
-
-        var dependencies_blog_generator = setInterval(function() {
-          if ( j1.adapter.themer.getState() == 'finished' ) {
-            // [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ]
-            var cookie_names                = j1.getCookieNames();
-            const user_state_cookie_name    = cookie_names.user_session;
-            var user_state                  = j1.readCookie(user_state_cookie_name);
-            var user_state_last_page        = "{{browser_page_url}}";
-            user_state.last_page            = user_state_last_page;
-            j1.writeCookie({
-              name: user_state_cookie_name,
-              data: user_state
-            });
-            // clear interval checking
-            clearInterval(dependencies_blog_generator);
-            }
-          }, 25);
-      });
-      </script>
-
-    <!-- /div --> <!-- end row -->
-  <!-- /div --> <!-- end container -->
+        <div id="article_preview">
+          <!-- Previewer selected of type: {{previewer}}-->
+          <div id="preview_content">
+            {% assign posts_collate = paginator.posts %}
+            {% case previewer %}
+              {% when 'list' %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'calendar' %}
+                  {% include {{collate_calendar}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+              {% when 'timeline' %}
+                {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %}
+              {% else %}
+                {% include {{collate_list}} header_alt=page.header_title header_tagline=page.header_tagline items=posts_collate %}
+            {% endcase %}
+          </div>
+        </div>
+
+      </div>
+      <!-- end article previewer -->
+      {% endif %}
 
+    </div> <!-- end blog_navigator -->
+  </main> <!-- end main -->
+
+  {% comment %} Calc|Write the Back URL
+  ------------------------------------------------------------------------------ {% endcomment %}
+  {% if site.permalink == 'none' %}
+    {% capture browser_page_url %}{{page.url}}.html {% endcapture %}
+  {% else %}
+    {% capture browser_page_url %}{{page.url}}{% endcapture %}
+  {% endif %}
+
+  <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->
+  <script>
+    // Manage current page settings
+    $(document).ready(function() {
+      var dependencies_blog_generator = setInterval(function() {
+        if ( j1.adapter.themer.getState() == 'finished' ) {
+          // [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ]
+          var cookie_names                = j1.getCookieNames();
+          const user_state_cookie_name    = cookie_names.user_session;
+          var user_state                  = j1.readCookie(user_state_cookie_name);
+          var user_state_last_page        = "{{browser_page_url}}";
+          user_state.last_page            = user_state_last_page;
+          j1.writeCookie({
+            name: user_state_cookie_name,
+            data: user_state
+          });
+          // clear interval checking
+          clearInterval(dependencies_blog_generator);
+          }
+        }, 25);
+    });
+  </script>
   <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->