{% assign posts = paginator.posts %} {% for post in posts %} {% assign categories = post.categories %} <section class=“post-container”>
<div class="post"> {% if post.cover %} {% assign post_image = post.cover %} {% else %} {% assign post_image = '/assets/images/blog/default.png' %} {% endif %} {% if post_image contains '://' %} {% assign image_url = post_image %} {% else %} {% assign image_url = post_image | relative_url %} {% endif %} <div class="post-img" style="background-image: url('{{ image_url }}')"></div> <div class="post-details"> <div class="project-tags"> {% assign categories = post.categories %} {% for category in categories %} <a href="{{site.baseurl}}/categories/#{{category|slugize|replace:",",""}}"><span class="project-tag"><i class="material-icons">sell</i>{{ category | replace: ",", "" }}</span></a> {% endfor %} </div> <div class="post-date">{{ post.date | date: "%B %e, %Y" }}</div> <h2 class="post-title">{{ post.title }}</h2> <p class="post-excerpt">{{ post.description }}</p> <div class="mdc-touch-target-wrapper"> <a class="mdc-button mdc-button--unelevated" href="{{ site.baseurl }}{{ post.url }}"> <span class="mdc-button__ripple"></span> <span class="mdc-button__label">Read More</span> <span class="mdc-button__touch"></span> </a> </div> </div> </div>
</section> {% endfor %}
<!– pagination –> {% if paginator.total_pages > 1 %} <ul class=“pagination” style=“display: flex; width: 100%; justify-content: space-evenly;”>
<li> {% if paginator.previous_page %} <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">« Prev</a> {% else %} <span>« Prev</span> {% endif %} </li> {% if paginator.page_trail %} {% for trail in paginator.page_trail %} <li {% if page.url == trail.path %}class="selected"{% endif %}> <a href="{{ trail.path | prepend: site.baseurl }}" title="{{trail.title}}">{{ trail.num }}</a> </li> {% endfor %} {% endif %} <li> {% if paginator.next_page %} <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next »</a> {% else %} <span>Next »</span> {% endif %} </li>
</ul> {% endif %}