simplify awards (#434)
GitHub
parent
4d8a7b16bb
commit
e672330614
|
|
@ -62,11 +62,13 @@
|
|||
top:80%;
|
||||
left:50%;
|
||||
animation: ricardo2 1.7s linear infinite !important;
|
||||
max-height:200px;
|
||||
}
|
||||
|
||||
#ricardo3 {
|
||||
top:85%;
|
||||
animation: ricardo3 10s linear infinite !important;
|
||||
max-height:150px;
|
||||
}
|
||||
|
||||
@keyframes ricardo2 {
|
||||
|
|
@ -88,3 +90,130 @@
|
|||
100% {transform: translate(-70vw,-86vh) rotate(180deg);}
|
||||
}
|
||||
}
|
||||
|
||||
/*glow*/
|
||||
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
|
||||
color:lightgreen !important;
|
||||
text-shadow:1px 1px 1px darkgreen, 0 0 5px green;
|
||||
}
|
||||
|
||||
.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before {
|
||||
color: lime !important;
|
||||
}
|
||||
|
||||
.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before {
|
||||
color: lime !important;
|
||||
}
|
||||
|
||||
.glow .arrow-up::before, .glow .arrow-down::before, .glow .score {
|
||||
color: lightgreen;
|
||||
}
|
||||
|
||||
.glow .post-body a, .glow .comment-text a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*train*/
|
||||
.train {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.trainimg {
|
||||
width: 100px !important;
|
||||
height: 51px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.trainimg {
|
||||
width: 40px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.train1 {
|
||||
top: 10%
|
||||
}
|
||||
|
||||
.train2 {
|
||||
top: 35%
|
||||
}
|
||||
|
||||
.train3 {
|
||||
top: 60%
|
||||
}
|
||||
|
||||
.train4 {
|
||||
top: 85%
|
||||
}
|
||||
|
||||
/*scooter*/
|
||||
.scooterimg {
|
||||
width: 100px !important;
|
||||
height: 135px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.scooterimg {
|
||||
width: 40px !important;
|
||||
height: 54px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*seal*/
|
||||
.seal {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.sealimg {
|
||||
width: 100px !important;
|
||||
height: 89.5px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.sealimg {
|
||||
width: 30px !important;
|
||||
height: 27px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moveX {
|
||||
from {} to {transform: translateX(98vw)}
|
||||
}
|
||||
|
||||
@keyframes moveY {
|
||||
from {} to {transform: translateY(90vh)}
|
||||
}
|
||||
|
||||
.seal1 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
}
|
||||
|
||||
.seal1 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
}
|
||||
|
||||
.seal2 {
|
||||
animation: moveX 5s linear 0s infinite alternate-reverse !important;
|
||||
}
|
||||
|
||||
.seal2 > img {
|
||||
animation: moveY 8s linear 0s infinite alternate-reverse !important;
|
||||
}
|
||||
|
||||
.seal3 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
}
|
||||
.seal3 > img {
|
||||
animation: moveY 5s linear 0s infinite alternate-reverse !important;
|
||||
}
|
||||
|
||||
.seal4 {
|
||||
animation: moveX 5s linear 0s infinite alternate-reverse !important;
|
||||
}
|
||||
.seal4 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5299,27 +5299,6 @@ th, td {
|
|||
}
|
||||
}
|
||||
|
||||
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
|
||||
color:lightgreen !important;
|
||||
text-shadow:1px 1px 1px darkgreen, 0 0 5px green;
|
||||
}
|
||||
|
||||
.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before {
|
||||
color: lime !important;
|
||||
}
|
||||
|
||||
.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before {
|
||||
color: lime !important;
|
||||
}
|
||||
|
||||
.glow .arrow-up::before, .glow .arrow-down::before, .glow .score {
|
||||
color: lightgreen;
|
||||
}
|
||||
|
||||
.glow .post-body a, .glow .comment-text a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.text-green {
|
||||
color: green !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,158 @@
|
|||
{% if SITE_NAME == 'PCM' %}
|
||||
{% set wholesome = '/i/wholesome.webp' %}
|
||||
{% else %}
|
||||
{% set wholesome = '/e/marseywholesome.webp' %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) %}
|
||||
{% if g.inferior_browser %}
|
||||
{% for i in range(4) %}
|
||||
{% if p.award_count("wholesome", v) > i %}
|
||||
<div class="seal seal{{i+1}}" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("wholesome", v) > 1 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 2 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 3 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) %}
|
||||
<marquee class="train train1" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg mirrored" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("train", v) > 1 %}
|
||||
<marquee class="train train2" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) > 2 %}
|
||||
<marquee class="train train3" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg mirrored" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) > 3 %}
|
||||
<marquee class="train train4" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("scooter", v) %}
|
||||
<marquee class="train train3" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("scooter", v) > 1 %}
|
||||
<marquee class="train train4" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("scooter", v) > 2 %}
|
||||
<marquee class="train train1" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("scooter", v) > 3 %}
|
||||
<marquee class="train train2" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("tilt", v) %}
|
||||
<style>
|
||||
@keyframes post-tilt {
|
||||
0% {transform: rotate(0deg);}
|
||||
25% {transform: rotate({{p.award_count("tilt", v)}}deg);}
|
||||
75% {transform: rotate(-{{p.award_count("tilt", v)}}deg);}
|
||||
100% {transform: rotate(0deg);}
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
@keyframes post-tilt {
|
||||
0% {transform: rotate(0deg);}
|
||||
25% {transform: rotate({{p.award_count("tilt", v)/4}}deg);}
|
||||
75% {transform: rotate(-{{p.award_count("tilt", v)/4}}deg);}
|
||||
100% {transform: rotate(0deg);}
|
||||
}
|
||||
}
|
||||
#post-root {
|
||||
animation-name: post-tilt;
|
||||
animation-duration: 60s !important;
|
||||
animation-iteration-count: infinite !important;
|
||||
animation-direction: alternate !important;
|
||||
animation-timing-function: linear !important;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("confetti", v) %}
|
||||
<div id="post-award-confetti"></div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("firework", v) %}
|
||||
<script defer src="{{'js/fireworks.js' | asset}}"></script>
|
||||
{% for i in range(4) %}
|
||||
{% if p.award_count("firework", v) > i %}
|
||||
<div class="firework">
|
||||
<img src="">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("ricardo", v) %}
|
||||
<script defer src="{{'js/ricardo.js' | asset}}"></script>
|
||||
{% for i in range(3) %}
|
||||
{% if p.award_count("ricardo", v) > i %}
|
||||
<div id="ricardo{{i+1}}" class="ricardo">
|
||||
<img src="/i/ricardo{{i+1}}.webp">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("shit", v) %}
|
||||
<script defer src="{{'js/critters.js' | asset}}"></script>
|
||||
<script defer src="{{'js/bugs.js' | asset}}"></script>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("fireflies", v) %}
|
||||
<script defer src="{{'js/critters.js' | asset}}"></script>
|
||||
<script defer src="{{'js/fireflies.js' | asset}}"></script>
|
||||
{% endif %}
|
||||
|
||||
|
|
@ -0,0 +1,209 @@
|
|||
{% if p.award_count("croag", v) %}
|
||||
<style>
|
||||
.croag {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
.croag1 {
|
||||
top: 15%
|
||||
}
|
||||
.croag2 {
|
||||
top: 40%
|
||||
}
|
||||
.croag3 {
|
||||
top: 65%
|
||||
}
|
||||
.croag4 {
|
||||
top: 90%
|
||||
}
|
||||
.croagimg {
|
||||
width: 169px !important;
|
||||
height: 68px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.croagimg {
|
||||
width: 100px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<marquee class="croag croag1" direction="left" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg mirrored" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("croag", v) > 1 %}
|
||||
<marquee class="croag croag2" direction="right" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("croag", v) > 2 %}
|
||||
<marquee class="croag croag3" direction="left" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg mirrored" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("croag", v) > 3 %}
|
||||
<marquee class="croag croag4" direction="right" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) %}
|
||||
{% if g.inferior_browser %}
|
||||
<style>
|
||||
.toeimg {
|
||||
width: 100px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.toeimg {
|
||||
width: 30px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.toe {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
@keyframes moveX {
|
||||
from {} to {transform: translateX(98vw)}
|
||||
}
|
||||
|
||||
@keyframes moveY {
|
||||
from {} to {transform: translateY(90vh)}
|
||||
}
|
||||
|
||||
.toe1 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:0s;
|
||||
}
|
||||
.toe1 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe1" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
|
||||
{% if p.award_count("toe", v) > 1 %}
|
||||
<style>
|
||||
.toe2 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
.toe2 > img {
|
||||
animation: moveY 8s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe2" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 2 %}
|
||||
<style>
|
||||
.toe3 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
.toe3 > img {
|
||||
animation: moveY 5s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe3" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 3 %}
|
||||
<style>
|
||||
.toe4 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
.toe4 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe4" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<style>
|
||||
.toe {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.toeimg {
|
||||
width: 100px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.toeimg {
|
||||
width: 30px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="toe" height="100%" width="100%">
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
</div>
|
||||
|
||||
{% if p.award_count("toe", v) > 1 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 2 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 3 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if p.award_count("crab", v) %}
|
||||
<script>
|
||||
let audio = new Audio('/assets/media/crab.mp3');
|
||||
audio.loop=true;
|
||||
|
||||
audio.play();
|
||||
window.addEventListener('click', () => {
|
||||
if (audio.paused) audio.play();
|
||||
}, {once : true});
|
||||
|
||||
prepare_to_pause(audio)
|
||||
</script>
|
||||
{% endif %}
|
||||
|
|
@ -22,488 +22,11 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
{% include "awards.html" %}
|
||||
{% if SITE_NAME == 'PCM' %}
|
||||
{% set wholesome = '/i/wholesome.webp' %}
|
||||
{% else %}
|
||||
{% set wholesome = '/e/marseywholesome.webp' %}
|
||||
{% include "awards_PCM.html" %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("confetti", v) %}
|
||||
<div id="post-award-confetti"></div>
|
||||
{% endif %}
|
||||
|
||||
{% if g.inferior_browser %}
|
||||
{% if p.award_count("wholesome", v) %}
|
||||
<style>
|
||||
.sealimg {
|
||||
width: 100px !important;
|
||||
height: 89.5px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.sealimg {
|
||||
width: 30px !important;
|
||||
height: 27px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.seal {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
@keyframes moveX {
|
||||
from {} to {transform: translateX(98vw)}
|
||||
}
|
||||
|
||||
@keyframes moveY {
|
||||
from {} to {transform: translateY(90vh)}
|
||||
}
|
||||
|
||||
.seal1 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:0s;
|
||||
}
|
||||
.seal1 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
}
|
||||
</style>
|
||||
<div class="seal seal1" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg seal1" src="{{wholesome}}">
|
||||
</div>
|
||||
|
||||
{% if p.award_count("wholesome", v) > 1 %}
|
||||
<style>
|
||||
.seal2 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
.seal2 > img {
|
||||
animation: moveY 8s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
</style>
|
||||
<div class="seal seal2" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 2 %}
|
||||
<style>
|
||||
.seal3 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
.seal3 > img {
|
||||
animation: moveY 5s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
</style>
|
||||
<div class="seal seal3" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 3 %}
|
||||
<style>
|
||||
.seal4 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
.seal4 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
</style>
|
||||
<div class="seal seal4" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if SITE_NAME == 'PCM' and p.award_count("toe", v) %}
|
||||
<style>
|
||||
.toeimg {
|
||||
width: 100px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.toeimg {
|
||||
width: 30px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.toe {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
@keyframes moveX {
|
||||
from {} to {transform: translateX(98vw)}
|
||||
}
|
||||
|
||||
@keyframes moveY {
|
||||
from {} to {transform: translateY(90vh)}
|
||||
}
|
||||
|
||||
.toe1 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:0s;
|
||||
}
|
||||
.toe1 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe1" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
|
||||
{% if p.award_count("toe", v) > 1 %}
|
||||
<style>
|
||||
.toe2 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
.toe2 > img {
|
||||
animation: moveY 8s linear 0s infinite alternate !important;
|
||||
animation-delay:1s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe2" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 2 %}
|
||||
<style>
|
||||
.toe3 {
|
||||
animation: moveX 4s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
.toe3 > img {
|
||||
animation: moveY 5s linear 0s infinite alternate !important;
|
||||
animation-delay:2s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe3" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 3 %}
|
||||
<style>
|
||||
.toe4 {
|
||||
animation: moveX 5s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
.toe4 > img {
|
||||
animation: moveY 6.8s linear 0s infinite alternate !important;
|
||||
animation-delay:3s;
|
||||
}
|
||||
</style>
|
||||
<div class="toe toe4" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% else %}
|
||||
{% if p.award_count("wholesome", v) %}
|
||||
<style>
|
||||
.seal {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.sealimg {
|
||||
width: 100px !important;
|
||||
height: 89.5px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.sealimg {
|
||||
width: 30px !important;
|
||||
height: 27px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="seal" height="100%" width="100%">
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
</div>
|
||||
|
||||
{% if p.award_count("wholesome", v) > 1 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 2 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("wholesome", v) > 3 %}
|
||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if SITE_NAME == 'PCM' and p.award_count("toe", v) %}
|
||||
<style>
|
||||
.toe {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.toeimg {
|
||||
width: 100px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.toeimg {
|
||||
width: 30px !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div class="toe" height="100%" width="100%">
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%" width="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" height="100%" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
</div>
|
||||
|
||||
{% if p.award_count("toe", v) > 1 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="right" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 2 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="up" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("toe", v) > 3 %}
|
||||
<marquee class="toe" scrollamount=10 behavior="alternate" direction="down" height="100%">
|
||||
<marquee direction="left" scrollamount=10 behavior="alternate" width="100%">
|
||||
<img alt="Blade's toe" class="toeimg" src="/i/PCM/toe.webp?v=2000">
|
||||
</marquee>
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% if p.award_count("train", v) or p.award_count("scooter", v) %}
|
||||
<style>
|
||||
.train {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
.train1 {
|
||||
top: 10%
|
||||
}
|
||||
.train2 {
|
||||
top: 35%
|
||||
}
|
||||
.train3 {
|
||||
top: 60%
|
||||
}
|
||||
.train4 {
|
||||
top: 85%
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) %}
|
||||
<style>
|
||||
.trainimg {
|
||||
width: 100px !important;
|
||||
height: 51px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.trainimg {
|
||||
width: 40px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<marquee class="train train1" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg mirrored" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("train", v) > 1 %}
|
||||
<marquee class="train train2" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) > 2 %}
|
||||
<marquee class="train train3" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg mirrored" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("train", v) > 3 %}
|
||||
<marquee class="train train4" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseytrain:" class="trainimg" src="/e/marseytrain.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if SITE_NAME == 'PCM' and p.award_count("croag", v) %}
|
||||
<style>
|
||||
.croag {
|
||||
position:fixed;
|
||||
z-index:9999;
|
||||
pointer-events: none;
|
||||
}
|
||||
.croag1 {
|
||||
top: 15%
|
||||
}
|
||||
.croag2 {
|
||||
top: 40%
|
||||
}
|
||||
.croag3 {
|
||||
top: 65%
|
||||
}
|
||||
.croag4 {
|
||||
top: 90%
|
||||
}
|
||||
.croagimg {
|
||||
width: 169px !important;
|
||||
height: 68px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.croagimg {
|
||||
width: 100px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<marquee class="croag croag1" direction="left" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg mirrored" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("croag", v) > 1 %}
|
||||
<marquee class="croag croag2" direction="right" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("croag", v) > 2 %}
|
||||
<marquee class="croag croag3" direction="left" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg mirrored" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("croag", v) > 3 %}
|
||||
<marquee class="croag croag4" direction="right" scrollamount=10 width="100%">
|
||||
<img alt="croag" class="croagimg" src="/i/PCM/croag.webp?v=2000">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if p.award_count("scooter", v) %}
|
||||
<style>
|
||||
.scooterimg {
|
||||
width: 100px !important;
|
||||
height: 135px !important;
|
||||
}
|
||||
@media (max-width: 992px) {
|
||||
.scooterimg {
|
||||
width: 40px !important;
|
||||
height: 54px !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<marquee class="train train3" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
|
||||
{% if p.award_count("scooter", v) > 1 %}
|
||||
<marquee class="train train4" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("scooter", v) > 2 %}
|
||||
<marquee class="train train1" direction="right" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("scooter", v) > 3 %}
|
||||
<marquee class="train train2" direction="left" scrollamount=10 width="100%">
|
||||
<img alt=":#marseyscooter:" class="scooterimg mirrored" src="/e/marseyscooter.webp">
|
||||
</marquee>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
{% if p.award_count("tilt", v) %}
|
||||
<style>
|
||||
@keyframes post-tilt {
|
||||
0% {transform: rotate(0deg);}
|
||||
25% {transform: rotate({{p.award_count("tilt", v)}}deg);}
|
||||
75% {transform: rotate(-{{p.award_count("tilt", v)}}deg);}
|
||||
100% {transform: rotate(0deg);}
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
@keyframes post-tilt {
|
||||
0% {transform: rotate(0deg);}
|
||||
25% {transform: rotate({{p.award_count("tilt", v)/4}}deg);}
|
||||
75% {transform: rotate(-{{p.award_count("tilt", v)/4}}deg);}
|
||||
100% {transform: rotate(0deg);}
|
||||
}
|
||||
}
|
||||
#post-root {
|
||||
animation-name: post-tilt;
|
||||
animation-duration: 60s !important;
|
||||
animation-iteration-count: infinite !important;
|
||||
animation-direction: alternate !important;
|
||||
animation-timing-function: linear !important;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:site_name" content="{{SITE}}">
|
||||
|
|
@ -1101,18 +624,6 @@
|
|||
{% include "comments.html" %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("shit", v) %}
|
||||
<script defer src="{{'js/critters.js' | asset}}"></script>
|
||||
<script defer src="{{'js/bugs.js' | asset}}"></script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if p.award_count("fireflies", v) %}
|
||||
<script defer src="{{'js/critters.js' | asset}}"></script>
|
||||
<script defer src="{{'js/fireflies.js' | asset}}"></script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
<script>
|
||||
(() => {
|
||||
{% if not v or v.highlightcomments %}
|
||||
|
|
@ -1146,21 +657,6 @@
|
|||
</script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if p.award_count("crab", v) %}
|
||||
<script>
|
||||
let audio = new Audio('/assets/media/crab.mp3');
|
||||
audio.loop=true;
|
||||
|
||||
audio.play();
|
||||
window.addEventListener('click', () => {
|
||||
if (audio.paused) audio.play();
|
||||
}, {once : true});
|
||||
|
||||
prepare_to_pause(audio)
|
||||
</script>
|
||||
{% endif %}
|
||||
|
||||
{% if fart and not (v and v.has_badge(128)) %}
|
||||
<script>
|
||||
fart = Math.floor(Math.random() * 5) + 1
|
||||
|
|
@ -1175,55 +671,6 @@
|
|||
</script>
|
||||
{% endif %}
|
||||
|
||||
|
||||
{% if p.award_count("confetti", v) %}
|
||||
<div id="post-award-confetti"></div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("firework", v) %}
|
||||
<script defer src="{{'js/fireworks.js' | asset}}"></script>
|
||||
<div class="firework">
|
||||
<img src="">
|
||||
</div>
|
||||
|
||||
{% if p.award_count("firework", v) > 1 %}
|
||||
<div class="firework">
|
||||
<img src="">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("firework", v) > 2 %}
|
||||
<div class="firework">
|
||||
<img src="">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("firework", v) > 3 %}
|
||||
<div class="firework">
|
||||
<img src="">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("ricardo", v) %}
|
||||
<script defer src="{{'js/ricardo.js' | asset}}"></script>
|
||||
<div id="ricardo1" class="ricardo ricardoleft">
|
||||
<img src="/i/ricardo1.webp">
|
||||
</div>
|
||||
|
||||
{% if p.award_count("ricardo", v) > 1 %}
|
||||
<div id="ricardo2" class="ricardo">
|
||||
<img src="/i/ricardo2.webp" style="max-height:200px">
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if p.award_count("ricardo", v) > 2 %}
|
||||
<div id="ricardo3" class="ricardo">
|
||||
<img src="/i/ricardo3.webp" style="max-height:150px">
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if v and v.admin_level >= PERMS['POST_COMMENT_MODERATION'] %}
|
||||
<script defer src="{{'js/submission_admin.js' | asset}}"></script>
|
||||
{% endif %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue