program: main css

This commit is contained in:
Lyn Fugmann 2024-09-27 09:57:38 +02:00
parent 5efbf587b1
commit 35cb6c7def
3 changed files with 115 additions and 40 deletions

View file

@ -13,59 +13,61 @@
{{ content | safe }}
{% for date, events in program %}
<section>
<section class="program-date">
<h2 id="{{ date }}">
{{ toDate(date).toLocaleDateString(lang, { weekday: 'long', month: 'short', day: 'numeric' }) }}
</h2>
<ul>
{% for event in events %}
<li class="timeslot">
<h3 id="{{date}}_{{loop.index}}">
{{ "🔴 " if event.livestream -}}
{{ getLocalized(event.title) }}
</h3>
<div class="timeslot-container">
<h3 id="{{date}}_{{loop.index}}">
{{ "🔴 " if event.livestream -}}
{{ getLocalized(event.title) }}
</h3>
<div class="timeslot-time">
<span class="start">{{ event.start }}</span>
{% if event.end %}
<span class="end"> {{ event.end }}</span>
<div class="timeslot-time">
<span class="start">{{ event.start }}</span>
{% if event.end %}
<span class="end"> {{ event.end }}</span>
{% endif %}
<span class="full">{{ event.start }}{{ " " + event.end if event.end }}</span>
</div>
<p>{{ getLocalized(event.description) }}</p>
{% if event.annotation %}
<p class="annotation">
{{ getLocalized(event.annotation) }}
</p>
{% endif %}
{% if event.location %}
<p class="location">
{{ getLocalized(event.location) }}
</p>
{% endif %}
{% if event.checkin_link %}
<a class="btn"
{% if event.checkin_link.startsWith("http") %}
href="{{ event.checkin_link }}"
target="_blank"
rel="noreferrer"
{% else %}
href="{{ event.checkin_link | locale_url }}"
{% endif %}
>
Check-in
</a>
{% endif %}
</div>
<p>{{ getLocalized(event.description) }}</p>
{% if event.annotation %}
<p class="annotation">
{{ getLocalized(event.annotation) }}
</p>
{% endif %}
{% if event.location %}
<p class="location">
{{ getLocalized(event.location) }}
</p>
{% endif %}
{% if event.checkin_link %}
<a class="btn"
{% if event.checkin_link.startsWith("http") %}
href="{{ event.checkin_link }}"
target="_blank"
rel="noreferrer"
{% else %}
href="{{ event.checkin_link | locale_url }}"
{% endif %}
>
Check-in
</a>
{% endif %}
</li>
{% endfor %}
</ul>
</section>
{% endfor %}
{% css %}
.timeslot {
display: block;
}
{% include "program.css" %}
{% endcss %}