fix

files/templates/sidebars/SubmissionSidebar.html

@@ -118,14 +118,6 @@
 				</span>
 			</li>
 			{% endif %}
-			<!-- Awards -->
-			{% if p.awards %}
-			{% for a in p.awards %}
-			<li>
-				<i class="{{a.class_list}} fa-sm fa-fw" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a.title}} Award given by @{{a.user.username}}"></i>
-			</li>
-			{% endfor %}
-			{% endif %}
 		</ul>
 	</div>
 </div>

files/templates/submission/SubmissionAwards.html

@@ -1,14 +1,82 @@
 <!-- Awards -->
 {% if p.award_count("train") %}
-	{% include "/awards/Trains.html" %}
+{% include "/awards/Trains.html" %}
 {% endif %}
 
 <!-- Christmas Awards -->
 {% if p.award_count("snow") %}
-	{% include "/awards/Christmas/Snow.html" %}
+{% include "/awards/Christmas/Snow.html" %}
 {% endif %}
 
 <!-- Javascript -->
 {% if p.award_count("snow") %}
-	<script defer src="/assets/js/christmas/snow.js?v=1"></script>
+
+{% set snowCount = p.award_count("snow") if p.award_count("snow") < 5 else 5 %}
+
+<script>
+	document.addEventListener('DOMContentLoaded', function(){
+		var script = document.createElement('script');
+		script.src = 'https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js';
+		script.onload = function(){
+			particlesJS("snow", {
+				"particles": {
+					"number": {
+						"value": 60 * {{ snowCount }},
+						"density": {
+							"enable": true,
+							"value_area": 800
+						}
+					},
+					"color": {
+						"value": "#ffffff"
+					},
+					"opacity": {
+						"value": 0.7,
+						"random": false,
+						"anim": {
+							"enable": false
+						}
+					},
+					"size": {
+						"value": 5,
+						"random": true,
+						"anim": {
+							"enable": false
+						}
+					},
+					"line_linked": {
+						"enable": false
+					},
+					"move": {
+						"enable": true,
+						"speed": 4,
+						"direction": "bottom",
+						"random": true,
+						"straight": false,
+						"out_mode": "out",
+						"bounce": false,
+						"attract": {
+							"enable": true,
+							"rotateX": 300,
+							"rotateY": 1200
+						}
+					}
+				},
+				"interactivity": {
+					"events": {
+						"onhover": {
+							"enable": false
+						},
+						"onclick": {
+							"enable": false
+						},
+						"resize": false
+					}
+				},
+				"retina_detect": true
+			});
+		}
+		document.head.append(script);
+	});
+</script>
 {% endif %}