event page

events.html

@@ -0,0 +1,81 @@
+---
+title: Events & Utställningar Kalender
+layout: default
+description: Kalender för händelser på Kulturföreningen Momangen 
+---
+<div class="column">
+
+    {% capture now -%}{{ site.time | date: '%s' }}{%- endcapture %}
+    {% for event in site.events %}
+    {% capture endtime -%}
+    {{ event.event_data.end_datetime | date: '%s' }}
+    {%- endcapture %}
+    {% if now <= endtime %}
+
+      <h3>Kommande event</h3>
+      
+      <a href="cloudcannon:collections/{{ event.path }}" class="editor-link cms-editor-link">Redigera Event</a>
+      
+      <h2><a href="{{ event.url }}" class="nodecoration" style="border:none;">{{ event.title }}</a></h2>
+      <img src="{{ event.image }}" width="100%" />
+      <p>
+        {% assign d = event.event_data.start_datetime | date: "%-d"  %}{% case d %}{% when '1' or '21' or '31' or '2' or '22' %}{{ d }}:a
+        {% else %}{{ d }}:e{% endcase %}
+        {% assign m = event.event_data.start_datetime | date: "%-m" %}
+        {% case m %}
+        {% when '1' %}Januar
+        {% when '2' %}Februar
+        {% when '3' %}Mars
+        {% when '4' %}April
+        {% when '5' %}Maj
+        {% when '6' %}Juni
+        {% when '7' %}Juli
+        {% when '8' %}Augusti
+        {% when '9' %}September
+        {% when '10' %}October
+        {% when '11' %}November
+        {% when '12' %}December
+        {% endcase %}
+        {{ event.event_data.start_datetime | date: "%Y" }}
+        kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
+        Typ av konst: {{ event.category }}</p>
+      <h3>{{ event.description | truncatewords: 10 }}</h3>
+      <a href="{{ event.url }}" class="cta">Läs mer</a><br /><br />
+   
+
+    {% endif %}
+    {% endfor %}
+  </div>
+
+<div class="column">
+  
+  <h3>Förflutna events</h3>
+  <div class="flexitem">
+  {% capture now -%}
+  {{ site.time | date: '%s' }}
+  {%- endcapture %}
+  {% assign events = site.events | reverse %}
+  {% for event in events %}
+
+  {% capture endtime -%}
+  {{ event.event_data.end_datetime | date: '%s' }}
+  {%- endcapture %}
+
+  {% if now >= endtime %}
+
+  <div class="column2">
+      <a href="{{ event.url }}"><div class="flyer" style="background-image:url('{{ event.image }}')"></div></a>
+    <p>{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}<br />
+      <a href="{{ event.url }}"><strong>{{ event.title }}</strong></a>
+      <br />{{ event.description | truncatewords: 10 }} 
+    </p>
+
+    <br />
+  </div>
+
+
+  {% endif %}
+  {% endfor %}
+ 
+</div>
+</div>