dividing the section

_includes/past-events.html

@@ -0,0 +1,27 @@
+  <h2>Förflutna events</h2>
+
+  {% 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 %}
+  <br />
+  <h3>
+    <a href="{{ event.url }}" class="cta">{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}</a>
+  </h3>
+  <h3>{{ event.title }}</h3>
+  <br />
+  <hr />
+  <br />
+
+
+
+  {% endif %}
+
+  {% endfor %}
+  

index.html

@@ -30,32 +30,7 @@ open: false
   </div>
 </div>
 <div class="column">
-  <h2>Förflutna events</h2>
+{% include past-events.html %}
-
-  {% 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 %}
-  <br />
-  <h3>
-    <a href="{{ event.url }}" class="cta">{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}</a>
-  </h3>
-  <h3>{{ event.title }}</h3>
-  <br />
-  <hr />
-  <br />
-
-
-
-  {% endif %}
-
-  {% endfor %}
 
 </div>
 <div class="column">