{% extends "base.html" %}

{% block content %}

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

<div class="rich-text">{{ page.body|safe }}</div>

{% if page.related_projects.exists %}
<h2>Related Projects</h2>
<div class="card-grid">
  {% for project in page.related_projects.all %}
    <a class="card" href="{% url 'wagtail_serve' '' %}projects/{{ project.slug }}/">
      <h3>{{ project.title }}</h3>
      <p>{{ project.summary|truncatewords:20 }}</p>
    </a>
  {% endfor %}
</div>
{% endif %}

{% endblock %}