There is now a notice on top of /s/MeanwhileOnVoat pages:
Voat is down again? →“Voat is down” megathread
Also, we had to retire the dancing goat for two reasons: * Interference with floating action button and the top text that come from the sidebar. * Making free space. Remember, CSS on Poal currently is limited to 20 KB, thus fancy CSS stunts like the /r/Atheism top bar (old.Reddit.com) need to be used sparingly.
Here is the retired code:
/* GOAT DANCE! */
.pure-g .sbimg { transform:scale(1,1) }
.pure-u-1 .sbimg:hover{
animation-name: spingoat;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.pure-u-1 .sbimg:active{
animation-name: dancegoat;
animation-duration: 1s;
animation-timing-function:linear;
position:relative;
animation-delay:.3s;
}
.pure-u-1:active .subs {font-size:0;}
.pure-u-1:active .subs:after {font-size:30px;content:"Dance, Goat, Dance!!!";font-weight:bold;transition-delay:.3s;}
[@keyframes](/u/keyframes) spingoat {
000% { transform:scale(1,1) }
050% { transform:scale(-1,1) }
100% { transform:scale(1,1) }
}
[@keyframes](/u/keyframes) dancegoat {
000% { transform:scale( 1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
025% { ;filter:hue-rotate(360deg);top:-50px}
050% { transform:scale(-1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
075% { ;filter:hue-rotate(360deg);top:-50px}
100% { transform:scale( 1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
}
.sidebar:active, body.dark .sidebar:active {
animation-name: disco;
animation-duration: 1.6s;
animation-iteration-count: infinite;
position:relative;
animation-delay:.3s;
}
[@keyframes](/u/keyframes) disco {
000% { filter:hue-rotate(000deg);top:-00px}
025% { filter:hue-rotate(240deg);top:-50px}
050% { filter:hue-rotate(180deg);top:-00px}
075% { filter:hue-rotate(360deg);top:-50px}
100% { filter:hue-rotate(000deg);top:-00px}
}
We will miss you, dancing goat! (But you can manually apply that code using your browser's developer tools.)
There is now a notice on top of /s/MeanwhileOnVoat pages:
> Voat is down again? [→“Voat is down” megathread](https://poal.co/s/MeanwhileOnVoat/181751)
Also, we had to retire the dancing goat for two reasons:
* Interference with floating action button and the top text that come from the sidebar.
* Making free space. Remember, CSS on Poal currently is limited to 20 KB, thus fancy CSS stunts like the [/r/Atheism top bar](https://old.Reddit.com/r/Atheism) need to be used sparingly.
Here is the retired code:
~~~
/* GOAT DANCE! */
.pure-g .sbimg { transform:scale(1,1) }
.pure-u-1 .sbimg:hover{
animation-name: spingoat;
animation-duration: 2s;
animation-iteration-count: infinite;
}
.pure-u-1 .sbimg:active{
animation-name: dancegoat;
animation-duration: 1s;
animation-timing-function:linear;
position:relative;
animation-delay:.3s;
}
.pure-u-1:active .subs {font-size:0;}
.pure-u-1:active .subs:after {font-size:30px;content:"Dance, Goat, Dance!!!";font-weight:bold;transition-delay:.3s;}
@keyframes spingoat {
000% { transform:scale(1,1) }
050% { transform:scale(-1,1) }
100% { transform:scale(1,1) }
}
@keyframes dancegoat {
000% { transform:scale( 1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
025% { ;filter:hue-rotate(360deg);top:-50px}
050% { transform:scale(-1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
075% { ;filter:hue-rotate(360deg);top:-50px}
100% { transform:scale( 1,1) rotate(-20deg) ;filter:hue-rotate(000deg);top:-00px}
}
.sidebar:active, body.dark .sidebar:active {
animation-name: disco;
animation-duration: 1.6s;
animation-iteration-count: infinite;
position:relative;
animation-delay:.3s;
}
@keyframes disco {
000% { filter:hue-rotate(000deg);top:-00px}
025% { filter:hue-rotate(240deg);top:-50px}
050% { filter:hue-rotate(180deg);top:-00px}
075% { filter:hue-rotate(360deg);top:-50px}
100% { filter:hue-rotate(000deg);top:-00px}
}
~~~
We will miss you, dancing goat! (But you can manually apply that code using your browser's developer tools.)
(post is archived)