{% extends "base.html" %}

{% block content %}

<h1>{{ page.title }}</h1>

{% if page.get_children.live %}
  <div class="card-grid">
    {% for article in page.get_children.live %}
      <a class="card" href="{% url 'wagtail_serve' '' %}articles/{{ article.slug }}/">
        <h3>{{ article.title }}</h3>
      </a>
    {% endfor %}
  </div>
{% else %}
  {% include "includes/empty_state.html" with message="No articles yet." %}
{% endif %}

{% endblock %}