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 mb-4">        
        <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>
        <div class="card-footer">
          <!-- <a class="card-link" href="{{post.url}}#readmore" target="_blank">Read more ..</a> -->
          <a class="btn btn-primary btn-raised btn-flex" href="{{post.url}}#readmore">
            <i class="fa fa-eye fa-lg" style="color:#FFFFFF;"></i>
            Read more
          </a>
        </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>