program: main css
This commit is contained in:
parent
5efbf587b1
commit
35cb6c7def
3 changed files with 115 additions and 40 deletions
|
@ -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 %}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue