Display of event times and location.

generator/templates/activities.html

@@ -8,7 +8,7 @@
     {% for event in events %}
       <li>
         <a href="{{ event.link }}"><h4>{{ event }}</h4></a>
-        {{ event.date }} {% if event.time.value %}, {{ event.time }}{% endif %}
+        {{ event.date }}{% if event.time.value %}, {{ event.time }}{% endif %}
       </li>
     {% endfor %}
   </ul>

generator/templates/event-with-programme-items.html

@@ -18,11 +18,11 @@
   <section class="info">
     <time datetime="2019-05-24">{{ event.date }}</time>
     <p>
-      {{ event.location }}<br />
-      {% if event.address %}
-        {% for addressline in event.address %}
-          {{ addressline }}<br />
-        {% endfor %}
+      {% if event.time.value %}
+        {{ event.time }}<br />
+      {% endif %}
+      {% if event.location.value %}
+        {{ event.location }}<br />
       {% endif %}
     </p>
     {% if event.participant or event.produser %}
@@ -60,7 +60,7 @@
       </li>
       {% for item in events %}
         <li id="{{ item.key }}">
-          <h2>{{ item.time }} {{ item }}</h2>
+          <h2>{% if item.time.value %}{{ item.time }}{% endif %} {{ item }}</h2>
           <p class="event-infos"> 
             {% for produser in item.produser|link_target_iterator %}
             <a href="{{ produser.link }}" class="produser">{{ produser }}</a>

generator/templates/event.html

@@ -15,10 +15,15 @@
   </nav>
   <h1>{{ event }}</h1>
   <section class="info">
-    <time datetime="2019-05-24">{{ event.date }}</time>
+    <time>{{ event.date }}</time>
     <p>
-      {{ event.location }}<br />
-      {% if event.address %}
+      {% if event.time.value %}
+        {{ event.time }}<br />
+      {% endif %}
+      {% if event.location.value %}
+        {{ event.location }}<br />
+      {% endif %}
+      {% if event.address.value %}
         {% for addressline in event.address.value %}
           {{ addressline }}<br />
         {% endfor %}

generator/templates/index.html

@@ -51,6 +51,7 @@
                 <div class="event-detail-header">
                   <p class="event-date"><time datetime="2019-05-24">{{ event.date }}</time></p>
                   <h2 class="event-title">{{ event }}</h2>
+
                   <section class="event-summary">
                     {% if event.programmeItems %}
                       <p><a href="{{ event.link }}">See programme</a></p>
@@ -59,7 +60,12 @@
                   </section>
 
                   <section class="event-detail">
-                    <p class="event-infos">{{ event.location }}</p>
+                    {% if event.time.value %}
+                      <p class="event-infos">{{ event.time }}</p>
+                    {% endif %}
+                    {% if event.location.value %}
+                      <p class="event-infos">{{ event.location }}</p>
+                    {% endif %}
                     {% for line in event.address.value %}
                       <p class="event-infos">{{ line }}</p>
                     {% endfor %}

generator/templates/static/styles.simple.css

@@ -602,6 +602,10 @@ a.tag {
   margin-top: .5em;
 }
 
+.programme-item-list :target h2 {
+  color: var(--orange-karel);
+}
+
 .programme-item-list > li {
   border-bottom: 2px solid black;
   padding: 1em;