remotes/1693045480750635534/spooky-22
Aevann1 2022-02-12 17:49:04 +02:00
parent 3477e93cff
commit 6797dc78ed
2 changed files with 27 additions and 5 deletions

View File

@ -295,8 +295,24 @@
{% if c.is_banned and c.ban_reason %}
<div id="comment-banned-warning" class="comment-text text-removed mb-0">removed by @{{c.ban_reason}}</div>
{% endif %}
{% if c.award_count("tilt") %}
<style>
@keyframes c{{c.id}}-tilt {
from {transform: rotate(1deg);}
to {transform: rotate({{c.award_count("tilt")+1}}deg);}
}
#comment-{{c.id}}-only {
animation-name: c{{c.id}}-tilt !important;
animation-duration: {{c.award_count("tilt")*30}}s !important;
animation-iteration-count: infinite !important;
animation-direction: alternate !important;
animation-timing-function: linear !important;
}
</style>
{% endif %}
<div id="comment-text-{{c.id}}" class="comment-text mb-0 {% if c.author.agendaposter %}agendaposter{% endif %}" >
<div id="comment-text-{{c.id}}" class="comment-text mb-0 {% if c.author.agendaposter %}agendaposter{% endif %}">
{{c.realbody(v) | safe}}
</div>
{% if c.parent_submission %}

View File

@ -254,10 +254,16 @@
{% if p.award_count("tilt") %}
<style>
@media (min-width: 767.98px) {
body {
transform: rotate({{(p.award_count("tilt")/4,1)|min}}deg);
}
@keyframes post-tilt {
from {transform: rotate(1deg);}
to {transform: rotate({{p.award_count("tilt")+1}}deg);}
}
#post-root {
animation-name: post-tilt !important;
animation-duration: {{p.award_count("tilt")*30}}s !important;
animation-iteration-count: infinite !important;
animation-direction: alternate !important;
animation-timing-function: linear !important;
}
</style>
{% endif %}