From 5a33742e13230009ff0b85d8e228bf21fd58ba53 Mon Sep 17 00:00:00 2001
From: MrLetsplay <mr@cringe-studios.com>
Date: Fri, 8 Mar 2024 19:27:13 +0100
Subject: [PATCH] Move fireworks to separate JS file

---
 .gitignore          |   1 +
 index.html          | 116 +-------------------------------------------
 special/new-year.js | 112 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 115 insertions(+), 114 deletions(-)
 create mode 100644 special/new-year.js

diff --git a/.gitignore b/.gitignore
index 6d71dcf..08e0c6d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@ forum
 uni
 senpai
 chess
+.vscode
diff --git a/index.html b/index.html
index 247b467..88f03ef 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,8 @@
 		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
 
+		<script src="special/new-year.js" defer></script>
+
 		<style>
 
 		html{
@@ -461,120 +463,6 @@
 	</div>
 	<div id="fireworks" style="pointer-events: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;">
 		<canvas id="fireworks-canvas"></canvas>
-
-		<script>
-			const EXPLOSION_TIME = 100;
-			const EXPLOSION_SIZE = 100;
-			const NUM_PARTICLES = 12;
-			const SPEED = 2;
-
-			function HSVtoRGB(h, s, v) {
-				var r, g, b, i, f, p, q, t;
-				if (arguments.length === 1) {
-					s = h.s, v = h.v, h = h.h;
-				}
-				i = Math.floor(h * 6);
-				f = h * 6 - i;
-				p = v * (1 - s);
-				q = v * (1 - f * s);
-				t = v * (1 - (1 - f) * s);
-				switch (i % 6) {
-					case 0: r = v, g = t, b = p; break;
-					case 1: r = q, g = v, b = p; break;
-					case 2: r = p, g = v, b = t; break;
-					case 3: r = p, g = q, b = v; break;
-					case 4: r = t, g = p, b = v; break;
-					case 5: r = v, g = p, b = q; break;
-				}
-
-				return "rgb(" + (r * 255) + "," + (g * 255) + "," + (b * 255) + ")";
-			}
-
-			const canvas = document.getElementById("fireworks-canvas");
-			const updateSize = () => {
-				canvas.width = window.innerWidth;
-				canvas.height = window.innerHeight;
-			};
-
-			let rockets = [];
-			let rocketsAreFiring = false;
-
-			updateSize();
-			window.onresize = updateSize;
-
-			const ctx = canvas.getContext("2d");
-
-			window.addEventListener("keyup", e => {
-				if (e.key == 'h') {
-					canvas.style.display = canvas.style.display == 'none' ? null : 'none';
-				}
-			});
-
-			setInterval(() => {
-				const theTime = new Date();
-				if (theTime.getDate() != 1 || theTime.getMonth() != 0 || theTime.getHours() != 0) {
-					rockets = [];
-					rocketsAreFiring = false;
-					return;
-				}
-
-				rocketsAreFiring = true;
-				rockets.push({ x: Math.random() * canvas.width, y: canvas.height, life: (Math.random() * 0.75 + 0.25) * canvas.height, color: HSVtoRGB(Math.random(), 1, 1) });
-			}, 300);
-
-			setInterval(() => {
-				if (!rocketsAreFiring) {
-					ctx.clearRect(0, 0, canvas.width, canvas.height);
-					return;
-				}
-
-				ctx.fillStyle = "#000044ff";
-				ctx.fillRect(0, 0, canvas.width, canvas.height);
-
-				rockets.forEach(rocket => {
-					rocket.life -= SPEED;
-
-					if (rocket.life <= EXPLOSION_TIME) {
-						if (rocket.life <= 0) {
-							rockets.splice(rockets.indexOf(rocket), 1);
-							return;
-						}
-
-						const explosionTime = 1 - (rocket.life / EXPLOSION_TIME);
-						const size = explosionTime * EXPLOSION_SIZE;
-
-						for (let i = 0; i < NUM_PARTICLES; i++) {
-							const angle = i / NUM_PARTICLES * Math.PI * 2;
-							const px = Math.cos(angle) * size;
-							const py = Math.sin(angle) * size;
-
-							ctx.fillStyle = rocket.color;
-							ctx.beginPath();
-							ctx.arc(rocket.x + px, rocket.y + py, 5, 0, Math.PI * 2, true);
-							ctx.fill();
-						}
-					} else {
-						rocket.y -= SPEED;
-						ctx.fillStyle = "black";
-						ctx.fillRect(rocket.x - 5, rocket.y - 5, 10, 10);
-					}
-
-				});
-
-				const theTime = new Date();
-				ctx.fillStyle = "white";
-				ctx.textAlign = "center";
-				ctx.font = "bold 50px Comic Mono";
-				ctx.fillText("Happy new year! 🥳", canvas.width / 2, canvas.height / 2);
-				ctx.font = "bold 100px Comic Mono";
-				ctx.fillText(theTime.getHours().toString().padStart(2, '0') + ":" + theTime.getMinutes().toString().padStart(2, '0') + ":" + theTime.getSeconds().toString().padStart(2, '0'), canvas.width / 2, canvas.height / 2 - 150);
-
-				ctx.font = "bold 10px Comic Mono";
-				ctx.fillStyle = "#0000ff";
-				ctx.textAlign = "left";
-				ctx.fillText("Press 'h' to hide", 10, canvas.height - 10);
-			}, 10);
-		</script>
 	</div>
 	<!-- <a href="https://zap-hosting.com/a/d0dfc6046400b7d0efcafb2c2823039127737029"><img src="https://zap-hosting.com/interface/download/images.php?type=affiliate&id=273408" alt="ZAP-Hosting Gameserver and Webhosting"></a> -->
 	</body>
diff --git a/special/new-year.js b/special/new-year.js
new file mode 100644
index 0000000..658dbce
--- /dev/null
+++ b/special/new-year.js
@@ -0,0 +1,112 @@
+const EXPLOSION_TIME = 100;
+const EXPLOSION_SIZE = 100;
+const NUM_PARTICLES = 12;
+const SPEED = 2;
+let OVERRIDE_ROCKETS = false;
+
+function HSVtoRGB(h, s, v) {
+	var r, g, b, i, f, p, q, t;
+	if (arguments.length === 1) {
+		s = h.s, v = h.v, h = h.h;
+	}
+	i = Math.floor(h * 6);
+	f = h * 6 - i;
+	p = v * (1 - s);
+	q = v * (1 - f * s);
+	t = v * (1 - (1 - f) * s);
+	switch (i % 6) {
+		case 0: r = v, g = t, b = p; break;
+		case 1: r = q, g = v, b = p; break;
+		case 2: r = p, g = v, b = t; break;
+		case 3: r = p, g = q, b = v; break;
+		case 4: r = t, g = p, b = v; break;
+		case 5: r = v, g = p, b = q; break;
+	}
+
+	return "rgb(" + (r * 255) + "," + (g * 255) + "," + (b * 255) + ")";
+}
+
+const canvas = document.getElementById("fireworks-canvas");
+const updateSize = () => {
+	canvas.width = window.innerWidth;
+	canvas.height = window.innerHeight;
+};
+
+let rockets = [];
+let rocketsAreFiring = false;
+
+updateSize();
+window.onresize = updateSize;
+
+const ctx = canvas.getContext("2d");
+
+window.addEventListener("keyup", e => {
+	if (e.key == 'h') {
+		canvas.style.display = canvas.style.display == 'none' ? null : 'none';
+	}
+});
+
+setInterval(() => {
+	const theTime = new Date();
+	if (!OVERRIDE_ROCKETS && (theTime.getDate() != 1 || theTime.getMonth() != 0 || theTime.getHours() != 0)) {
+		rockets = [];
+		rocketsAreFiring = false;
+		return;
+	}
+
+	rocketsAreFiring = true;
+	rockets.push({ x: Math.random() * canvas.width, y: canvas.height, life: (Math.random() * 0.75 + 0.25) * canvas.height, color: HSVtoRGB(Math.random(), 1, 1) });
+}, 300);
+
+setInterval(() => {
+	if (!rocketsAreFiring) {
+		ctx.clearRect(0, 0, canvas.width, canvas.height);
+		return;
+	}
+
+	ctx.fillStyle = "#000044ff";
+	ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+	rockets.forEach(rocket => {
+		rocket.life -= SPEED;
+
+		if (rocket.life <= EXPLOSION_TIME) {
+			if (rocket.life <= 0) {
+				rockets.splice(rockets.indexOf(rocket), 1);
+				return;
+			}
+
+			const explosionTime = 1 - (rocket.life / EXPLOSION_TIME);
+			const size = explosionTime * EXPLOSION_SIZE;
+
+			for (let i = 0; i < NUM_PARTICLES; i++) {
+				const angle = i / NUM_PARTICLES * Math.PI * 2;
+				const px = Math.cos(angle) * size;
+				const py = Math.sin(angle) * size;
+
+				ctx.fillStyle = rocket.color;
+				ctx.beginPath();
+				ctx.arc(rocket.x + px, rocket.y + py, 5, 0, Math.PI * 2, true);
+				ctx.fill();
+			}
+		} else {
+			rocket.y -= SPEED;
+			ctx.fillStyle = "black";
+			ctx.fillRect(rocket.x - 5, rocket.y - 5, 10, 10);
+		}
+
+	});
+
+	const theTime = new Date();
+	ctx.fillStyle = "white";
+	ctx.textAlign = "center";
+	ctx.font = "bold 50px Comic Mono";
+	ctx.fillText("Happy new year! 🥳", canvas.width / 2, canvas.height / 2);
+	ctx.font = "bold 100px Comic Mono";
+	ctx.fillText(theTime.getHours().toString().padStart(2, '0') + ":" + theTime.getMinutes().toString().padStart(2, '0') + ":" + theTime.getSeconds().toString().padStart(2, '0'), canvas.width / 2, canvas.height / 2 - 150);
+
+	ctx.font = "bold 10px Comic Mono";
+	ctx.fillStyle = "#0000ff";
+	ctx.textAlign = "left";
+	ctx.fillText("Press 'h' to hide", 10, canvas.height - 10);
+}, 10);