Make dates clickable, border of continuous events on mobile

contour/static/contour/css/styles.css

@@ -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;
     }
 }
 

contour/templates/contour/event.html

@@ -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">

contour/templates/contour/partials/home__interbellum.html

 {% 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>

contour/views.py

@@ -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)