awards

files/events/templates/awards.html

@@ -5,9 +5,67 @@
 			<img src="/i/event/awards/gingerbread.png?v=1" class="animate-spin object-contain" style="width: 40px; height: 40px;" alt="animate marsey gingerbread icon" />
 		</div>
 	{% endfor %}
+
 	{# idk why snow isn't working vvvvvvvvvv #}
 	{% if p.award_count("snow", v) %}
 		<script src="{{'js/event/snow.js'|asset}}"></script>
-		<script>snow(80 * {{p.award_count('snow', v)}});</script>
+		<script>snow(80);</script>
 	{% endif %}
 </div>
+
+{% if p.award_count("lights", v) %}
+	<style>
+		#post-root::before {
+			content: "";
+			position: absolute;
+			top: 0;
+			left: 0;
+			height: 57px;
+			width: 100%;
+			background: url('/i/event/lights.png?v=1');
+			animation: lights 1s infinite steps(2);
+			pointer-events: none;
+			z-index: 1;
+		}
+	</style>
+{% endif %}
+
+{% if p.award_count("candycane", v) %}
+	<style>
+		#post-title, #post-content p {
+			--color2: #9b161a;
+			--color1: rgb(12, 128, 101);
+			font-family: "Open Sans", sans-serif;
+			background: repeating-linear-gradient(
+				45deg, var(--color2), var(--color2) 10px,
+				var(--color1) 11px, var(--color1) 30px
+			);
+			background-clip: text;
+			color: transparent;
+			-webkit-background-clip: text;
+			animation: 45s linear 0s infinite candycorn-move;
+		}
+
+		#post-title a {
+			color: transparent !important;
+		}
+
+		@keyframes candycorn-move {
+			from {background-position: 0px;}
+			to {background-position: 1000px;}
+		}
+	</style>
+{% endif %}
+
+{% if p.award_count("fireplace", v) %}
+	<style>
+		#banner-skybox {
+			fill: url(#skybox-gradient-night)
+		}
+
+		#banner-window-1, #banner-window-2 {
+			filter: drop-shadow(0 0 50px orange);
+			fill: palegoldenrod;
+		}
+	</style>
+{% endif %}

files/events/templates/banner.svg

@@ -40,7 +40,7 @@
 			<rect x="296.2" y="421.25" width="507.8" height="35.667" fill="#6e572c"/>
 			<rect x="296.2" y="385.92" width="507.8" height="35.667" fill="#876b39"/>
 			<polygon points="551.78 120.25 804 386.25 296.2 386.25 310 355.78" fill="#6e572c"/>
-			<rect x="391" y="449.42" width="144" height="140.5" fill="#9edae0"/>
+			<rect x="391" y="449.42" width="144" height="140.5" fill="#9edae0" id="banner-window-1"/>
 			<rect x="458.5" y="444.42" width="8" height="149" fill="#a07e46"/>
 			<rect x="388" y="514.91" width="149" height="8" fill="#a07e46"/>
 			<circle cx="332" cy="651.91" r="22" fill="#b48d4f"/>
@@ -84,7 +84,7 @@
 			<path d="m552 94.915c-16.708-1.354-71 51-88 81s-87 112-116 128-49 42-69 66-26 42-16 51 20-3 22-20 2-22 25-34 70-54 88-86 119-121 130-139 15-15 26-18 102 91 118 117 79 84 94 97 24 23 31 38 19 22 22 39 21-8 19-24-26-35-45-51-106-99-126-131-78-111-115-114z" fill="#f1f2f2"/>
 			<path d="m822.33 402.25c-0.666-12-7.333-6-12-27.333-4.666-21.333-44.666-47.333-68-69.333-23.333-22-60.666-63.333-73.333-78.667-12.667-15.333-44.667-50-59.333-71.333-14.667-21.333-42-45.333-56.667-45.333s-33.333 18.667-42.667 32c-9.333 13.333-50.667 56-66.667 76.667s-52 56-60.667 71.333-57.333 57.333-79.333 69.333-29.333 22-30 45.333c-0.355 12.428-5.816 15.587-10.843 15.827 0.061 0.057 0.115 0.117 0.177 0.173 10 9 20-3 22-20s2-22 25-34 70-54 88-86 119-121 130-139 15-15 26-18 102 91 118 117 79 84 94 97 24 23 31 38 19 22 22 39c1.577 8.939 7.302 6.263 12.086-0.608-5.895 3.682-8.148-1.167-8.753-12.059z" fill="#d1d3d4"/>
 			<circle cx="557.67" cy="288.25" r="42" fill="#b48d4f"/>
-			<circle cx="557.67" cy="288.25" r="31.333" fill="#9edae0"/>
+			<circle cx="557.67" cy="288.25" r="31.333" fill="#9edae0" id="banner-window-2"/>
 		</g>
 	</g>
 	<g id="banner-stars" transform="translate(-68.5 25.761)" fill="white" style="opacity:.8">

files/events/templates/banner_rDrama.html

@@ -1,6 +1,8 @@
 {# <script src="{{'js/event/neko.js'|asset}}"></script> #}
-<script src="{{'js/event/snow.js'|asset}}"></script>
-{% if request.path == '/' %}<script>snow(80);</script>{% endif %}
+{% if request.path == '/' %}
+	<script src="{{'js/event/snow.js'|asset}}"></script>
+	<script>snow(80);</script>
+{% endif %}
 
 <div class="candy-cane"></div>