|
|
|
|
@ -4,8 +4,8 @@
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<title>Indian Translate</title>
|
|
|
|
|
<script src="https://d3js.org/d3.v7.min.js"></script>
|
|
|
|
|
@ -25,6 +25,11 @@
|
|
|
|
|
border: 1px solid;
|
|
|
|
|
padding: 2em;
|
|
|
|
|
}
|
|
|
|
|
h1 {
|
|
|
|
|
margin-block: 0.67em;
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.state {
|
|
|
|
|
stroke: black;
|
|
|
|
|
fill: none;
|
|
|
|
|
@ -40,7 +45,7 @@
|
|
|
|
|
stroke-width: 1;
|
|
|
|
|
}
|
|
|
|
|
.translationText, .romanizationText {
|
|
|
|
|
/* visibility: hidden; */
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
font-family: "Noto Sans";
|
|
|
|
|
font-size:1.25em;
|
|
|
|
|
}
|
|
|
|
|
@ -52,6 +57,7 @@
|
|
|
|
|
.languageText {
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 1.15em;
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
visibility: hidden;
|
|
|
|
|
}
|
|
|
|
|
@ -114,7 +120,7 @@
|
|
|
|
|
<progress id="loading-screen" class="loading-indicator"></progress>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<svg id = "indiaMap" width="1200" height="1200"></svg>
|
|
|
|
|
<svg id = "indiaMap" width="1300" height="1300"></svg>
|
|
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="index.js"></script>
|
|
|
|
|
|
