Momangen/momangen
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

blinking open-now badge

Browse source
This commit is contained in:
Set Hallstrom 2019-06-28 11:45:36 +02:00
parent 4b8a6b8046
commit e2a0f69242
2 changed files with 26 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_includes/rightnow.html
View file

@ -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 %} {% if site.data.open.open == true %}
<br /><br /> <br /><br />
<p>Just Nu: <p>Just Nu:

26
_sass/stylish.scss
View file

@ -241,6 +241,30 @@ canvas {
font-size: 1.6em; 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{ a.cta{
background: linear-gradient(242deg, #829e99, #93fce7); background: linear-gradient(242deg, #829e99, #93fce7);
background-size: 400% 400%; background-size: 400% 400%;
@ -298,7 +322,7 @@ a.cta:hover {
text-align: center; text-align: center;
line-height: 18px; line-height: 18px;
opacity: 1; opacity: 1;
background: rgba(255, 255, 255, 0.5) url('/assets/img/bg.png');
} }
.flyer { .flyer {
background-size: cover; background-size: cover;