dubitaristes-website/statical/templates/agenda.html

40 lines
1.1 KiB
HTML

<style type="text/css">
.agenda-title {
font-size: 115%;
text-transform: uppercase;
}
.agenda-events {
list-style: none;
padding: 0em 1em;
}
.agenda-events li {
padding: 0 0;
}
.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">
<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>
{% if event[1].url %}<a href="{{ event[1].url }}">{% endif %}
{{ event[1].summary }}
{% if event[1].url %}</a>{% endif %}
</li>
{% endfor %}
</ul>
<a href="/mobilizon_events">&#10148; Tous les événements</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 -->