{% extends "layout.twig" %}

{% block title %}Blog - Molenda.net{% endblock %}

{% block content %}
<!-- Blog Section -->
<section id="blog" class="portfolio section">

  <!-- Section Title -->
  <div class="container section-title" data-aos="fade-up">
    <h2>Blog</h2>
    <p>Explore my latest thoughts, insights, and experiences in technology, development, and beyond.</p>
  </div><!-- End Section Title -->

  <div class="container" data-aos="fade-up" data-aos-delay="100">

    <div class="row gy-4">
      {% for article in articles %}
      <div class="col-lg-4 col-md-6 blog-item">
        <div class="portfolio-card">
          <div class="portfolio-info">
            <h4><a href="/blog/{{ article.stub }}">{{ article.title }}</a></h4>
            <p>{{ article.headline }}</p>
          </div>
        </div>
      </div>
      {% endfor %}
    </div><!-- End Blog Items Container -->

    <div class="text-center mt-5" data-aos="fade-up" data-aos-delay="400">
      <a href="#blog" class="btn btn-primary">View All Articles</a>
    </div>

  </div>

</section><!-- /Blog Section -->
{% endblock %}