default icon for errored images

Author: MathMan05

src/webpage/icons/sad.svg

@@ -3039,6 +3039,19 @@ fieldset input[type="radio"] {
 	font-size: 0.2in;
 	padding: 0 0.1in;
 }
+img.error {
+	position: relative;
+}
+img.error::after {
+	background: var(--secondary-bg) url("/icons/sad.svg");
+	background-size: contain;
+	content: "";
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
 .gifBox {
 	img {
 		max-width: 196px;

src/webpage/style.css

@@ -599,6 +599,9 @@ export function createImg(
 	const settings =
 		localStorage.getItem("gifSetting") || ("hover" as "hover") || "always" || "never";
 	const img = document.createElement("img");
+	img.addEventListener("error", () => {
+		img.classList.add("error");
+	});
 	elm ||= img;
 	if (src && isAnimated(src)) {
 		img.crossOrigin = "anonymous";