rework awards
parent
654da03435
commit
b131e51278
|
@ -5022,20 +5022,21 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
|
||||||
pat-pfp-anim .3s infinite;
|
pat-pfp-anim .3s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rb {
|
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
|
||||||
10% { color: red; }
|
color:lightgreen !important;
|
||||||
20% { color: orange; }
|
text-shadow:1px 1px 1px darkgreen, 0 0 5px green;
|
||||||
30% { color: yellow; }
|
|
||||||
40% { color: green; }
|
|
||||||
50% { color: cyan; }
|
|
||||||
70% { color: blue; }
|
|
||||||
80% { color: indigo; }
|
|
||||||
90% { color: violet; }
|
|
||||||
}
|
}
|
||||||
|
.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before {
|
||||||
.zozbot {
|
color: lime !important;
|
||||||
font-weight: bold;
|
}
|
||||||
animation: rb 8s linear infinite;
|
.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-black {
|
.text-black {
|
||||||
|
@ -5999,7 +6000,6 @@ g {
|
||||||
.fa-discord:before{content:"\f392"}
|
.fa-discord:before{content:"\f392"}
|
||||||
.fa-github:before{content:"\f09b"}
|
.fa-github:before{content:"\f09b"}
|
||||||
.fa-twitter:before{content:"\f099"}
|
.fa-twitter:before{content:"\f099"}
|
||||||
.fa-git-alt:before{content:"\f841"}
|
|
||||||
.fa-head-side:before{content:"\f6e9"}
|
.fa-head-side:before{content:"\f6e9"}
|
||||||
.fa-crab:before{content:"\e3ff"}
|
.fa-crab:before{content:"\e3ff"}
|
||||||
.fa-socks:before{content:"\f696"}
|
.fa-socks:before{content:"\f696"}
|
||||||
|
|
|
@ -1,40 +1,52 @@
|
||||||
{% if SITE_NAME == 'PCM' %}
|
<div id="awards-container" class="w-100 h-100">
|
||||||
{% set wholesome = '/i/wholesome.webp' %}
|
{% macro stackable_award(award, src, alt) %}
|
||||||
{% else %}
|
{% for i in range(min(p.award_count(award, v), 4)) %}
|
||||||
{% set wholesome = '/e/marseywholesome.webp' %}
|
<div class="{{award}} {{award}}{{i+1}}">
|
||||||
|
<img alt="{{alt}}" src="{{src}}">
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
{% endmacro %}
|
||||||
|
|
||||||
|
{% if p.award_count("wholesome", v) %}
|
||||||
|
{% set wholesome = '/i/wholesome.webp' if SITE_NAME == PCM else '/e/marseywholesome.webp' %}
|
||||||
|
{{ stackable_award('wholesome', wholesome, ':#marseywholesome:') }}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% for i in range(min(p.award_count("wholesome", v), 4)) %}
|
{% if p.award_count("train", v) %}
|
||||||
{% if g.inferior_browser %}
|
{{ stackable_award('train', '/e/marseytrain.webp', ':#marseytrain:') }}
|
||||||
<div class="seal seal{{i+1}}" height="100%" width="100%">
|
{% endif %}
|
||||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
|
||||||
|
{% if p.award_count("scooter", v) %}
|
||||||
|
{{ stackable_award('scooter', '/e/marseyscooter.webp', ':#marseyscooter:') }}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if p.award_count("firework", v) %}
|
||||||
|
<script defer src="{{'js/fireworks.js' | asset}}"></script>
|
||||||
|
{{ stackable_award('firework', i) }}
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if p.award_count("confetti", v) %}
|
||||||
|
<div class="confetti w-100 h-100"></div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% if p.award_count("ricardo", v) %}
|
||||||
|
<script defer src="{{'js/ricardo.js' | asset}}"></script>
|
||||||
|
{% for i in range(min(p.award_count("ricardo", v), 3)) %}
|
||||||
|
<div id="ricardo{{i+1}}" class="ricardo">
|
||||||
|
<img src="/i/ricardo{{i+1}}.webp">
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% endfor %}
|
||||||
{% set seal_vertical = 'up' if (i % 2) == 0 else 'down' %}
|
{% endif %}
|
||||||
{% set seal_horizontal = 'right' if i < 2 else 'left' %}
|
|
||||||
<marquee class="seal" scrollamount=10 behavior="alternate" direction="{{seal_vertical}}" height="100%">
|
|
||||||
<marquee direction="{{seal_horizontal}}" scrollamount=10 behavior="alternate" width="100%">
|
|
||||||
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
|
|
||||||
</marquee>
|
|
||||||
</marquee>
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% for i in range(min(p.award_count("train", v), 4)) %}
|
{% if p.award_count("shit", v) %}
|
||||||
{% set train_dir = 'left' if (i % 2) == 0 else 'right' %}
|
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
|
||||||
{% set train_mirror = ' mirrored' if (i % 2) == 0 else '' %}
|
<script defer src="{{'js/bugs.js' | asset}}"></script>
|
||||||
<marquee class="train train{{i+1}}" direction="{{train_dir}}" scrollamount=10 width="100%">
|
{% endif %}
|
||||||
<img alt=":#marseytrain:" class="trainimg{{train_mirror}}" src="/e/marseytrain.webp">
|
|
||||||
</marquee>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% for i in range(min(p.award_count("scooter", v), 4)) %}
|
{% if p.award_count("fireflies", v) %}
|
||||||
{% set scooter_dir = 'right' if (i % 2) == 0 else 'left' %}
|
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
|
||||||
{% set scooter_mirror = '' if (i % 2) == 0 else ' mirrored' %}
|
<script defer src="{{'js/fireflies.js' | asset}}"></script>
|
||||||
<marquee class="train train{{(i + 2) % 4 + 1}}" direction="{{scooter_dir}}" scrollamount=10 width="100%">
|
{% endif %}
|
||||||
<img alt=":#marseyscooter:" class="scooterimg{{scooter_mirror}}" src="/e/marseyscooter.webp">
|
|
||||||
</marquee>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
{% if p.award_count("tilt", v) %}
|
{% if p.award_count("tilt", v) %}
|
||||||
<style>
|
<style>
|
||||||
|
@ -62,35 +74,4 @@
|
||||||
</style>
|
</style>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if p.award_count("confetti", v) %}
|
</div>
|
||||||
<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(min(p.award_count("firework", v), 4)) %}
|
|
||||||
<div class="firework">
|
|
||||||
<img src="">
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if p.award_count("ricardo", v) %}
|
|
||||||
<script defer src="{{'js/ricardo.js' | asset}}"></script>
|
|
||||||
{% for i in range(min(p.award_count("ricardo", v), 3)) %}
|
|
||||||
<div id="ricardo{{i+1}}" class="ricardo">
|
|
||||||
<img src="/i/ricardo{{i+1}}.webp">
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if p.award_count("shit", v) %}
|
|
||||||
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
|
|
||||||
<script defer src="{{'js/bugs.js' | asset}}"></script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if p.award_count("fireflies", v) %}
|
|
||||||
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
|
|
||||||
<script defer src="{{'js/fireflies.js' | asset}}"></script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue