{% extends "base.html" %}
{% block content %}
<section class="inner-hero inner-hero-green"><p class="eyebrow">School calendar</p><h1>Make room for the moments that bring us together.</h1><p>Family meetings, showcases, competitions, and community traditions are published through the Flaxon CMS.</p></section>
<section class="calendar-section"><div class="section-heading"><div><p class="eyebrow">Upcoming</p><h2>On the horizon</h2></div><a class="text-link" href="/news">Read school news -&gt;</a></div><div class="event-list">{% for event in events %}<article class="event-row"><div class="event-date event-date-large"><b>{{ event.day }}</b><small>{{ event.month }}</small></div><div class="event-details"><span class="news-tag">{{ event.get("category") or "Community" }}</span><h3>{{ event.title }}</h3><p>{{ event.get("description") or "Details will be shared by the school office." }}</p></div><div class="event-info"><strong>{{ event.date_label }}</strong><span>{{ event.get("time") or "Time to be announced" }}</span><span>{{ event.location }}</span></div></article>{% else %}<p class="muted">No public events are scheduled yet.</p>{% endfor %}</div></section>
{% endblock %}