Commit df59d3da authored by gijs's avatar gijs

Make dates clickable, border of continuous events on mobile

parent 28c35744
......@@ -835,7 +835,10 @@ p, h4 {
height: initial;
min-height: 8em;
padding-top: 0;
border-bottom: 2px solid black;
}
.loop {
border-top: 2px solid black;
}
.interbellum {
......@@ -985,7 +988,7 @@ p, h4 {
.loop-days .continuous-inline .hour {
font-family: 'Syne';
font-weight: 900;
margin: -1.75em .5em 1em .5em;
margin: calc(-2.25em - 2px) .5em 1em .5em;
display: block;
text-align: right;
position: -webkit-sticky;
......@@ -1004,10 +1007,10 @@ p, h4 {
}
.loop-days .continuous-inline {
padding-bottom: 1em;
padding: .5em;
margin-bottom: 1em;
margin: 0 .5em 1em .5em;
border-bottom: 2px solid black;
border: 2px solid black;
}
}
......
......@@ -75,7 +75,7 @@
{% endfor %}
</span> -->
{% if event.show_ticket_link and event.ticket_link %}
<a href="{{ event.ticket_link }}" class="ticket-link">{% trans "Buy tickets" %}</a>
<a href="{{ event.ticket_link }}" class="ticket-link" target="_blank">{% trans "Buy tickets" %}</a>
{% endif %}
</div>
<div class="header-buttons">
......
{% load static contour thumbnail i18n %}
{% for day in interbellum.days %}
<section class="interbellum" data-label="{{ day.date|date:'D j M' }}{% if day.multiday %} - {{ day.end_date|date:"D j M" }}{% endif %}" data-type="interbellum" data-t="{{ interbellum.t|stringformat:'0.2f' }}" data-date="{{ day.date|date:"c" }}">
<section class="interbellum" data-label="{% if day.multiday %}{{ day.date|date:'j M' }} - {{ day.end_date|date:"j M" }}{% else %}{{ day.date|date:'D j M' }}{% endif %}" data-type="interbellum" data-t="{{ interbellum.t|stringformat:'0.2f' }}" data-date="{{ day.date|date:"c" }}">
<div class="overlay"></div>
<section class="interbellum-spacer-before"></section>
<section class="day" data-main>
......@@ -32,12 +32,23 @@
{% endfor %}
{% endif %}
<section class="event-data--event">
{% if day.multiday %}
<time class="date" datetime="{{ event.start|date:'c' }}">{{ event.start|date:"j M" }}{% if event.end %} - {{ event.end|date:"j M" }}{% endif %}</time>
{% endif %}
{% if event.show_hours %}
<time class="hour" datetime="{{ event.start|date:'c' }}">{{ event.start|date:"H:i" }}{% if event.end %} - {{ event.end|date:"H:i" }}{% endif %}</time>
{% endif %}
<time class="hour" datetime="{{ event.start|date:'c' }}">
<a href="{% url 'contour:event' event.pk %}">
{% if day.multiday %}
{% if event.show_hours %}
{{ event.start|date:"j M H:i" }}{% if event.end %} - {{ event.end|date:"j M H:i" }}{% endif %}
{% else %}
{{ event.start|date:"j M" }}{% if event.end %} - {{ event.end|date:"j M" }}{% endif %}
{% endif %}
{% else %}
{% if event.show_hours %}
{{ event.start|date:"H:i" }}{% if event.end %} - {{ event.end|date:"H:i" }}{% endif %}
{% else %}
{{ event.start|date:"j M" }}
{% endif %}
{% endif %}
</a>
</time>
<span class="type">{{ event.event_type }} </span>
<span class="venue">{% trans "at" %}&nbsp;{% if event.venue.published %}<a href="{% url 'contour:venue' event.venue.pk %}">{{ event.venue }}</a>{% else %}{{ event.venue }}{% endif %}</span>
</section>
......
......@@ -176,7 +176,7 @@ def home(request):
else:
continuous, days = structureInterbellumEvents(end=loop.start)
interbellum = Interbellum(continuous=continuous, days=days, t=max(0, index - .5))
interbellum = Interbellum(continuous=continuous, days=days, t=max(-.5, index - .5))
timelineEntries.append(interbellum)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment