From 856fda413d757bd774627fe594d10cb6b294d29c Mon Sep 17 00:00:00 2001
From: Aevann <randomname42029@gmail.com>
Date: Fri, 11 Aug 2023 15:04:26 +0300
Subject: [PATCH] make tilt award not stack

---
 files/assets/css/awards.css   | 50 +++++------------------------------
 files/templates/comments.html |  4 +--
 files/templates/post.html     |  2 +-
 3 files changed, 10 insertions(+), 46 deletions(-)

diff --git a/files/assets/css/awards.css b/files/assets/css/awards.css
index b16adc862..d31526617 100644
--- a/files/assets/css/awards.css
+++ b/files/assets/css/awards.css
@@ -144,53 +144,17 @@
 	100% {transform: translateX(-15vw) rotate(180deg); top: 0; bottom: unset;}
 }
 
-.tilt {
-	animation-duration: 60s !important;
-	animation-iteration-count: infinite !important;
-	animation-direction: alternate !important;
-	animation-timing-function: linear !important;
-}
-
-@keyframes tilt-1 {
+@keyframes tilt {
 	0% {transform: rotate(0deg);}
 	25% {transform: rotate(1deg);}
 	75% {transform: rotate(-1deg);}
 	100% {transform: rotate(0deg);}
 }
 
-.tilt-1 {
-	animation-name: tilt-1;
-}
-
-@keyframes tilt-2 {
-	0% {transform: rotate(0deg);}
-	25% {transform: rotate(2deg);}
-	75% {transform: rotate(-2deg);}
-	100% {transform: rotate(0deg);}
-}
-
-.tilt-2 {
-	animation-name: tilt-2;
-}
-
-@keyframes tilt-3 {
-	0% {transform: rotate(0deg);}
-	25% {transform: rotate(3deg);}
-	75% {transform: rotate(-3deg);}
-	100% {transform: rotate(0deg);}
-}
-
-.tilt-3 {
-	animation-name: tilt-3;
-}
-
-@keyframes tilt-4 {
-	0% {transform: rotate(0deg);}
-	25% {transform: rotate(4deg);}
-	75% {transform: rotate(-4deg);}
-	100% {transform: rotate(0deg);}
-}
-
-.tilt-4 {
-	animation-name: tilt-4;
+.tilt {
+	animation-duration: 60s !important;
+	animation-iteration-count: infinite !important;
+	animation-direction: alternate !important;
+	animation-timing-function: linear !important;
+	animation-name: tilt;
 }
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 62f407c5c..7dfa7715f 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -29,7 +29,7 @@
 			<span class="comment-collapse-desktop" style="border-color: #{{c.author.name_color}}" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
 
 			<div class="comment-body">
-					<div id="comment-{{c.id}}-only" class="{% if c.award_count('tilt', v) %}tilt tilt-{{c.award_count('tilt', v)}}{% endif %} {% if c.award_count('glowie', v) %}glow{% endif %} comment-{{c.id}}-only">
+					<div id="comment-{{c.id}}-only" class="{% if c.award_count('tilt', v) %}tilt{% endif %} {% if c.award_count('glowie', v) %}glow{% endif %} comment-{{c.id}}-only">
 							<div class="user-info">
 								<span class="comment-collapse-icon" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
 								{% if standalone and c.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}
@@ -119,7 +119,7 @@
 	{% endif %}
 	<div class="comment-body">
 
-		<div id="{% if comment_info and comment_info.id == c.id %}context{%else%}comment-{{c.id}}-only{% endif %}" class="{% if c.award_count('tilt', v) %}tilt tilt-{{c.award_count('tilt', v)}}{% endif %} {% if c.unread %}unread{% endif %} {% if c.award_count('glowie', v) %}glow{% endif %} comment-{{c.id}}-only comment-anchor {% if comment_info and comment_info.id == c.id %}context{%endif%}{% if c.is_banned %} banned{% endif %}{% if c.deleted_utc %} deleted{% endif %}">
+		<div id="{% if comment_info and comment_info.id == c.id %}context{%else%}comment-{{c.id}}-only{% endif %}" class="{% if c.award_count('tilt', v) %}tilt{% endif %} {% if c.unread %}unread{% endif %} {% if c.award_count('glowie', v) %}glow{% endif %} comment-{{c.id}}-only comment-anchor {% if comment_info and comment_info.id == c.id %}context{%endif%}{% if c.is_banned %} banned{% endif %}{% if c.deleted_utc %} deleted{% endif %}">
 
 			<div class="user-info">
 				<span class="comment-collapse-icon" data-nonce="{{g.nonce}}" data-onclick="collapse_comment('{{c.id}}')"></span>
diff --git a/files/templates/post.html b/files/templates/post.html
index a47df9ca3..7667f4b0e 100644
--- a/files/templates/post.html
+++ b/files/templates/post.html
@@ -60,7 +60,7 @@
 
 <div class="row mb-3">
 
-	<div id="post-root" class="col-12 {% if p.award_count('tilt', v) %}tilt tilt-{{p.award_count('tilt', v)}}{% endif %}">
+	<div id="post-root" class="col-12 {% if p.award_count('tilt', v) %}tilt{% endif %}">
 
 		<div class="card border-0 mt-3 {% if p.stickied %}stickied{% endif %} {% if voted==1 %}upvoted{% elif voted==-1 %} downvoted{% endif %}">
 			<div id="post-{{p.id}}" class="actual-post {% if p.ghost %}ghost-post{% endif %} {% if p.is_banned %}banned{% endif %} {% if p.deleted_utc %}deleted {% endif %} {% if p.award_count('tilt', v) %}p-3{% endif %} {% if p.award_count('glowie', v) %}glow{% endif %} d-flex flex-row-reverse flex-nowrap justify-content-end">