rework awards

pull/12/head
gooseman 2022-11-23 10:33:27 -08:00
parent 654da03435
commit b131e51278
2 changed files with 59 additions and 78 deletions

View File

@ -5022,20 +5022,21 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
pat-pfp-anim .3s infinite;
}
@keyframes rb {
10% { color: red; }
20% { color: orange; }
30% { color: yellow; }
40% { color: green; }
50% { color: cyan; }
70% { color: blue; }
80% { color: indigo; }
90% { color: violet; }
.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;
}
.zozbot {
font-weight: bold;
animation: rb 8s linear infinite;
.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-black {
@ -5999,7 +6000,6 @@ g {
.fa-discord:before{content:"\f392"}
.fa-github:before{content:"\f09b"}
.fa-twitter:before{content:"\f099"}
.fa-git-alt:before{content:"\f841"}
.fa-head-side:before{content:"\f6e9"}
.fa-crab:before{content:"\e3ff"}
.fa-socks:before{content:"\f696"}

View File

@ -1,40 +1,52 @@
{% if SITE_NAME == 'PCM' %}
{% set wholesome = '/i/wholesome.webp' %}
{% else %}
{% set wholesome = '/e/marseywholesome.webp' %}
<div id="awards-container" class="w-100 h-100">
{% macro stackable_award(award, src, alt) %}
{% for i in range(min(p.award_count(award, v), 4)) %}
<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 %}
{% for i in range(min(p.award_count("wholesome", v), 4)) %}
{% if g.inferior_browser %}
<div class="seal seal{{i+1}}" height="100%" width="100%">
<img alt=":#marseywholesome:" class="sealimg" src="{{wholesome}}">
{% if p.award_count("train", v) %}
{{ stackable_award('train', '/e/marseytrain.webp', ':#marseytrain:') }}
{% endif %}
{% 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>
{% else %}
{% set seal_vertical = 'up' if (i % 2) == 0 else 'down' %}
{% 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 %}
{% endfor %}
{% endif %}
{% for i in range(min(p.award_count("train", v), 4)) %}
{% set train_dir = 'left' if (i % 2) == 0 else 'right' %}
{% set train_mirror = ' mirrored' if (i % 2) == 0 else '' %}
<marquee class="train train{{i+1}}" direction="{{train_dir}}" scrollamount=10 width="100%">
<img alt=":#marseytrain:" class="trainimg{{train_mirror}}" src="/e/marseytrain.webp">
</marquee>
{% endfor %}
{% if p.award_count("shit", v) %}
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
<script defer src="{{'js/bugs.js' | asset}}"></script>
{% endif %}
{% for i in range(min(p.award_count("scooter", v), 4)) %}
{% set scooter_dir = 'right' if (i % 2) == 0 else 'left' %}
{% set scooter_mirror = '' if (i % 2) == 0 else ' mirrored' %}
<marquee class="train train{{(i + 2) % 4 + 1}}" direction="{{scooter_dir}}" scrollamount=10 width="100%">
<img alt=":#marseyscooter:" class="scooterimg{{scooter_mirror}}" src="/e/marseyscooter.webp">
</marquee>
{% endfor %}
{% if p.award_count("fireflies", v) %}
<script defer src="{{'js/vendor/critters.js' | asset}}"></script>
<script defer src="{{'js/fireflies.js' | asset}}"></script>
{% endif %}
{% if p.award_count("tilt", v) %}
<style>
@ -62,35 +74,4 @@
</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(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 %}
</div>