first commit

js/cloaks.js

@@ -0,0 +1,46 @@
+let cloaklist;
+function cloakExceptions(url) {
+	if (url.includes("harrisonburg.instructure.com") == true) {
+		return "learn.canvas.net";
+	}
+	return url;
+}
+
+function setCloakCookie(name, url) {
+	console.log(name + url);
+	if (!(url == null)) {
+		document.cookie = "tabicon=" + url + "";
+		document.cookie = "tabname=" + name;
+		setCloak();
+	} else {
+		url = cloakExceptions($("#webicon").val());
+		document.cookie = "tabicon=https://s2.googleusercontent.com/s2/favicons?domain_url=" + url;
+		document.cookie = "tabname=" + $("#webname").val();
+		setCloak();
+	}
+}
+
+function clearCloak() {
+	document.cookie = "tabicon=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+	document.cookie = "tabname=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
+	var link = document.querySelector("link[rel~='icon']");
+	link.remove();
+	document.title = "Settings | Selenite";
+	link = document.createElement("link");
+	link.rel = "icon";
+	document.head.appendChild(link);
+	link.href = "/favicon.png";
+}
+async function loadCloaks() {
+  const response = await fetch("/data/cloaks.json");
+  cloaklist = await response.json();
+	var presetCloaks = document.getElementById("presetCloaks");
+	presetCloaks.onchange = (event) => {
+		console.log(event.target.value);
+		console.log(cloaklist[event.target.value]);
+		setCloakCookie(cloaklist[event.target.value][0], cloaklist[event.target.value][1]);
+	};
+}
+document.addEventListener("DOMContentLoaded", function () {
+	loadCloaks();
+});