dubitaristes-website/statical/templates/agenda.html

38 lines
1.3 KiB
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 !important;
font-weight: bold;
}
.agenda-event-summary:hover, .agenda-event-summary:focus {
color: #f19300 !important;
}
.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="%A %d %B à %H:%M", timezone=timezone, locale="fr_FR") | 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>
<p><a href="https://mobilizon.cloud-libre.eu/@dubitaristes">&#10148; Voir tout</a> &#8211 <a href="https://mobilizon.cloud-libre.eu/@dubitaristes/events?future=false">Archive</a> <a class="agenda-ical_link" href="https://mobilizon.cloud-libre.eu/@dubitaristes/feed/ics" title="Calendrier iCalendar" aria-label="Calendrier iCalendar">&#128467;</a></p>
</div>
<!-- calendar from Mobilizon rendered using statical: https://github.com/ZettaScript/statical -->