---
layout: page
title: Creators Blog
tagline: posts by date
description: Browse articles by date
categories: [ Navigator ]
tags: [ Blog, Date, Viewer ]
sort: date
toc: true
fam_menu_id: open_toc
pagination:
enabled: false
permalink: /page:num/
regenerate: true
resources: []
resource_options:
- attic:
padding_top: 400
padding_bottom: 50
opacity: 0.5
slides:
- url: /assets/images/modules/attics/matthaeus-1920x1280.jpg
alt: Photo by Matthaeus
alignY: top
badge:
type: unsplash
author: Matthaeus
href: https://unsplash.com/@matthaeus123
---
{% 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 %}
{% assign defaults = site.data.builder.blog_navigator.defaults %}
{% 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="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>
</ul>
</div>
<div id="index" class="post-search-results ml-3">
<div class="view-description">{{view_description}}</div>
<div class="post-headline">
<h2 id="post-headline" class="mt-5">Posts by Date</h2>
</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-3">
{% comment %}
------------------------------------------------------------------------
{% if year != nyear %}
<a href="#" id="{{post.date|date:'%Y'}}">
{% else %}
<a href="#" id="{{post.date|date:'%Y-%m' }}">
{% endif %}
------------------------------------------------------------------------ {% endcomment %}
<i class="mdi mdi-calendar-blank"></i>
{{post.date|date:'%B %Y'}}
</a>
</h3>
{{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 %}
{% assign excerpt = post.excerpt|truncatewords:50|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>
<div class="row mx-0">
<!-- [INFO ] [j1.pages.blog.navigator.archive ] [Check if post image is available] -->
{% if post.image %}
<!-- [INFO ] [j1.pages.blog.navigator.archive ] [Post image is available] -->
<div class="col-md-6 img-bg--fill px-0"
style="background-image: url({{post.image}});">
</div>
{% 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}});">
</div>
{% endif %}
<div class="col-md-6">
<div class="card-body r-text-300">{{excerpt}}</div>
<div class="card-footer r-text-200">
<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"}}
{% endif %}
{% if likes_count %}
<span class="font-weight-bold"> · </span>
<i class="mdi mdi-heart mr-1"></i> {{likes_count}}
{% endif %}
{% if comment_count %}
<span class="font-weight-bold"> · </span>
<i class="mdi mdi-comment mr-1"></i> {{comment_count}}
{% endif %}
</div>
<a class="card-link text-muted text-lowercase"
href="{{post.url}}#readmore">
Read · {{post.tagline}}
</a>
</div>
</div>
</div>
</article>
</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 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.setUserState( {last_page:user_state_last_page} );
j1.writeCookie({
name: user_state_cookie_name,
data: user_state
});
logger.info('Saved current Post Browser page to cookie: {{browser_page_url}}');
}
window.onload = setLastPage();
</script>