dubitaristes-website/statical/templates/agenda.html

46 lines
1.2 KiB
HTML
Raw Normal View History

2022-08-05 16:48:59 +00:00
<style type="text/css">
.agenda-events {
list-style: none;
padding: 0em 1em;
}
.agenda-events li {
padding: 0 0;
}
2022-08-05 19:59:38 +00:00
.agenda-event-summary, .agenda-event-summary:visited {
color: #93117e;
font-weight: bold;
}
.agenda-event-summary:hover, .agenda-event-summary:focus {
color: #f19300;
}
2022-08-05 16:48:59 +00:00
.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>
2022-08-05 19:59:38 +00:00
<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>
2022-08-05 16:48:59 +00:00
</li>
{% endfor %}
</ul>
2022-08-05 19:59:38 +00:00
<a href="https://mobilizon.cloud-libre.eu/@dubitaristes">&#10148; Tout l'agenda</a>
2022-08-05 16:48:59 +00:00
<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 -->