frontpage

_events/2019-06-14-Momagiskt Volume I.md

@@ -1,5 +1,5 @@
 ---
-title: 'Momangens Sociala Presenterar: Mogaiskt'
+title: 'Momangens Sociala Presenterar: Momagiskt'
 description: 'Kom på afterwork inuti Södermalms bäst bevarade hemlighet. Liveande elektronisk mysmusik och billig dryck för medlemmar'
 start_datetime: 2019-06-14 17:00:00 +0200
 end_datetime: 2019-06-14 23:00:00 +0200

_includes/hero.html

@@ -9,12 +9,13 @@
 
       {% for event in site.events limit: 1 %}
       <div>
-        <img src="{{ event.image }}" />
+        <a href="{{ event.url }}"><img src="{{ event.image }}" /></a>
       </div>
       <div>
         <h2>{{ event.title }}</h2>
-        <h3>{{ event.start_date }} till {{ event.end_date }}</h3>
+        <h3>{{ event.start_datetime }} till {{ event.end_datetime }}</h3>
         <p>{{ event.description }}</p>
+        <a href="{{ event.url }}">Läs mer</a>
         <p>{{ event.category }}</p>
       </div>
       {% endfor %}

_sass/animation.scss

@@ -1,32 +1,17 @@
-  
-@-webkit-keyframes AnimationName {
-  0%{background-position:92% 0%}
-  50%{background-position:9% 100%}
-  100%{background-position:92% 0%}
-}
-@-moz-keyframes AnimationName {
-  0%{background-position:92% 0%}
-  50%{background-position:9% 100%}
-  100%{background-position:92% 0%}
-}
-@keyframes AnimationName {
-  0%{background-position:92% 0%}
-  50%{background-position:9% 100%}
-  100%{background-position:92% 0%}
-}
 
-@-webkit-keyframes example {
+
+@-webkit-keyframes fontmovement {
   0%   {left:0px; bottom:0px;}
   50%  {left:50px; bottom:0px;}
   100% {left:0px; bottom:0px;}
 }
-@-moz-keyframes example {
+@-moz-keyframes fontmovement {
   0%   {left:0px; bottom:0px;}
   50%  {left:50px; bottom:0px;}
   100% {left:0px; bottom:0px;}
 }
 
-@keyframes example {
+@keyframes fontmovement {
   0%   {left:0px; bottom:0px;}
   50%  {left:50px; bottom:0px;}
   100% {left:0px; bottom:0px;}

_sass/mycv.scss

@@ -88,9 +88,6 @@ a:active {
   height: 100vh;
   background: transparent;
   
-  -webkit-animation: AnimationName 29s ease infinite;
-  -moz-animation: AnimationName 29s ease infinite;
-  animation: AnimationName 29s ease infinite;
   div {
     align-self: flex-end ;
     flex: 1 1 auto;
@@ -108,9 +105,9 @@ a:active {
     -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: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-    -webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-    animation: example 20s linear infinite;
+    -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
+    -webkit-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
+    animation: fontmovement 10s linear infinite;
 
   }
 
@@ -127,11 +124,6 @@ a:active {
   height: 30vh;
   background: linear-gradient(223deg, rgba(31, 31, 31, 0.5), rgba(224, 224, 224, 0.5));
   background-size: 800% 800%;
-  
-  -webkit-animation: AnimationName 29s ease infinite;
-  -moz-animation: AnimationName 29s ease infinite;
-  animation: AnimationName 29s ease infinite;
-  
 
   div {
     align-self: flex-end ;
@@ -150,9 +142,9 @@ a:active {
     -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: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-    -webkit-animation: example 20s linear infinite; /* Safari 4.0 - 8.0 */
-    animation: example 20s linear infinite;
+    -moz-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
+    -webkit-animation: fontmovement 10s linear infinite; /* Safari 4.0 - 8.0 */
+    animation: fontmovement 10s linear infinite;
   }
   h1,
   a:link,

_sass/poster.scss

@@ -13,6 +13,12 @@
     font-family: oldlondon, Helvetica, Arial, sans-serif;
     text-transform: lowercase;
   }
+  h2 {
+    font-size: 3em;
+  }
+  h3 {
+    font-size: 2.5em;
+  }
 }
 
 #poster img {