From 0f92b1100999e51910ab54021b14f0024b463bc3 Mon Sep 17 00:00:00 2001
From: Aadhavan Srinivasan <aadhavan@twomorecents.org>
Date: Wed, 5 Mar 2025 14:44:58 -0500
Subject: [PATCH] Add more text below the translation, in brackets - will be
 used for romanization

---
 index.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/index.js b/index.js
index 42ef535..7d01f90 100644
--- a/index.js
+++ b/index.js
@@ -255,6 +255,28 @@ function drawMap(world) {
 			}
 		});
 
+	states.append("text")
+      .attr("x", d => projection(d3.geoCentroid(d))[0])
+      .attr("y", d => projection(d3.geoCentroid(d))[1] + parseFloat(getComputedStyle(document.getElementsByClassName('languageText')[0]).getPropertyValue('font-size')))
+      .attr("text-anchor", "middle")
+      .attr("font-size", "12px")
+      .attr("fill", "black")
+	  .attr("class", "romanizationText")
+	  .attr("id", function(d) {
+			if (stateOrDistrictOrLanguage(d) == "language") {
+				return d.properties.lang_code+"Romanization"
+			} else {
+				d3.select(this).remove()
+			}
+	  })
+      .text(function(d) {
+			if (stateOrDistrictOrLanguage(d) == "language") {
+				return "(" + d.properties.lang_name + ")";
+			} else {
+				d3.select(this).remove() // Only add this attribute if the element is a language
+			}
+		});
+
 		let allLangs = []
 
 	const coordinates = [77.69916967457782,23.389970772934166];