Added styling for romanizations (same as translations)

index.html

@@ -38,12 +38,13 @@
 				fill-opacity: 0.0;
 				stroke-width: 1;
 			}
-			.languageText {
+			.languageText, .romanizationText {
 				visibility: hidden;
 				font-family: "Noto Sans";
 				font-size:1.25em;
 				pointer-events: none;
 			}
+
 			.language:hover ~ .languageText {
 				visibility: visible;
 			}

updateTranslations.js

@@ -17,5 +17,11 @@ function updateTranslations(response) {
 		.then((data) => {
 			elem.classList.toggle("loading");
 			console.log(data);
+			const romanizations = data;
+			document.querySelectorAll(".romanizationText").forEach(element => {
+				if (element.id.replace("Romanization", "") in romanizations) {
+					element.textContent = "(" + romanizations[element.id.replace("Romanization", "")][0] + ")";
+				}
+			});
 		});
 }