40 lines
1.1 KiB
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">➤ 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">🗓</a>
|
||
|
|
</div>
|
||
|
|
<!-- calendar from Mobilizon rendered using statical: https://github.com/ZettaScript/statical -->
|