From d92e640ef2c35552bc91827688623488acabfc8e Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@hallstrom.ch>
Date: Sun, 19 May 2019 00:03:12 +0200
Subject: [PATCH] on going

---
 _includes/hero.html | 13 ++++++-------
 _sass/mycv.scss     | 43 ++++++++++++++++++++++++++-----------------
 _sass/poster.scss   | 11 ++---------
 3 files changed, 34 insertions(+), 33 deletions(-)

diff --git a/_includes/hero.html b/_includes/hero.html
index c215b50..e860e63 100644
--- a/_includes/hero.html
+++ b/_includes/hero.html
@@ -8,15 +8,14 @@
     <div id="poster" class="column">
 
       {% for event in site.events limit: 1 %}
+
       <div>
-        <a href="{{ event.url }}"><img src="{{ event.image }}" /></a>
-      </div>
-      <div>
-        <h2>{{ event.title }}</h2>
-        <h3>{{ event.start_datetime }} till {{ event.end_datetime }}</h3>
+        <h4>På gång:</h4>
+        <h4>{{ event.start_datetime | date: "%Y-%m-%d"}} {{ event.start_datetime | date: "%R"}}</h4>
+        <h2><a href="{{ event.url }}">{{ event.title }}</a></h2>
         <p>{{ event.description }}</p>
-        <a href="{{ event.url }}">Läs mer</a>
-        <p>{{ event.category }}</p>
+        Typ: {{ event.category }} <a href="{{ event.url }}">Läs mer</a>
+        <br /><br />
       </div>
       {% endfor %}
     </div>
diff --git a/_sass/mycv.scss b/_sass/mycv.scss
index 890e0bf..17ad2fc 100755
--- a/_sass/mycv.scss
+++ b/_sass/mycv.scss
@@ -54,24 +54,20 @@ a:visited,
 a:hover,
 a:active,
 a:focus {
+  color: #333;
   text-decoration: none;
-  background: linear-gradient(97deg, rgb(31, 31, 31), rgb(224, 224, 224));
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
   -webkit-transition: text-shadow 0.2s linear;
   -moz-transition: text-shadow 0.2s linear;
   -ms-transition: text-shadow 0.2s linear;
   -o-transition: text-shadow 0.2s linear;
   transition: text-shadow 0.2s linear;
   text-shadow: none;
+  padding: 0 10px;
+  border-radius: 3px;
 }
 a:hover {
   text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
-  background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
-  -webkit-background-clip: text;
-  background-clip: text;
-  -webkit-text-fill-color: transparent;
+
   
 }
 a:active {
@@ -99,10 +95,6 @@ a:active {
   h1 {
     position: relative;
     margin-bottom: 0;
-    background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
     font-size: 3em;
     // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
     -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@@ -122,7 +114,6 @@ a:active {
   display: flex;
   width: 100%;
   height: 30vh;
-  background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
   background-size: 800% 800%;
 
   div {
@@ -136,10 +127,6 @@ a:active {
   h1 {
     position: relative;
     margin-bottom: 0;
-    background: linear-gradient(90deg, rgb(31, 31, 31), rgb(224, 224, 224));
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
     font-size: 3em;
     // text-shadow: .05em .05em rgba(31, 31, 31, 0.5), -.05em -.05em rgba(224, 224, 224, 0.5);
     -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
@@ -171,6 +158,28 @@ a:active {
   flex-wrap: wrap;
   overflow-x: hidden;
   background-color: #fff;
+  a:link,
+  a:visited,
+  a:hover,
+  a:active,
+  a:focus {
+    text-decoration: none;
+    background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
+    -webkit-transition: text-shadow 0.2s linear;
+    -moz-transition: text-shadow 0.2s linear;
+    -ms-transition: text-shadow 0.2s linear;
+    -o-transition: text-shadow 0.2s linear;
+    transition: text-shadow 0.2s linear;
+    text-shadow: none;
+    padding: 0 10px;
+    border-radius: 3px;
+  }
+  a:hover {
+    text-shadow: .05em .05em rgb(31, 31, 31), -.05em -.05em rgb(224, 224, 224);
+    background: linear-gradient(97deg, rgb(224, 224, 224), rgb(31, 31, 31),);
+
+  
+  }
 }
 .column {
   flex: 1 1 300px;
diff --git a/_sass/poster.scss b/_sass/poster.scss
index bdda4e4..3f442b3 100644
--- a/_sass/poster.scss
+++ b/_sass/poster.scss
@@ -9,15 +9,8 @@
   div {
     flex: 1 1 300px;
   }  
-  h1, h2, h3, h4 {
-    font-family: oldlondon, Helvetica, Arial, sans-serif;
-    text-transform: lowercase;
-  }
-  h2 {
-    font-size: 3em;
-  }
-  h3 {
-    font-size: 2.5em;
+  a {
+    padding: 0;
   }
 }