---
layout:                                 page

title:                                  Posts by Date
tagline:                                Explore Posts

date:                                   2023-09-20
#last_modified:                         2023-01-01

description: >
                                        To make all posts using J1 Template easy accessible to the visitors,
                                        the Navigation System of J1 Template provides a Explorer module
                                        for Blog articles: the Navigator. The Naviagtor supports the users
                                        for browsing articles by sorting criteria like category and date
                                        or browsing the archive for all articles.

categories:                             [ Blog ]
tags:                                   [ Navigator, Date ]

pagination:
  enabled:                              false
  permalink:                            /page:num/

image:
  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

resources:                              [ animate ]
resource_options:
  - attic:
      slides:
        - url:                          /assets/images/modules/attics/1920x1280/matthaeus.jpg
          alt:                          Photo by Matthaeus on Unsplash
          badge:
            type:                       unsplash
            author:                     Matthaeus
            href:                       //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 %}
{% 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 plugins                 = site.data.plugins %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign blog_navigator_defaults = modules.defaults.blog_navigator.defaults %}
{% assign blog_navigator_settings = modules.blog_navigator.settings %}

{% comment %} Set config options
-------------------------------------------------------------------------------- {% endcomment %}
{% assign blog_navigator_options  = blog_navigator_defaults | merge: blog_navigator_settings %}

{% comment %} Variables
-------------------------------------------------------------------------------- {% endcomment %}
{% assign truncate_words          = site.excerpt_truncate_words %}
{% assign category_blacklist      = template_config.posts.category_blacklist %}


{% if site.permalink == 'none' %}
  {% capture browser_page_url %}{{page.url}}.html{% endcapture %}
{% else %}
  {% 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 %}
{% capture tag_view %}{{page_path}}/tagview/{% endcapture %}
{% capture all_view %}{{page_path}}/allview/{% endcapture %}

{% comment %} Collect CSS image filters
-------------------------------------------------------------------------------- {% endcomment %}
{% if blog_navigator_options.filters %}
  {% for filter in blog_navigator_options.filters %}
    {% capture css_filters %}{{css_filters}} {{filter[0]}}({{filter[1]}}){% endcapture %}
  {% endfor %}
  {% capture image_filters %}filter:{{css_filters}}{% endcapture %}
{% else %}
  {% assign image_filters = '' %}
{% endif %}

{% comment %} Collect Readmore Text
-------------------------------------------------------------------------------- {% endcomment %}
{% if blog_navigator_options.readmore_text %}
  {% assign readmore_text = blog_navigator_options.readmore_text %}
{% 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.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   ] [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="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 description_enabled %}
  <div class="view-description mt-4 mb-4">{{description_text}}</div>
  {% endif %}

  {% 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>' %}

  {% for post in site.posts %}

    {% capture month %}{{post.date|date:'%m%Y'}}{% endcapture %}
    {% capture nmonth %}{{post.next.date|date:'%m%Y'}}{% endcapture %}
    {% capture monthHead %}
      {% if month != nmonth %}
      {% if forloop.index != 1  %}{{closeList}}{%endif %}
      <h2 id="{{100000|rand}}" class="toc-link mt-4 mb-3">
        {% comment %}
        ------------------------------------------------------------------------
        {% if year != nyear %}
        <a href="#void" id="{{post.date|localize: "%Y"}}">
        {% else %}
        <a href="#void" id="{{post.date|localize: "%Y-%m" }}">
        {% endif %}
        ------------------------------------------------------------------------ {% endcomment %}
        <i class="mdi mdi-calendar-blank"></i>
        {{post.date|localize:'%B %Y'}}
        </a>
      </h2>
      {{openList}}
      {% endif %}
    {% endcapture %}

    <!-- 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 %}

    {% capture link %}
      {% comment %} {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...'|strip_html %} {% endcomment %}
      {% assign excerpt = post.excerpt|truncatewords: truncate_words|replace:'...',' ...' %}
      <li>
        <article class="card raised-z0 mb-5">

          <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 %}
            <!-- [INFO   ] [j1.pages.blog.navigator.dateview         ] [Post image is available] -->
            {% if post.image.path %}
            <!-- [INFO   ] [j1.pages.blog.navigator.dateview         ] [use full post image data] -->
            <div class="col-md-6 img-bg--fill px-0"
              style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{post.image.path}});">
            </div>
            {% else %}
            <div class="col-md-6 img-bg--fill px-0"
              style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{post.image}});">
            </div>
            {% endif %}
            {% else %}
            <!-- [INFO   ] [j1.pages.blog.navigator.dateview         ] [Post image missing, using configured default image] -->
            <div class="col-md-6 img-bg--fill px-0"
              style="border-right: 1px dotted rgba(0, 0, 0, 0.25); {{image_filters}}; background-image: url({{blog_navigator_options.post_image}});">
            </div>
            {% endif %}

            <div class="col-md-6 p-0">
              <div class="card-body r-text-300 mt-0">{{excerpt}}</div>
              <div class="card-footer speak2me-ignore not-rounded r-text-200">
                <div class="card-footer-text">

                  {% if post.date %}
                  <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 %}

                  <!-- Build element strings -->
                  {% assign categories    = my_categories |join: " · "  %}
                  {% assign tags          = post.tags | join: " · "  %}

                  <p class="result-item-text small mb-3 notranslate">
                    <i class="mdi mdi-tag-text-outline mdi-18px mr-1"></i>
                    <span class="sr-categories">{{categories}}</span>
                    <br>
                    <i class="mdi mdi-tag mdi-18px mr-1"></i>
                    <span class="sr-tags">{{tags}}</span>
                </p>

                </div>
                <a class="card-link text-lowercase"
                   href="{{post.url}}">
                   {{readmore_text}} · {{post.tagline}}
                </a>
              </div>
            </div>
          </div>
        </article>
      </li>
    {% endcapture %}

    {{monthHead}}{{link}}

  {% endfor %}
  {{closeList}}

</div>