diff --git a/assets/html/map.html b/assets/html/map.html
index ad070126c..9d02f27e9 100644
--- a/assets/html/map.html
+++ b/assets/html/map.html
@@ -1,1137 +1,771 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Map
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- About Us
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ /* Center-align navbar links in mobile view */
+ .navbar ul.navbar-list {
+ flex-direction: column;
+ text-align: center;
+ }
+ /* Adjusted theme switcher styling for mobile */
+ .switch-container {
+ margin: 0 auto;
+ padding-top: 1rem;
+ }
+}
+ /* Container for the switch */
+ .switch-container {
+ display: flex;
+ align-items: center;
+ position: relative;
+ }
+ /* Hide default checkbox */
+ .switch-checkbox {
+ display: none;
+ }
+ /* Style the label */
+ .switch-label {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 50px;
+ height: 24px;
+ border-radius: 50px;
+ background-color: #ccc;
+ transition: background-color 0.3s ease;
+ position: relative;
+ }
+ /* Style the toggle button */
+ .switch-button {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ padding: 0 5px;
+ position: absolute; /* Fixes the position */
+ left: 0; /* Keeps the button fixed */
+ }
+ /* Sun and moon icon styles */
+ .sun-icon,
+ .moon-icon {
+ font-size: 16px;
+ transition: opacity 0.3s ease;
+ }
+ /* Color the icons */
+ .sun-icon {
+ color: orange; /* Sun icon color */
+ }
+ .moon-icon {
+ color: lightblue; /* Moon icon color */
+ opacity: 0; /* Initially hidden */
+ }
+ /* Style for checked state */
+ .switch-checkbox:checked + .switch-label {
+ background-color: #333;
+ }
+ .switch-checkbox:checked + .switch-label .sun-icon {
+ opacity: 0; /* Hide sun icon in dark mode */
+ }
+ .switch-checkbox:checked + .switch-label .moon-icon {
+ opacity: 1; /* Show moon icon in dark mode */
+ }
+ .finput{
+ padding: 15px;
+ border-radius: 5px;
+ }
-
- Map Pointing Book Readers in India
-
-
-
-
-
-
-
-
+
- // Switch map layers
- if (isDarkMode) {
- map.removeLayer(darkLayer);
- lightLayer.addTo(map);
- } else {
- map.removeLayer(lightLayer);
- darkLayer.addTo(map);
- }
- // Apply dark mode styles to navbar items and map title
- document.querySelectorAll('.navbar, .navbar-link, #maphead').forEach(el => {
- el.classList.toggle('dark-mode');
- });
+ Map Pointing Book Readers in India
+
+
+
+
+
+
+
+
+
- isDarkMode = !isDarkMode;
- });
-
-
-