From 3783dee5589533ad9977c570b3b8868fede46d56 Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@hallstrom.ch>
Date: Mon, 25 Nov 2019 17:09:32 +0100
Subject: [PATCH] highlight

---
 _layouts/events.html | 17 +++++++++++------
 _sass/stylish.scss   |  5 ++++-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/_layouts/events.html b/_layouts/events.html
index f4bd2c9..af65b60 100644
--- a/_layouts/events.html
+++ b/_layouts/events.html
@@ -3,17 +3,22 @@ layout: default
 ---
 <!-- begin events.html -->
 <div class="column">
-  <div style="padding:0 3px 3px 3px;border-radius: 3px;" class="highlight">
+  <div class="highlight">
     <h1>{{ page.title }}</h1>
     <a href="cloudcannon:collections/{{ event.path }}" rel="nofollow" class="editor-link cms-editor-link">Redigera Event</a>
-    Eventet börjar: <strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} klockan
-      {{ page.event_data.start_datetime | date: "%R"}}</strong><br />
-    Och slutar: <strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} klockan
-      {{ page.event_data.end_datetime | date: "%R"}}</strong><br />
+    <p>Eventet börjar: 
+      <br /><strong>{{ page.event_data.start_datetime | date: "%Y-%m-%d"}} 
+      <em>{{ page.event_data.start_datetime | date: "%R"}}</em></strong><br />
+      Och slutar: 
+      <br /><strong>{{ page.event_data.end_datetime | date: "%Y-%m-%d"}} 
+      <em>{{ page.event_data.end_datetime | date: "%R"}}</em></strong><br />
+    </p>      
+
     <p><strong>{{ page.description }}</strong></p>
   </div>
-{{ content }}
   <img src="{{ site.baseurl}}{{ page.image }}" width="100%" alt="Event flyer för: {{ page.title }}" title="Event flyer för: {{ page.title }}" />
+{{ content }}
+
 
 </div>{% include featured-artists.html %}{% if page.slutet_salskap == true %}
 <div class="column">{% if page.slutet_salskap == true %}
diff --git a/_sass/stylish.scss b/_sass/stylish.scss
index 4b377d9..280b4b8 100644
--- a/_sass/stylish.scss
+++ b/_sass/stylish.scss
@@ -217,7 +217,10 @@ canvas {
   margin-left: 5px;
 }
 .highlight {
-  background: linear-gradient(242deg, #d0eee8, #a4f5e5);
+  padding:10px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 5px 5px 15px 5px #a5cec6;
+  box-shadow: inset 5px 5px 15px 5px #a5cec6;
   background-size: 400% 400%;
   
   -webkit-animation: AnimationName 3s ease infinite;