dubitaristes-website/statical/templates/agenda.html

<style type="text/css">
.agenda-events {
	list-style: none;
	padding: 0em 1em;
}
.agenda-events li {
	padding: 0 0;
}
.agenda-event-summary, .agenda-event-summary:visited {
	color: #93117e;
	font-weight: bold;
}
.agenda-event-summary:hover, .agenda-event-summary:focus {
	color: #f19300;
}
.agenda-ical_link {
	float: right;
	padding: 4px;
	font-size: 200%;
	border-radius: 4px;
}
.agenda-ical_link:hover, .agenda-ical_link:focus {
	background-color: #f19300;
}
</style>

<div class="agenda">
	<ul class="agenda-events">
		{% for event in events %}
		<li>
			<p>
				<span class="agenda-event-start">
					{{ event[0].events[0].start_timestamp | date(format="le %d/%m à %H:%M", timezone=timezone) | safe }}
				</span><br/>
				<a class="agenda-event-summary"{% if event[1].url %} href="{{ event[1].url }}"{% endif %}>
					{{ event[1].summary }}
				</a>
			</p>
		</li>
		{% endfor %}
	</ul>
	<a href="https://mobilizon.cloud-libre.eu/@dubitaristes">&#10148; Tout l'agenda</a>
	<a class="agenda-ical_link" href="https://mobilizon.cloud-libre.eu/@dubitaristes/feed/ics" title="Calendrier iCalendar" aria-label="Calendrier iCalendar">&#128467;</a>
</div>
<!-- calendar from Mobilizon rendered using statical: https://github.com/ZettaScript/statical -->