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 @@
{% for event in site.events limit: 1 %}
+
-

-
-
-
{{ event.title }}
-
{{ event.start_datetime }} till {{ event.end_datetime }}
+
På gång:
+
{{ event.start_datetime | date: "%Y-%m-%d"}} {{ event.start_datetime | date: "%R"}}
+
{{ event.description }}
-
Läs mer
-
{{ event.category }}
+ Typ: {{ event.category }}
Läs mer
+
{% endfor %}
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;
}
}