---
title: "Blog"
layout: "layout.njk"
eleventyExcludeFromCollections: true
---

<h1 class="text-4xl font-bold text-white mb-8 section-title">All Posts</h1>

<div class="space-y-8">
{%- for post in collections.blog | reverse -%}
  {%- set draft = post.data.draft %}
  {%- if not draft  %}
    <div class="card">
      <h2 class="text-2xl font-bold mb-1">
        <a href="{{ post.url }}" class="text-blue-400 hover:text-blue-500">{{ post.data.title }}</a>
      </h2>
      <div class="flex items-center text-gray-400 mb-4">
        <i class="fas fa-calendar-alt mr-2"></i>
        <p>{{ post.date | readableDate }}</p>
        <span class="mx-2 text-gray-600">|</span>
        <i class="fas fa-eye mr-2"></i>
        <span class="view-count" data-view-count data-slug="{{ post.fileSlug }}">...</span>
      </div>
      {% if post.data.excerpt %}
        <p class="text-gray-300">{{ post.data.excerpt }}</p>
      {% endif %}
    </div>
  {%- endif -%}
{%- endfor -%}
</div>
<script src="/js/view-counter.js"></script>