Fix agenda template

statical/templates/agenda.html

@@ -1,8 +1,4 @@
 <style type="text/css">
-.agenda-title {
-	font-size: 115%;
-	text-transform: uppercase;
-}
 .agenda-events {
 	list-style: none;
 	padding: 0em 1em;
@@ -10,6 +6,13 @@
 .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;
@@ -22,18 +25,21 @@
 </style>
 
 <div class="agenda">
-	<span class="agenda-title">Prochains événements</span>
 	<ul class="agenda-events">
 		{% for event in events %}
 		<li>
-			<span class="agenda-event-start">{{ event[0].events[0].start_timestamp | date(format="%d/%m à %H:%M", timezone="Europe/Paris") }}</span>
+			<p>
-			{% if event[1].url %}<a href="{{ event[1].url }}">{% endif %}
+				<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 }}
-			{% if event[1].url %}</a>{% endif %}
+				</a>
+			</p>
 		</li>
 		{% endfor %}
 	</ul>
-	<a href="/mobilizon_events">&#10148; Tous les événements</a>
+	<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 -->