release

index.html

@@ -109,6 +109,20 @@
 			function updateTime() {
 				document.getElementById("time").innerText = (new Date()).toLocaleTimeString();
 			}
+			function sAlert(title, message) {
+				let alertHolder = document.createElement("alert");
+				let alertTitle = document.createElement("h1");
+				alertTitle.innerHTML = title;
+				let alertMessage = document.createElement("p");
+				alertMessage.innerHTML = message;
+				alertHolder.appendChild(alertTitle);
+				alertHolder.appendChild(alertMessage);
+				document.body.appendChild(alertHolder);
+				alertHolder.addEventListener("click", alertHolder.remove);
+				setTimeout(() => {
+					alertHolder.remove();
+				}, 1000 * 15)
+			}
 			document.addEventListener("DOMContentLoaded", async ()=>{
 				getWeather();
 				setInterval(getWeather, 1000 * 60 * 30);
@@ -154,9 +168,14 @@
 					}
 				});
 				socket.addEventListener("message", (e)=>{
-					socket.send("1");
 					if(e.data.split("=")[0] == "online") {
+						socket.send("1");
 						document.getElementById("online").innerText = `currently online: ${e.data.split("=")[1]}`;
+					} else {
+						if(e.data.startsWith("annc")) {
+							let message = e.data.split(";;");
+							sAlert(message[1], message[2]);
+						}
 					}
 				})
 				let currentCloak = {name: "", icon: ""};