---
layout:                                 page

title:                                  Posts by date
tagline:                                Check out all blog posts grouped by month

#permalink:                             /pages/private/blog/navigator/archive/dateview/
noindex:                                true
resource_options:

  - masthead:
      opacity:                          0.5
      slides:
        - url:                          /assets/images/master_header/chuttersnap-1280x800.png
          alt:                          chuttersnap-1200x800

regenerate:                             false
---

{% 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 %} Variables
-------------------------------------------------------------------------------- {% endcomment %}
{% assign view_config         = site.data.builder.blog_navigator.date_view %}
{% assign view_description    = view_config.description %}

{% if site.permalink == 'none' %}
  {% capture browser_page_url %}{{ page.url }}.html{% endcapture %}
{% else %}
  {% capture browser_page_url %}{{ page.url }}{% endcapture %}
{% endif %}

{% 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}}/{% endcapture %}

{% comment %} Main
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [ {{page.url}} ] [Generate HTML}] -->
<div class="post-headline"> <h2 id="post-headline" class="mt-2">Posts By Date</h2></div>
<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="{{all_view      | prepend: site.baseurl}}" title="View All">All Posts</a></li>
  </ul>
</div>

<div id="index" class="post-search-results col-md-10 col-sm-10 col-xs-11">

  <div class="view-description">{{view_description}}</div>

  {% 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 %}
      <h3 id="{{ 100000 | rand }}" class="toc-link mt-5 mb-0">{% if year != nyear %}<a id="{{ post.date | date: '%Y' }}"></a>{% endif %}<a id="{{ post.date | date:  '%Y-%m'  }}"></a><a title="Back to top" href="#"><i class="fa fa-calendar mr-3"></i></a>{{ post.date | date: '%B %Y' }}</h3>
      {{ openList }}
      {% endif %}
    {% endcapture %}

    {% capture link %}
      {% assign excerpt = post.excerpt | truncatewords: 50 | strip_html | strip_newlines | strip %}
      <li>
        <div class="card card-flat">        
          <div class="card-body">
            <!-- <span class="post-meta">{{post.date|date: "%B %d, %Y"}}</span> -->
            <h4 id="{{ 100000 | rand }}" class="card-title">{{ post.title }}</h4>
            <h5 class="notoc card-subtitle text-muted mb-2">{{ post.tagline }}</h5>
            <div class="card-text"><p>{{ excerpt }}</p></div>
            <div class="card-footer">
              <a class="card-link" href="{{post.url}}#readmore" target="_blank">Read more ..</a>
            </div>
          </div>
        </div>
      </li>
    {% endcapture %}

    {{ monthHead }}{{ link }}

  {% endfor %}
  {{closeList}}

</div>

<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{ browser_page_url }}] -->
{% comment %} Update cookie for lastpage
-------------------------------------------------------------------------------- {% endcomment %}
<script type="text/javascript">
  function setLastPage() {
    var logger = log4javascript.getLogger('j1.BlogNavigator');
    var user_state_last_page = "{{browser_page_url}}";
    j1.setUserStateCookie( {last_page:user_state_last_page} );
    logger.info('Saved current Post Browser page to cookie: {{browser_page_url}}');
  }
  window.onload = setLastPage;
</script>