From e2a0f69242ddac32cc84964123239bf4c320b354 Mon Sep 17 00:00:00 2001
From: Set Hallstrom <set@hallstrom.ch>
Date: Fri, 28 Jun 2019 11:45:36 +0200
Subject: [PATCH] blinking open-now badge

---
 _includes/rightnow.html |  2 +-
 _sass/stylish.scss      | 26 +++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/_includes/rightnow.html b/_includes/rightnow.html
index c9d2673..25e1bd5 100644
--- a/_includes/rightnow.html
+++ b/_includes/rightnow.html
@@ -1,4 +1,4 @@
-<div id="rightnow">
+<div id="rightnow"{% if site.data.open.open == true %} class="blink"{% else %} style="background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');" {% endif %}>
   {% if site.data.open.open == true %}
   <br /><br />
   <p>Just Nu:
diff --git a/_sass/stylish.scss b/_sass/stylish.scss
index adf67f6..517fd68 100644
--- a/_sass/stylish.scss
+++ b/_sass/stylish.scss
@@ -241,6 +241,30 @@ canvas {
     font-size: 1.6em;
   }
 }
+.blink {
+  background: linear-gradient(242deg, #f89595, #6ffce0);
+  background-size: 400% 400%;
+  
+  -webkit-animation: AnimationName 1s ease infinite;
+  -moz-animation: AnimationName 1s ease infinite;
+  animation: AnimationName 1s ease infinite;
+  
+  @-webkit-keyframes AnimationName {
+      0%{background-position:0% 73%}
+      50%{background-position:100% 28%}
+      100%{background-position:0% 73%}
+  }
+  @-moz-keyframes AnimationName {
+      0%{background-position:0% 73%}
+      50%{background-position:100% 28%}
+      100%{background-position:0% 73%}
+  }
+  @keyframes AnimationName {
+      0%{background-position:0% 73%}
+      50%{background-position:100% 28%}
+      100%{background-position:0% 73%}
+  }
+}
 a.cta{
   background: linear-gradient(242deg, #829e99, #93fce7);
   background-size: 400% 400%;
@@ -298,7 +322,7 @@ a.cta:hover {
   text-align: center;
   line-height: 18px;
   opacity: 1;
-  background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');
+
 }
 .flyer {
   background-size: cover;