From e672330614ee53293dd062261699b774d176e1f8 Mon Sep 17 00:00:00 2001
From: geese-suck <16601315+geese-suck@users.noreply.github.com>
Date: Tue, 8 Nov 2022 21:39:05 -0800
Subject: [PATCH] simplify awards (#434)

---
 files/assets/css/awards.css     | 129 ++++++++
 files/assets/css/main.css       |  21 --
 files/templates/awards.html     | 158 +++++++++
 files/templates/awards_PCM.html | 209 ++++++++++++
 files/templates/submission.html | 557 +-------------------------------
 5 files changed, 498 insertions(+), 576 deletions(-)
 create mode 100644 files/templates/awards.html
 create mode 100644 files/templates/awards_PCM.html

diff --git a/files/assets/css/awards.css b/files/assets/css/awards.css
index 33d25e52c..56e7b4a45 100644
--- a/files/assets/css/awards.css
+++ b/files/assets/css/awards.css
@@ -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;
+}
diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 316295d17..c9e5363ff 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -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;
 }
diff --git a/files/templates/awards.html b/files/templates/awards.html
new file mode 100644
index 000000000..d016bf7dc
--- /dev/null
+++ b/files/templates/awards.html
@@ -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 %}
+
diff --git a/files/templates/awards_PCM.html b/files/templates/awards_PCM.html
new file mode 100644
index 000000000..0593e53cb
--- /dev/null
+++ b/files/templates/awards_PCM.html
@@ -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 %}
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 53c2f799b..8a41444b8 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -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 %}