From ce4f72b3c84e059949fed0cdb1a2cda3170eda1e Mon Sep 17 00:00:00 2001
From: Set Sakrecoer <set@sakrecoer.com>
Date: Tue, 18 Jun 2019 15:30:17 +0200
Subject: [PATCH] pas events

---
 _includes/past-events.html | 14 ++++++++------
 _sass/stylish.scss         |  6 ++++++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/_includes/past-events.html b/_includes/past-events.html
index e6e9f65..467e8fb 100644
--- a/_includes/past-events.html
+++ b/_includes/past-events.html
@@ -1,19 +1,21 @@
 <h3>Förflutna events</h3>
 {% capture now -%}
-  {{ site.time | date: '%s' }}
+{{ site.time | date: '%s' }}
 {%- endcapture %}
 {% for event in site.events %}
 
 {% capture endtime -%}
-  {{ event.event_data.end_datetime | date: '%s' }}
+{{ event.event_data.end_datetime | date: '%s' }}
 {%- endcapture %}
 
 {% if now >= endtime %}
 <div>
-  <a href="{{ event.url }}"><img src="{{ event.image }}" width="30%" /></a>
-  <h4>{{ event.event_data.start_datetime | date: '%Y-%m-%d' }}<br />
-    <a href="{{ event.url }}">{{ event.title }}</a>
-  </h4>
+  <a href="{{ event.url }}" style="border:none;">
+    <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>
+  </p>
 
   <br />
 </div>
diff --git a/_sass/stylish.scss b/_sass/stylish.scss
index b37f57a..abd94f4 100644
--- a/_sass/stylish.scss
+++ b/_sass/stylish.scss
@@ -175,4 +175,10 @@ a:active {
   line-height: 18px;
   opacity: 1;
   background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');
+}
+.flyer {
+  background-size: cover;
+  background-position: center;
+  width: 150px;
+  height: 150px;
 }
\ No newline at end of file