diff --git a/seshat/apps/core/templates/core/world_map.html b/seshat/apps/core/templates/core/world_map.html index 4d6ec83fa..491699751 100644 --- a/seshat/apps/core/templates/core/world_map.html +++ b/seshat/apps/core/templates/core/world_map.html @@ -132,11 +132,11 @@ left: 4%; z-index: 1000; } - .toprightcontainer { + .helpcontainer { display: flex; position: absolute; - top: 1%; - right: 4%; + top: 30%; + left: 30%; z-index: 1000; } @@ -179,7 +179,11 @@ background-color: transparent; border: none; cursor: pointer; - font-size: 2.5em; + color: teal; + } + + .transparent-button:hover { + color: orange; } .display-info-container { @@ -287,6 +291,13 @@ 100% { transform: rotate(360deg); } } + #crossButton { + background-color: rgba(255, 253, 242, 1); + right: 4%; + position: absolute; + border-color: #782823; + } +
@@ -302,7 +313,14 @@

Seshat World Map

- + Satellite (Esri World Imagery)
@@ -381,17 +399,19 @@

Background map

-
+
-

🔹 Click polity shapes on the map to reveal information.

+ +

🔹 Hover the mouse over polity shapes on the map to reveal information.

+

🔹 Clicking polity shapes adds them to the legend.

🔹 Some polities have Seshat pages reachable with double click.

-

🔹 Use the variable dropdown to color polities by different variables.

+

🔹 Enter a year of interest to jump to it, or use the slider at the bottom of the page.

+

🔹 Use the variable dropdown to color polities by different Seshat variables.

🔹 Use the opacity slider to adjust the transparency of the polity shapes.

-

🔹 Use the play button to animate the map through time.

+

🔹 Use the play controls to quickly increment the year and animate the map through time.

🔹 Use the background map controls to switch between different base maps.

-

@@ -571,6 +591,7 @@

allVariablesLoaded = true; plotPolities(); document.getElementById('variablesLoadingIndicator').style.display = 'none'; + document.getElementById('background-map-header').style.display = 'block'; document.getElementById('cliopatria-link').style.display = 'block'; return fetch('/core/provinces_and_countries');