index.html

---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

layout: default
---

<!-- This loops through the paginated posts -->
{% for post in paginator.posts %}
<div class="card" style="background-color:#f6f6f6; padding:4px 4px 0 6px; border-radius:6px;">
  <span style="font-size:20px"><a href="{{site.url}}{{site.baseurl}}{{post.url}}">{{ post.title }}</a></span>
  <p><span class="postdate">{{ post.date | date: "%Y-%m-%d %H:%M" }}</span>
   • <span class="category"><a href="{{site.url}}{{site.baseurl}}/{{post.categories.first}}"><b>{{ post.categories.first | upcase }}</b></a></span>
   • <span class="comments"><a href="{{site.url}}{{site.baseurl}}/readme/?[{{post.title}}]({{post.link}})"><b>💬</b></a></span>
  </p>
</div>
{% endfor %}

<!-- Pagination links -->
<div class="pagination" style="color:gray; font-weight:bold">
  {% if paginator.previous_page %}
  <a href="{{ site.url }}{{ site.baseurl }}{{ paginator.previous_page_path }}" class="previous">Previous</a>
  {% else %}
  <span class="previous">Previous</span>
  {% endif %}
  <span class="page_number">• Page {{ paginator.page }} of {{ paginator.total_pages }} •</span>
  {% if paginator.next_page %}
  <a href="{{ site.url }}{{ site.baseurl }}{{ paginator.next_page_path }}" class="next">Next</a>
  {% else %}
  <span class="next">Next</span>
  {% endif %}
</div>