WelcomeUser Guide
ToSPrivacyCanary
DonateBugsLicense

©2024 Poal.co

849

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)