diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-22 22:01:20 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-23 17:29:19 +0200 |
| commit | 2a2bfd257c1785f9f132c31d7499fdfb89112a6b (patch) | |
| tree | 295290982708fae7baa6d6827bbce97fb0c196a0 | |
| parent | b12ba58c5a6535b5063957d48b66fdfccf9e5ad2 (diff) | |
| download | andean-abyss-2a2bfd257c1785f9f132c31d7499fdfb89112a6b.tar.gz | |
Improve zooming layout.
| -rw-r--r-- | play.css | 77 | ||||
| -rw-r--r-- | play.html | 192 | ||||
| -rw-r--r-- | play.js | 11 |
3 files changed, 144 insertions, 136 deletions
@@ -41,6 +41,52 @@ main { background-color: #777; } top: 60px; } +#card_panel { + display: flex; + flex-wrap: wrap; + align-content: start; + justify-content: center; + gap: 16px; + padding: 16px; +} + +@media (max-width: 800px) { + #card_panel { + justify-content: start; + } +} + +#table { + display: grid; + width: 100%; + grid-template-columns: 1fr min-content min-content 1fr; + grid-template-rows: min-content max-content; +} + +#mapwrap { + grid-column: 2; + grid-row: 2; +} + +#card_panel { + grid-column: 2; + grid-row: 1; +} + +#mapwrap[data-fit="both"] + #card_panel { + max-width: 250px; + grid-column: 3; + grid-row: 2; +} + +@media (min-width: 2000px) { + #card_panel { + max-width: 250px; + grid-column: 3; + grid-row: 2; + } +} + /* MAP */ #mapwrap { @@ -50,8 +96,8 @@ main { background-color: #777; } margin-bottom: 24px; } -#mapwrap.fit { - margin-bottom: 0 +#mapwrap[data-fit="width"], #mapwrap[data-fit="both"] { + margin-bottom: 0; } #map { @@ -332,33 +378,6 @@ path.tip { stroke: white; stroke-dasharray: 4 4; } /* CARDS */ -#card_panel { - display: flex; - flex-wrap: wrap; - align-content: start; - justify-content: center; - gap: 18px; - padding: 18px; -} - -#card_panel { width: 800px; margin: 0 auto; } -@media (max-width: 800px) { - #card_panel { width: 1614px; justify-content: start; } -} - -/* Put cards on right of map when zoomed to fit, or very wide screen */ -#mapwrap { grid-row: 1; grid-column: 2 } -#card_panel { grid-row: 1; grid-column: 3 } -#grid { grid-template-columns: 1fr min-content min-content 1fr; } - -@media (min-width: 2200px) { - #grid { display: grid; } - #card_panel { width: 250px; } -} - -#grid.fit { display: grid; } -#grid.fit #card_panel { width: 250px; } - .card { width: 248px; height: 348px; @@ -98,114 +98,114 @@ <div id="log"></div> </aside> -<main data-max-zoom="1"> +<main data-max-zoom="1" data-map-width="1650" data-map-height="2550"> -<div id="grid"> - -<div id="card_panel"> -<div id="this_card" class="hide"><div id="unshaded_event"></div><div id="shaded_event"></div></div> -<div id="next_card" class="hide"></div> -<div id="deck_outer" class="card card_back"><div id="deck_size"></div></div> -</div> +<div id="table"> <div id="mapwrap"> -<div id="map"> -<svg id="svgmap" width="1650" height="2550" viewBox="0 0 1650 2550"> -<path class="mountain" id="Cesar" d="M824 725c-7-2-6-15-18-10-5 2-17-2-15-8 2-9 11-14 10-24 3-10-7-17-11-26l-15-29c-3-7-11-14-10-22 4-10-2-23-14-24-7-2-11-11-15-18-5-8-10-17-17-24-2-9-6-17-13-22-1-8-6-21 5-23 8-4 16-12 22-19 6-6 9-14 12-22 2-11 2-22 1-33 7 4 15 7 24 6 16 0 33 1 49-2 6-5 15-1 20-7 6-7 13-11 20-16 6-8 16-9 23-13 7-5 10-15 19-16 8-7 19-8 29-12 9-3 19-2 25-10 8-4 16-7 20-15 4-9 10-17 11-28 1-4 0-14 2-5 5 8 18 9 24 2 8-3 10-13 9-19 10 2 16-8 25-11 8-7 17 4 25 5 6 2 15 4 18 9l13 22c-3 7-14 10-19 17-8 4-5 19-15 20-7 4-15 8-24 7l-27 7c-7 2-15 4-21 9-6 9-21 6-24 19-5 9-11 18-15 29-1 4-10 6-14 9-9-3-19 0-24 9-5 7-7 15-12 22-9 2-11 12-14 20l-11 22c-6 9-15 15-18 24-2 12 0 25-6 35-6 9-1 20-4 30-5 6 0 15 1 20-8 5-13 15-12 24-6 5-12 10-15 17-3 8-6 17-12 24-7 5-16 14-12 23 3 10 14 9 22 8 5 1 16-4 9 4 1 7-5 13-11 15z"/> -<path class="forest" id="Atlantico" d="M704 714c-9 1-16-7-23-11l-20-13c-4-8-11-11-20-13-9-4-16-11-24-16-5-5-11-8-18-11-6-6-15-8-23-4-9 4-17 9-25 15-6 1-13-8-20-9 5-9-5-18-3-25 8-7 6-21-1-29 5-8 13-17 6-27 0-8 2-13 10-12 7 0-1-11 6-12 5-11 9-22 9-34-1-9 1-16 10-18 7-5 11-12 21-10 11 1 16-9 18-19 3-5 8-18 13-15 2 10 8 19 14 27 6 6 13 11 20 15s15 4 24 5c3 6 0 15 3 22 2 9 2 17 5 25 5 7 15 9 18 19 4 7 9 12 12 20 8 8 11 18 14 28 8 7 16 15 20 25l15 27c5 9 1 20 2 30-1 12-14 3-22 5-14 0-27 7-39 15z"/> -<path class="forest" id="Choco" d="M406 1433c-10-3-20-1-30-1 2-6 13-10 11-19 2-10-7-19-16-20-8 0-16 3-23-3-6-5-17 5-21-1-1-9-13-12-21-11-8-2-14 13-18 2-10-2-10-15-13-21 1-8-1-15 7-19 2-9 9-16 8-25 1-9 6-17 4-27 5-8 0-17-5-24-2-9-2-19-3-29-2-11 1-21 1-32-3-7-1-17-8-23-3-4-10-11-1-11 11 1 21-6 25-16 3-8 1-18-3-25l-11-23c-3-6-16-15-13-20 12-3 11-19 13-28 0-12 7-26-4-34-2-9-11-16-20-14-1-8-7-16-14-21-1-6 2-22-9-28-8-4-22-13-12-22 7-5-2-19 10-18 6-2 4-14 10-7 10 5 22 1 27-8 5-6 13-7 18-13 9-7 2-19 5-25 9-5 21-9 21-21 0-9-10-12-9-21-3-9-7-18-14-25-3-4-4-19 2-9 8 3 12 9 16 17 3 6 12 9 15 13 4 10 6 19 6 29 0 12 14 15 24 14 9 0 14-9 14-17 2-10-3-19-3-29 0-9 1-19-1-28-4-7-7-16-15-19 10-5 24-5 32-14 3-9 15-8 19-16 6-5 12-9 19-11 10-5 12-15 18-24 6-4 7-19 12-19 0 10-2 19-1 28-1 9 4 18 8 24 6 6 7 15 16 19 8 2 16 8 26 8 10 1-2 13 1 20 0 8-4 16-3 25-1 10 6 20 15 24 10 3 17 15 28 10 7-4 20 10 10 13s-13 15-10 24c5 7-8 13-4 22 3 10-3 19-4 29-2 8-5 15-10 22-1 8 2 17-2 25-4 5-3 19-9 19-9-2-17 1-24 3-11 3-20 9-28 16-7 2-20-1-16 11-2 13 0 27-2 40-1 11 1 22 8 30 3 7 9 12 15 17 6 6 13 10 21 12 9 2 14 6 13 16 3 10-14 13-12 24-2 9 8 15 7 23-8 7 3 20-4 25-9 3-19 5-26 11-5 6-13 8-21 7-9 5 0 20-3 29-3 11-3 21 1 32 2 9 6 18 2 27-9 5 0 25-15 21-9-1-19 8-18 18s8 18-1 26c-4 8 2 16 0 24 0 8-2 17-8 22z"/> -<path class="mountain" id="Antioquia" d="M545 1225c-7-7-22-8-28-13 8-6 1-15 2-23 7-6 15-14 11-25-2-8-12-13-4-21-2-14 13-12 21-18 7-5 15-10 20-18 7-8 11-18 13-29 2-16-1-32-7-47-6-8-12-16-20-22-11-4-5-12-2-20 1-9 6-16 9-24 2-7-2-15 2-23 2-9 3-19 8-27 9-5 4-18 8-24 9-6 6-18 7-26-1-11 2-22-4-32-7-7-16-11-25-14-7-8-17-6-25-9-4-6 4-16 7-23s1-16 6-23c4-6 13-7 15-15 14-12 16-31 15-48 0-7-6-15 4-16 8-6 15-2 21 4 7 7 19 9 24 17 3 11 15 9 23 13l30 19c8 4 12 12 21 13 10 2 17-5 24-9 10-3 23-17 32-8 3 11 1 22 4 33-1 8-7 18-1 27 7 6 4 17 3 25-3 9-2 18 4 25 5 7 6 19 5 27-2 9-1 18 4 25 1 12 11 19 22 20 8 1 17 7 6 12-5 9-19 4-23 10l-3 35c-8 3-15 8-23 10-9 5-4 18-14 23l-19 22c-4 9-18 6-20 18 0 11-9 18-18 20-10 2-22 2-28 11l-12 20c-3 9 2 19-3 28-3 8-2 19-8 25-9 6-5 18-6 27s-3 19-7 27c-6 7-16 10-25 11-10 2-22-2-31 6-4 2-10 4-15 4z"/> -<path class="mountain" id="Santander" d="M832 1302c-12 2-15-11-22-18-9-7-17-15-28-18-7-3-15-4-23-5-13-1-27 2-39 7-7 0-13 15-16 3-7-6-16-8-22-16-5-5-6-14-13-17-9-2-18-9-22-17-2-8-5-15 0-23 2-7 2-16 9-21 5-9 1-20 5-30 2-10 4-20 8-30 8-5 2-18 10-21 11-5 24-7 32-17 5-8 19-7 21-17 0-11 12-17 17-25 5-7 12-12 16-20 5-2 11-5 14-8l18 20c12 13 30 17 47 16 8 0 16-4 24-6 8-5 17-12 23-20 6-6 7-16 12-23 1-14 3-30-4-43-4-7-7-15-14-20-5-5-12-10-19-12-7-7-20-3-27-8-8-11-19-21-32-23-11-3 1-20-10-25-4-6-3-17-3-24 6-8 4-19-3-26-4-9-5-22 0-31 1-10-9-15-7-26-1-4-2-19 3-9 2 13 14 5 22 8 13 2 27 1 38-5 9-5 14-15 23-19 10-6 12 11 16 17 8 7 9 19 15 28 6 8 3 20 11 27 5 3 9 10 1 11-6 9-23-1-19 13l-4 33c-1 19 8 39 24 51 3 3 11 5 8 12 0 9-1 18 6 25 7 5 10 13 20 16 7 3 15 8 21 13 6 6 13 13 8 22-5 8-8 16-10 26-4 8-13 15-11 25 0 9-14 3-15 13-4 10-17 9-20 19-2 9-5 21-1 30 8 3 9 17-1 17-8 5-9 21 1 23 4 2 7 7 13 7 7 4 6 17-2 18-7 5-10 15-11 22-8 4-12 12-18 16-6 7-3 18-10 24-4 9-9 17-18 21-10 7-3 20-10 28-5 7-15 0-21 5-4 2-6 6-11 7z"/> -<path class="grassland" id="Arauca" d="M1078 1267c-9 0-14-7-17-14-7-6-17-11-27-11-7-3-11-10-17-15-7-6-13-15-23-14-6 1-14 4-16-4-5-3-7-11-13-13-2-9-11-14-12-22v-16c-6-5-11-11-19-14-6-3 8-2 5-9 1-10 3-22-5-30-4-9 3-18 11-22 9-3 9-14 19-15 9-5 4-18 10-25 8-5 6-15 9-22 6-6 5-16 11-21 4-8 14-1 21-2l40 3c9-3 18-4 28-6l50-4c8 2 17 5 25 3 8-1 10-11 17-10 7 5 16 10 25 10 8 6 19 9 29 6 11-3 14 10 21 16 7 7 11 17 19 24 7 3 11 10 15 15 5 9 8 19 16 26 6 7 16 11 20 20-8 2-16 5-24 5-9 2-19-2-25 5-8 1-13 7-13 15-3 10-8 18-13 26-6 7-13 15-23 15-12 1-23 4-32 11l-28 16c-7 9-13 21-24 26-9 3-17 8-15 18-3 12-14 19-24 22-7 3-13 10-21 7z"/> -<path class="mountain" id="Huila" d="M345 1803c-7-3-16 0-11-12 0-9 1-20-3-29-3-6-5-13-10-18-5-7-14-10-17-17-2-11-7-21-5-32 9-9 8-23 17-30 10-4 8-20 19-22l22 1c8-6 9-17 15-23 5-8 14-13 15-22-1-8-2-19 6-24 5-12 18-11 28-17 14-5 22-17 30-28 5-9 8-20 7-30 0-19-5-39-19-52-8-7-8-15-6-25 1-9 3-17 6-26-1-9 1-18 12-20 8-6 2-18 9-26 1-8 10-11 7-20 8 5 16 10 26 12 14 2 30 1 43-6a64 64 0 0 0 35-53c1-10 1-21-4-30-5-12 16-3 23-10 8-4 20-7 28-1 9 0 15 3 20 10 6 7 8 18 19 20 9 4 15 12 19 21 9 7 2 20 4 30 0 12 1 25-5 36-4 11-2 24-7 35-6 3-16-2-23 4-10 2-19-3-28-6-10-1-24 2-25 14 1 11-2 21-3 31 1 10-9 17-6 27 4 8 4 20-8 19-8 2-15 5-22 10-4 9-19 3-22 10-1 18-3 36-1 53 2 9 6 16 12 23 5 7 12 13 19 17 8 1 14 6 8 14-1 10-5 17-13 22-8 6-19 8-25 16-8 5-9 15-10 24s-11 14-10 24c3 11-7 13-16 16-7 3-12 10-15 18-7 7 0 18-3 25-6 7-4 17-8 24-9 5-18 7-27 9-10 6-21 6-31 7-10 3-21 2-31 5-10 2-20-2-30 1-1 2-3 1-5 1z"/> -<path class="grassland" id="Meta East" d="M908 1553c-10-4-4-17-8-26-1-10-6-19-12-26-1-10-6-23-18-22-10-4-14 10-21 8-4-8-3-18-8-26-9-8-22-4-30-14-9-2-17-7-25-12-4-10-21-10-20-22 3-6 14-2 19-8 9-3 16-8 22-14 7-9 14-16 17-26 2-10 6-18 5-28-1-8 1-14 10-12 9 1 21 4 27-5 8-3 14-8 20-14 4-8 10-12 16-17 6-6 2-15 6-22s8-17 13-22c12-3 6-19 15-24 8-1 16-1 23-7 7 1 12 19 23 15s18 4 25 11c8 6 12 17 23 17 9 0 20 2 20 13 6 5 12 11 20 11 10 1 20 2 29-3-1 11 3 21 0 32-1 11 0 23 3 34 1 14-2 28-1 42v100c-2 10-1 22 0 32 2 8-12 4-15 1-10-5-16 7-26 7-12-1-25 2-37-4-4-7-14-2-16 5-10 0-21 10-29 0-7-2-15-1-22-1-1 14-16 7-22 14-7 6-16 7-24 11-1 0-1 3-2 2z"/> -<path class="grassland" id="Vichada" d="M1153 1535c-7-2-17-14-24-5-12 2-14-13-15-22s0-18 2-27v-45c-1-10-2-20-1-30 2-9 1-17-1-25 1-16 3-33 0-49-2-20-1-40-1-60 10-3 15-12 20-19 4-8 4-20 15-21 13-6 19-20 30-29 9-4 18-9 26-16s20-4 30-7c9-3 18-11 24-19 5-9 11-18 13-29 2-9 14-10 21-12 13-2 27 1 38-7 7-9 13 5 23 2 8 1 15-3 21-8 6-4 10-16 17-7 7 3 14 1 22 1 6-1 9 8 16 5 9 2 16-4 25-3 8-1 16-3 25-2 10 1 17-6 27-5 10-1 21 1 30-4 7-6 16-8 25-6 11-1 12 10 18 15 8 8 5 19-4 24-7 7-16 11-15 22 0 11 1 23-4 33-6 5-15 7-18 15-5 7-1 17-1 26-1 10 4 19 3 28-3 13-3 26-5 39-2 8-8 19-3 28 6 8 13 17 6 26-2 12 6 22 11 32-2 6-10 5-12 11-7 1-15-12-25-6-8 4-17-2-25 0-8 3-17 4-22 12-10 0-9 14-19 14-6 6-16 2-24 2-7 3-14 16-23 8-10 0-18 6-28 7-8 3-13-11-23-5-8 4-18 0-28 0-11-3-18 7-22 15-10-1-17 6-25 9-5 6-13 5-15 13-7 3-18-4-21 7-9 1-13 13-7 19-5 5-15 6-18 14-3 11-2 22-8 32-3 8-15 8-23 6-8-1-18-4-25 3z"/> -<path class="forest" id="Narino" d="M214 1790c-10-3-17-10-28-9-10 2-12-11-21-15-1-7-3-16-11-18-9-2-17 4-23-5-8-3-15-9-24-11-7-3-11-13-16-19-8-5-5-18-15-21-5-1-16-4-8-9 7 0 17 6 25 1 6-8 15-3 23-5 9-3 7-15 9-23-3-7-5-16-10-22-7-1 0-14-6-17 6-8 8-19 17-24 7-2 11-6 18-2 9 3 13-8 19-8 12 4 17-7 26-10 6-9 17-5 25-8 5-2 7-7 14-7-2-8 4-14 9-19 7-4 10-14 10-23-7-9 4-15 9-22 11-2 6-16 14-21 8-3 17-9 17-19-1-8 9-11 14-15 5-6 14-10 12-18-1-8 12-5 14-13 7-1 15 7 23 4-1 11 13 16 8 27-8 3-14 14-24 13-6-1-10 0-8 7l-1 30c0 12-1 25 5 36 6 13 17 24 30 31 4 5 22 3 11 9-6 10-4 22-8 33-5 5-8 12-17 8-11-1-14 10-19 17-8 2-13 8-18 13 0 11-13 14-16 23-4 8-4 16-11 23-6 12-4 25-1 38 2 10-15 3-22 6-9 2-17 7-24 12-8 5-22 1-19 15-1 9 2 19-2 27z"/> -<path class="forest" id="Guainia" d="M1274 1675c-8-5-18-5-26-9-12-3-1-15-4-24 3-9 18-11 15-24 1-11-13-15-22-14-8 2-17 8-26 2-10-2-24 5-30-6-7-5-9-17-17-24-11-3 4-10 8-13 10-4 17-12 26-15 8-4 19-6 21-17 6-9 2-21 6-31 1-5 13-2 14-10 7-4 5-14 6-19 6-6 20 3 22-7 6-2 3-10 10-10 8-6 18-10 29-10 9-1 6-18 17-13 10 1 19 1 28-2 8 4 18 7 27 5 10-1 18-6 27-3 9-4 19-6 27-12 9 0 20 1 27-6 7-4 12-10 18-15 7-4 14-11 23-5 9 0 18-4 25 3 5 8 20 3 23-5 5-3 10 7 10 12 3 7 5 16 13 19 4 6 15 1 13 9v46c-7 5-15 10-20 18-6 7-15 10-22 16-7 5-12 13-10 22 1 11 11 16 20 14 5 6 17 0 18 11 5 8 17 10 14 22v41c-9 6-17 13-24 21-7 6-12 14-17 21-4 2-12 13-15 5-6-6-6-15-11-22-7-5-18-7-27-3-10 1-10 12-12 20 1 7 1 12-7 10h-120c-7 1-14-3-21-3-8-2-15-8-24-4-6 6-15 1-22 6z"/> -<path class="forest" id="Meta West" d="M728 1692c-10-2-16-12-23-19-8-4-15-9-24-10-9 4-16-4-23-9-6-6-10-14-9-23 1-10-3-19-5-28l-5-29c6-7 7-17 10-26 2-10-4-19-5-29-2-9-10-13-15-20-5-8-21-8-18-19 0-8 8-15 5-25-4-7-4-20 4-24 7-5 11-10 21-7 7 3 16 6 24 2 8-2 16-4 21-9 10-8 10-23 10-34 7 8 15 14 23 19 8 3 15 5 21 9 11-1 0 17 10 19 0 11 16 8 18 17 3 5 9 3 11 10 7 2 12 12 21 8 10 2 5 16 13 22 4 7 17 0 15 11 4 11 18 10 27 10 6 0 12-5 14-5-2 8 5 15 9 20 1 10 5 19 3 30-9 2-7 14-17 16-4 11-16 13-26 14-6 5-15 1-21 6-8 4-19-2-29-1-9-1-22-2-21 11-3 11-3 21-1 32 0 11-6 23-2 34 1 8 3 23-10 21-8 4-17 5-26 6z"/> -<path class="forest" id="Guaviare" d="M986 1813c-8-9-23-1-28-12-5-7-10-12-11-20-6-5-6-17-17-17-8-7-18-11-27-17-10-6-16 4-26 2-12 0-11 13-14 20-6 4-13 12-20 11-6-9-19-9-24-19-11-5-13-17-15-27-5-7-10-14-18-17-3-7-8-15-8-23 0-16-1-32 1-48 3-14 0-28 2-41 4-4 16 0 22-1 8-1 17 2 25-2 5-4 14 0 18-7 12 0 24-4 31-14 5 9 16 8 25 6 11-2 7-16 14-20 6-3 6-9 13-9 10-6 19-9 30-10 6-2 9-14 15-7 6 11 22 3 31 0 10 1 17-8 27-2 9 1 19-1 29-1 7 4 14-1 18-4 7 8 15 0 23 3 8-1 14 8 23 6 8-1 15 1 22 4 9 2 18 1 25-4 4 2-8 6-11 8-10 5-19 13-20 24-2 9 5 11 12 13 7 7 9 18 16 24 6 5 10 12 19 9s17-1 26 1c9 0 19 1 26-4 7 4-9 7-9 13l-26 10c-11-2-19 6-29 8-17 3-35-2-51 6-9 3-11 15-22 13-9 4-17 12-23 20-7 9-16 16-24 24-4 7-11 14-11 23 1 9-1 18-7 25-8 5-10 16-20 14-7 6-9 16-16 23-6 5-12 8-16 16z"/> -<path class="forest" id="Vaupes" d="M1318 2055c-9 1-5-12-14-14-7-10-17 1-25-2-8 3-4-11-13-10-9 2-23-2-28 7 0 6-5-1-9-1 9-9-1-20 2-29 0-9 2-20-4-28-2-10-15-11-24-13-5-4-6-13-15-12-9-3-18-4-26-9-7-6-17 9-17-2-2-7-6-14-5-22 0-7-7-13-14-14-11 0-15-12-25-14-10 1-17-5-24-10-10-2-20 1-28-6-9-4-16-8-23-16-5-7-10-16-18-19 1-8-7-10-12-11 1-10 10-16 17-22 9-5 8-18 18-21 9-2 13-12 19-18 7-8 11-20 9-30 3-8 9-13 13-20 7-5 12-12 19-19 6-8 13-17 24-19 11 0 12-13 23-15 9-5 18 1 27-1 8-3 18-2 26-6 9-6 22-2 31-8 5-3 10-2 4 3-4 9 3 19 11 24 7 7 19 4 26 10 4 6 1 16 2 23 0 21 0 42 2 64 4 11 18 3 26 4 12-1 24 3 36 3 6 5 20-3 17 9v23c-7-2-10-11-19-11-8 0-15 4-20 8-9 0-18 3-25 8-11 6-24 0-36 4-14 5-6 20-7 31 0 17-5 34-2 51 0 11-2 22 2 33 4 9 13 13 15 23 5 6 18-1 20 9 2 11 14 11 22 14 6 6 3 14-1 20-3 9 1 18 9 22 4 6 5 14 12 18 6 2 3 6 2 11z"/> -<path class="forest" id="Putumayo" d="M912 1993c-9-3-10-17-22-13-8-2-17 8-23-2-7-5-19-4-25 2-7 13-16-4-24-7-10-3-20 1-29 1-6-5-11-8-16-14-9-4-20-2-30-2-11 0-20 8-31 9-11 4-22 10-33 12-5-9-16-6-20-16-7-4-13-7-11-16v-31h-58c-7-6-17-12-27-11-9-3-9 14-16 6-8-3-17-4-21-11-8-5-18-2-27-5-9-1-15-8-22-13-8-4-10-17-20-22-8-2-11-11-20-10-10 0-19-5-29-2-7 1-18 0-16 11 2 9-7 15-14 8-9-4-19-5-27 0-8-1-19-1-24-8-6-7-17-7-25-4l-24-7c-5-1-7-10 1-7 9 3 16-4 25-7 7-4 12-11 19-14 11 0 21 5 33 2 8-3 17 1 25-1l24-3c8-4 18 0 26-4 11-1 20-7 31-8 9-4 22-1 28-11 8-7 3-18 6-27 5-9 1-19 5-27 3-12 17-9 23-17 5-8 17-8 22-15 3-8 6-20-3-26-4-5-1-17 6-20 6-8 18-8 25-16 9-7 12-16 15-26 4-6 5-14 8-20 10-2 21-4 28-12 5 4 2 16 4 23 3 8 8 16 6 25-3 9 4 15 7 23 4 9 15 10 21 17 9 5 20-1 28 6 9 7 17 16 27 22 10 4 20 0 30-1 7 0 17-9 16 2 3 8 6 16 11 23 8 5 17 11 18 21 0 13 11 19 19 27 8 6 17 10 25 17 7 4 20 5 24-5 9-4 20-11 18-23 4-5 15-3 19-4 5 8 16 7 22 14 9 2 11 12 16 18 0 8 9 13 12 21 6 9 19 4 26 9 12 2 3 21 17 20 6 2 2 16 13 14 7 2 6 15 15 17 5 8 15 10 23 15 11 5-8 13-10 20-4 9-13 14-19 21-4 4-8 9-14 8h-15c-6 5-11 11-19 14-3 9-13 14-14 24 1 4 1 13-5 6-10-7-23 0-31 7-1 1-2 4-3 3z"/> -<path class="forest" id="Amazonas" d="M1255 2451c-8-5-11-13-14-21-7-5-10-13-18-18-3-10-15-8-24-8-7 3-15 12-22 3-3-5 7-13 10-19 4-7 9-12 12-20 5-8 7-17 13-23l16-24c3-6 7-11 13-17 4-6 5-14 11-19 4-8 5-19 2-28-7-6-18 1-21-10-7-5-11-12-18-15-8-2-16 3-21-5-7-6-17 0-21-9-7-6-13-14-23-15-3-11-16-7-24-7-10 1-14 11-24 12-5 7-18 5-24 6-6-7-15-8-21-15-9-2-20-1-27-8-9-4-17 3-24 7-6 5-6 14-15 17-10-2-17 6-24 10-8-3-12 7-19 4-5-4-15-2-22-3-8 1-17-7-26-2-6 6-18 1-25 7-4-10-15-12-23-14-8-8 5-16 2-25v-32l-17-18c-8-6-17 3-24 4-6 1-5-8-11-8 4-9 3-20-2-28-3-10-7-19-14-26-6-9-16-11-25-15-7 0-9-1-11-8-4-9-18-4-21-14-3-8-13-4-20-7-12 1-15-11-14-20-3-7-9-12-9-21-6-10 12-7 17-12 9-3 17-8 27-9 9-5 18-6 28-7 8 0 9 10 17 12 6 8 18 6 27 5 10-7 14 7 22 10 8 1 19 3 26-2 3-7 8-8 11-1 8 5 18 4 26 0 7-3 8 11 16 11 7 4 18 5 23-3 7-11 16-2 26-3 9 1 16-9 14-17 0-8 9-12 12-19 8-4 14-15 24-9 11 0 19-10 27-17 6-8 16-12 19-22 7-6 12-19 23-19 6 5 13 11 22 9 9 0 14 13 24 13 13 0 1 14 10 20 5 7 4 21 15 22 8 2 15-4 22 1 9 3 22 2 26 13 4 10 18 2 22 11 9 7 2 16 0 25 1 8 8 13 2 20-4 11 5 17 13 21 4 9 18 9 24 3 3-5 1-13 8-10-2 12 12 10 20 11 5 2 11 0 15-2 6 6 5 17 16 15 8 2 19 0 15 11 1 9-7 16-8 25l-9 51c-3 15-4 29-8 44-1 14-3 28-8 41-5 7-4 17-5 26-2 16-5 33-9 49-2 17-3 34-8 50l-7 33c-1 8-4 16-4 24z"/> -<path class="foreign" id="Panama" d="M211 926c-5-7-9-14-17-18-7-7-8-18-17-24-3-8-5-17-11-25-4-5-12-14-1-15 8-3 15-10 15-19-1-7-3-13 6-13 5 7 13 10 21 11 10 3 20-2 19-13 0-13-16-9-22-18-4-9-10-20-22-21-6-4-15-4-21-3-4-8-18-2-18-14-4-10-14-14-23-19-5-7-16-4-19-13-4-6-7-12-15-13-8-3-14-10-22-12-14-5-29-3-43-5-6-2-20 6-18-3v-47c10-2 20 1 30 4 10 1 25-4 23 11 11 0 21 2 31 4 11 0 23-1 34 1 10 3 21 4 30 12 11 5 22 9 33 10 8 3 15 6 19 13l19 17c4 6 7 13 13 18 4 7 10 12 18 15 2 7 8 15 12 19-9 6-5 20 1 27 12 2 6 16 12 22 8 5 13 12 15 22 0 5 5 10-3 11-6 7-16 12-16 22-2 6 6 13-3 11-5 1-8 13-11 5-8-3-10-12-17-16-9-2-18 2-20 11-3 7-2 16 2 21-10 3-13 15-14 24z"/> -<path class="foreign" id="Ecuador" d="M3 1848v-68c9-2 18-5 27-5 10 0 16-12 24-11 12 5 15-9 23-13 6 0 7-14 11-5 9 6 20 9 30 15 10 3 8 14 15 21 6 6 17 0 23 5 6 8 13 15 24 15 10-1 15 7 25 9 10 1 18 4 22 14 6 8 15 12 24 17 7 7 3 21 14 25l29 8c9 0 18-3 24 6 9 2 17 6 27 7 9 2 18-1 27-1 8 5 18 5 27 2 10 0 15-10 13-19 10-5 21 0 30 6 8 4 11 12 16 18l21 17c4 2 16 6 6 5H3Z"/> -</svg> - -<div id="cities"> - -<div id="Bogota" class="box city" style="top:1266px;left:684px;width:141px;height:140px"></div> -<div id="Cali" class="box city" style="top:1434px;left:328px;width:126px;height:126px"></div> -<div id="Medellin" class="box city" style="top:1003px;left:450px;width:126px;height:125px"></div> -<div id="Bucaramanga" class="box city" style="top:920px;left:779px;width:120px;height:120px"></div> -<div id="Cartagena" class="box city" style="top:457px;left:445px;width:110px;height:110px"></div> -<div id="Cucuta" class="box city" style="top:809px;left:896px;width:110px;height:110px"></div> -<div id="Ibague" class="box city" style="top:1219px;left:447px;width:120px;height:119px"></div> -<div id="Neiva" class="box city" style="top:1488px;left:534px;width:110px;height:109px"></div> -<div id="Pasto" class="box city" style="top:1728px;left:219px;width:110px;height:110px"></div> -<div id="Santa Marta" class="box city" style="top:376px;left:622px;width:120px;height:119px"></div> -<div id="Sincelejo" class="box city" style="top:653px;left:459px;width:110px;height:110px"></div> + <div id="map"> + <svg id="svgmap" width="1650" height="2550" viewBox="0 0 1650 2550"> + <path class="mountain" id="Cesar" d="M824 725c-7-2-6-15-18-10-5 2-17-2-15-8 2-9 11-14 10-24 3-10-7-17-11-26l-15-29c-3-7-11-14-10-22 4-10-2-23-14-24-7-2-11-11-15-18-5-8-10-17-17-24-2-9-6-17-13-22-1-8-6-21 5-23 8-4 16-12 22-19 6-6 9-14 12-22 2-11 2-22 1-33 7 4 15 7 24 6 16 0 33 1 49-2 6-5 15-1 20-7 6-7 13-11 20-16 6-8 16-9 23-13 7-5 10-15 19-16 8-7 19-8 29-12 9-3 19-2 25-10 8-4 16-7 20-15 4-9 10-17 11-28 1-4 0-14 2-5 5 8 18 9 24 2 8-3 10-13 9-19 10 2 16-8 25-11 8-7 17 4 25 5 6 2 15 4 18 9l13 22c-3 7-14 10-19 17-8 4-5 19-15 20-7 4-15 8-24 7l-27 7c-7 2-15 4-21 9-6 9-21 6-24 19-5 9-11 18-15 29-1 4-10 6-14 9-9-3-19 0-24 9-5 7-7 15-12 22-9 2-11 12-14 20l-11 22c-6 9-15 15-18 24-2 12 0 25-6 35-6 9-1 20-4 30-5 6 0 15 1 20-8 5-13 15-12 24-6 5-12 10-15 17-3 8-6 17-12 24-7 5-16 14-12 23 3 10 14 9 22 8 5 1 16-4 9 4 1 7-5 13-11 15z"/> + <path class="forest" id="Atlantico" d="M704 714c-9 1-16-7-23-11l-20-13c-4-8-11-11-20-13-9-4-16-11-24-16-5-5-11-8-18-11-6-6-15-8-23-4-9 4-17 9-25 15-6 1-13-8-20-9 5-9-5-18-3-25 8-7 6-21-1-29 5-8 13-17 6-27 0-8 2-13 10-12 7 0-1-11 6-12 5-11 9-22 9-34-1-9 1-16 10-18 7-5 11-12 21-10 11 1 16-9 18-19 3-5 8-18 13-15 2 10 8 19 14 27 6 6 13 11 20 15s15 4 24 5c3 6 0 15 3 22 2 9 2 17 5 25 5 7 15 9 18 19 4 7 9 12 12 20 8 8 11 18 14 28 8 7 16 15 20 25l15 27c5 9 1 20 2 30-1 12-14 3-22 5-14 0-27 7-39 15z"/> + <path class="forest" id="Choco" d="M406 1433c-10-3-20-1-30-1 2-6 13-10 11-19 2-10-7-19-16-20-8 0-16 3-23-3-6-5-17 5-21-1-1-9-13-12-21-11-8-2-14 13-18 2-10-2-10-15-13-21 1-8-1-15 7-19 2-9 9-16 8-25 1-9 6-17 4-27 5-8 0-17-5-24-2-9-2-19-3-29-2-11 1-21 1-32-3-7-1-17-8-23-3-4-10-11-1-11 11 1 21-6 25-16 3-8 1-18-3-25l-11-23c-3-6-16-15-13-20 12-3 11-19 13-28 0-12 7-26-4-34-2-9-11-16-20-14-1-8-7-16-14-21-1-6 2-22-9-28-8-4-22-13-12-22 7-5-2-19 10-18 6-2 4-14 10-7 10 5 22 1 27-8 5-6 13-7 18-13 9-7 2-19 5-25 9-5 21-9 21-21 0-9-10-12-9-21-3-9-7-18-14-25-3-4-4-19 2-9 8 3 12 9 16 17 3 6 12 9 15 13 4 10 6 19 6 29 0 12 14 15 24 14 9 0 14-9 14-17 2-10-3-19-3-29 0-9 1-19-1-28-4-7-7-16-15-19 10-5 24-5 32-14 3-9 15-8 19-16 6-5 12-9 19-11 10-5 12-15 18-24 6-4 7-19 12-19 0 10-2 19-1 28-1 9 4 18 8 24 6 6 7 15 16 19 8 2 16 8 26 8 10 1-2 13 1 20 0 8-4 16-3 25-1 10 6 20 15 24 10 3 17 15 28 10 7-4 20 10 10 13s-13 15-10 24c5 7-8 13-4 22 3 10-3 19-4 29-2 8-5 15-10 22-1 8 2 17-2 25-4 5-3 19-9 19-9-2-17 1-24 3-11 3-20 9-28 16-7 2-20-1-16 11-2 13 0 27-2 40-1 11 1 22 8 30 3 7 9 12 15 17 6 6 13 10 21 12 9 2 14 6 13 16 3 10-14 13-12 24-2 9 8 15 7 23-8 7 3 20-4 25-9 3-19 5-26 11-5 6-13 8-21 7-9 5 0 20-3 29-3 11-3 21 1 32 2 9 6 18 2 27-9 5 0 25-15 21-9-1-19 8-18 18s8 18-1 26c-4 8 2 16 0 24 0 8-2 17-8 22z"/> + <path class="mountain" id="Antioquia" d="M545 1225c-7-7-22-8-28-13 8-6 1-15 2-23 7-6 15-14 11-25-2-8-12-13-4-21-2-14 13-12 21-18 7-5 15-10 20-18 7-8 11-18 13-29 2-16-1-32-7-47-6-8-12-16-20-22-11-4-5-12-2-20 1-9 6-16 9-24 2-7-2-15 2-23 2-9 3-19 8-27 9-5 4-18 8-24 9-6 6-18 7-26-1-11 2-22-4-32-7-7-16-11-25-14-7-8-17-6-25-9-4-6 4-16 7-23s1-16 6-23c4-6 13-7 15-15 14-12 16-31 15-48 0-7-6-15 4-16 8-6 15-2 21 4 7 7 19 9 24 17 3 11 15 9 23 13l30 19c8 4 12 12 21 13 10 2 17-5 24-9 10-3 23-17 32-8 3 11 1 22 4 33-1 8-7 18-1 27 7 6 4 17 3 25-3 9-2 18 4 25 5 7 6 19 5 27-2 9-1 18 4 25 1 12 11 19 22 20 8 1 17 7 6 12-5 9-19 4-23 10l-3 35c-8 3-15 8-23 10-9 5-4 18-14 23l-19 22c-4 9-18 6-20 18 0 11-9 18-18 20-10 2-22 2-28 11l-12 20c-3 9 2 19-3 28-3 8-2 19-8 25-9 6-5 18-6 27s-3 19-7 27c-6 7-16 10-25 11-10 2-22-2-31 6-4 2-10 4-15 4z"/> + <path class="mountain" id="Santander" d="M832 1302c-12 2-15-11-22-18-9-7-17-15-28-18-7-3-15-4-23-5-13-1-27 2-39 7-7 0-13 15-16 3-7-6-16-8-22-16-5-5-6-14-13-17-9-2-18-9-22-17-2-8-5-15 0-23 2-7 2-16 9-21 5-9 1-20 5-30 2-10 4-20 8-30 8-5 2-18 10-21 11-5 24-7 32-17 5-8 19-7 21-17 0-11 12-17 17-25 5-7 12-12 16-20 5-2 11-5 14-8l18 20c12 13 30 17 47 16 8 0 16-4 24-6 8-5 17-12 23-20 6-6 7-16 12-23 1-14 3-30-4-43-4-7-7-15-14-20-5-5-12-10-19-12-7-7-20-3-27-8-8-11-19-21-32-23-11-3 1-20-10-25-4-6-3-17-3-24 6-8 4-19-3-26-4-9-5-22 0-31 1-10-9-15-7-26-1-4-2-19 3-9 2 13 14 5 22 8 13 2 27 1 38-5 9-5 14-15 23-19 10-6 12 11 16 17 8 7 9 19 15 28 6 8 3 20 11 27 5 3 9 10 1 11-6 9-23-1-19 13l-4 33c-1 19 8 39 24 51 3 3 11 5 8 12 0 9-1 18 6 25 7 5 10 13 20 16 7 3 15 8 21 13 6 6 13 13 8 22-5 8-8 16-10 26-4 8-13 15-11 25 0 9-14 3-15 13-4 10-17 9-20 19-2 9-5 21-1 30 8 3 9 17-1 17-8 5-9 21 1 23 4 2 7 7 13 7 7 4 6 17-2 18-7 5-10 15-11 22-8 4-12 12-18 16-6 7-3 18-10 24-4 9-9 17-18 21-10 7-3 20-10 28-5 7-15 0-21 5-4 2-6 6-11 7z"/> + <path class="grassland" id="Arauca" d="M1078 1267c-9 0-14-7-17-14-7-6-17-11-27-11-7-3-11-10-17-15-7-6-13-15-23-14-6 1-14 4-16-4-5-3-7-11-13-13-2-9-11-14-12-22v-16c-6-5-11-11-19-14-6-3 8-2 5-9 1-10 3-22-5-30-4-9 3-18 11-22 9-3 9-14 19-15 9-5 4-18 10-25 8-5 6-15 9-22 6-6 5-16 11-21 4-8 14-1 21-2l40 3c9-3 18-4 28-6l50-4c8 2 17 5 25 3 8-1 10-11 17-10 7 5 16 10 25 10 8 6 19 9 29 6 11-3 14 10 21 16 7 7 11 17 19 24 7 3 11 10 15 15 5 9 8 19 16 26 6 7 16 11 20 20-8 2-16 5-24 5-9 2-19-2-25 5-8 1-13 7-13 15-3 10-8 18-13 26-6 7-13 15-23 15-12 1-23 4-32 11l-28 16c-7 9-13 21-24 26-9 3-17 8-15 18-3 12-14 19-24 22-7 3-13 10-21 7z"/> + <path class="mountain" id="Huila" d="M345 1803c-7-3-16 0-11-12 0-9 1-20-3-29-3-6-5-13-10-18-5-7-14-10-17-17-2-11-7-21-5-32 9-9 8-23 17-30 10-4 8-20 19-22l22 1c8-6 9-17 15-23 5-8 14-13 15-22-1-8-2-19 6-24 5-12 18-11 28-17 14-5 22-17 30-28 5-9 8-20 7-30 0-19-5-39-19-52-8-7-8-15-6-25 1-9 3-17 6-26-1-9 1-18 12-20 8-6 2-18 9-26 1-8 10-11 7-20 8 5 16 10 26 12 14 2 30 1 43-6a64 64 0 0 0 35-53c1-10 1-21-4-30-5-12 16-3 23-10 8-4 20-7 28-1 9 0 15 3 20 10 6 7 8 18 19 20 9 4 15 12 19 21 9 7 2 20 4 30 0 12 1 25-5 36-4 11-2 24-7 35-6 3-16-2-23 4-10 2-19-3-28-6-10-1-24 2-25 14 1 11-2 21-3 31 1 10-9 17-6 27 4 8 4 20-8 19-8 2-15 5-22 10-4 9-19 3-22 10-1 18-3 36-1 53 2 9 6 16 12 23 5 7 12 13 19 17 8 1 14 6 8 14-1 10-5 17-13 22-8 6-19 8-25 16-8 5-9 15-10 24s-11 14-10 24c3 11-7 13-16 16-7 3-12 10-15 18-7 7 0 18-3 25-6 7-4 17-8 24-9 5-18 7-27 9-10 6-21 6-31 7-10 3-21 2-31 5-10 2-20-2-30 1-1 2-3 1-5 1z"/> + <path class="grassland" id="Meta East" d="M908 1553c-10-4-4-17-8-26-1-10-6-19-12-26-1-10-6-23-18-22-10-4-14 10-21 8-4-8-3-18-8-26-9-8-22-4-30-14-9-2-17-7-25-12-4-10-21-10-20-22 3-6 14-2 19-8 9-3 16-8 22-14 7-9 14-16 17-26 2-10 6-18 5-28-1-8 1-14 10-12 9 1 21 4 27-5 8-3 14-8 20-14 4-8 10-12 16-17 6-6 2-15 6-22s8-17 13-22c12-3 6-19 15-24 8-1 16-1 23-7 7 1 12 19 23 15s18 4 25 11c8 6 12 17 23 17 9 0 20 2 20 13 6 5 12 11 20 11 10 1 20 2 29-3-1 11 3 21 0 32-1 11 0 23 3 34 1 14-2 28-1 42v100c-2 10-1 22 0 32 2 8-12 4-15 1-10-5-16 7-26 7-12-1-25 2-37-4-4-7-14-2-16 5-10 0-21 10-29 0-7-2-15-1-22-1-1 14-16 7-22 14-7 6-16 7-24 11-1 0-1 3-2 2z"/> + <path class="grassland" id="Vichada" d="M1153 1535c-7-2-17-14-24-5-12 2-14-13-15-22s0-18 2-27v-45c-1-10-2-20-1-30 2-9 1-17-1-25 1-16 3-33 0-49-2-20-1-40-1-60 10-3 15-12 20-19 4-8 4-20 15-21 13-6 19-20 30-29 9-4 18-9 26-16s20-4 30-7c9-3 18-11 24-19 5-9 11-18 13-29 2-9 14-10 21-12 13-2 27 1 38-7 7-9 13 5 23 2 8 1 15-3 21-8 6-4 10-16 17-7 7 3 14 1 22 1 6-1 9 8 16 5 9 2 16-4 25-3 8-1 16-3 25-2 10 1 17-6 27-5 10-1 21 1 30-4 7-6 16-8 25-6 11-1 12 10 18 15 8 8 5 19-4 24-7 7-16 11-15 22 0 11 1 23-4 33-6 5-15 7-18 15-5 7-1 17-1 26-1 10 4 19 3 28-3 13-3 26-5 39-2 8-8 19-3 28 6 8 13 17 6 26-2 12 6 22 11 32-2 6-10 5-12 11-7 1-15-12-25-6-8 4-17-2-25 0-8 3-17 4-22 12-10 0-9 14-19 14-6 6-16 2-24 2-7 3-14 16-23 8-10 0-18 6-28 7-8 3-13-11-23-5-8 4-18 0-28 0-11-3-18 7-22 15-10-1-17 6-25 9-5 6-13 5-15 13-7 3-18-4-21 7-9 1-13 13-7 19-5 5-15 6-18 14-3 11-2 22-8 32-3 8-15 8-23 6-8-1-18-4-25 3z"/> + <path class="forest" id="Narino" d="M214 1790c-10-3-17-10-28-9-10 2-12-11-21-15-1-7-3-16-11-18-9-2-17 4-23-5-8-3-15-9-24-11-7-3-11-13-16-19-8-5-5-18-15-21-5-1-16-4-8-9 7 0 17 6 25 1 6-8 15-3 23-5 9-3 7-15 9-23-3-7-5-16-10-22-7-1 0-14-6-17 6-8 8-19 17-24 7-2 11-6 18-2 9 3 13-8 19-8 12 4 17-7 26-10 6-9 17-5 25-8 5-2 7-7 14-7-2-8 4-14 9-19 7-4 10-14 10-23-7-9 4-15 9-22 11-2 6-16 14-21 8-3 17-9 17-19-1-8 9-11 14-15 5-6 14-10 12-18-1-8 12-5 14-13 7-1 15 7 23 4-1 11 13 16 8 27-8 3-14 14-24 13-6-1-10 0-8 7l-1 30c0 12-1 25 5 36 6 13 17 24 30 31 4 5 22 3 11 9-6 10-4 22-8 33-5 5-8 12-17 8-11-1-14 10-19 17-8 2-13 8-18 13 0 11-13 14-16 23-4 8-4 16-11 23-6 12-4 25-1 38 2 10-15 3-22 6-9 2-17 7-24 12-8 5-22 1-19 15-1 9 2 19-2 27z"/> + <path class="forest" id="Guainia" d="M1274 1675c-8-5-18-5-26-9-12-3-1-15-4-24 3-9 18-11 15-24 1-11-13-15-22-14-8 2-17 8-26 2-10-2-24 5-30-6-7-5-9-17-17-24-11-3 4-10 8-13 10-4 17-12 26-15 8-4 19-6 21-17 6-9 2-21 6-31 1-5 13-2 14-10 7-4 5-14 6-19 6-6 20 3 22-7 6-2 3-10 10-10 8-6 18-10 29-10 9-1 6-18 17-13 10 1 19 1 28-2 8 4 18 7 27 5 10-1 18-6 27-3 9-4 19-6 27-12 9 0 20 1 27-6 7-4 12-10 18-15 7-4 14-11 23-5 9 0 18-4 25 3 5 8 20 3 23-5 5-3 10 7 10 12 3 7 5 16 13 19 4 6 15 1 13 9v46c-7 5-15 10-20 18-6 7-15 10-22 16-7 5-12 13-10 22 1 11 11 16 20 14 5 6 17 0 18 11 5 8 17 10 14 22v41c-9 6-17 13-24 21-7 6-12 14-17 21-4 2-12 13-15 5-6-6-6-15-11-22-7-5-18-7-27-3-10 1-10 12-12 20 1 7 1 12-7 10h-120c-7 1-14-3-21-3-8-2-15-8-24-4-6 6-15 1-22 6z"/> + <path class="forest" id="Meta West" d="M728 1692c-10-2-16-12-23-19-8-4-15-9-24-10-9 4-16-4-23-9-6-6-10-14-9-23 1-10-3-19-5-28l-5-29c6-7 7-17 10-26 2-10-4-19-5-29-2-9-10-13-15-20-5-8-21-8-18-19 0-8 8-15 5-25-4-7-4-20 4-24 7-5 11-10 21-7 7 3 16 6 24 2 8-2 16-4 21-9 10-8 10-23 10-34 7 8 15 14 23 19 8 3 15 5 21 9 11-1 0 17 10 19 0 11 16 8 18 17 3 5 9 3 11 10 7 2 12 12 21 8 10 2 5 16 13 22 4 7 17 0 15 11 4 11 18 10 27 10 6 0 12-5 14-5-2 8 5 15 9 20 1 10 5 19 3 30-9 2-7 14-17 16-4 11-16 13-26 14-6 5-15 1-21 6-8 4-19-2-29-1-9-1-22-2-21 11-3 11-3 21-1 32 0 11-6 23-2 34 1 8 3 23-10 21-8 4-17 5-26 6z"/> + <path class="forest" id="Guaviare" d="M986 1813c-8-9-23-1-28-12-5-7-10-12-11-20-6-5-6-17-17-17-8-7-18-11-27-17-10-6-16 4-26 2-12 0-11 13-14 20-6 4-13 12-20 11-6-9-19-9-24-19-11-5-13-17-15-27-5-7-10-14-18-17-3-7-8-15-8-23 0-16-1-32 1-48 3-14 0-28 2-41 4-4 16 0 22-1 8-1 17 2 25-2 5-4 14 0 18-7 12 0 24-4 31-14 5 9 16 8 25 6 11-2 7-16 14-20 6-3 6-9 13-9 10-6 19-9 30-10 6-2 9-14 15-7 6 11 22 3 31 0 10 1 17-8 27-2 9 1 19-1 29-1 7 4 14-1 18-4 7 8 15 0 23 3 8-1 14 8 23 6 8-1 15 1 22 4 9 2 18 1 25-4 4 2-8 6-11 8-10 5-19 13-20 24-2 9 5 11 12 13 7 7 9 18 16 24 6 5 10 12 19 9s17-1 26 1c9 0 19 1 26-4 7 4-9 7-9 13l-26 10c-11-2-19 6-29 8-17 3-35-2-51 6-9 3-11 15-22 13-9 4-17 12-23 20-7 9-16 16-24 24-4 7-11 14-11 23 1 9-1 18-7 25-8 5-10 16-20 14-7 6-9 16-16 23-6 5-12 8-16 16z"/> + <path class="forest" id="Vaupes" d="M1318 2055c-9 1-5-12-14-14-7-10-17 1-25-2-8 3-4-11-13-10-9 2-23-2-28 7 0 6-5-1-9-1 9-9-1-20 2-29 0-9 2-20-4-28-2-10-15-11-24-13-5-4-6-13-15-12-9-3-18-4-26-9-7-6-17 9-17-2-2-7-6-14-5-22 0-7-7-13-14-14-11 0-15-12-25-14-10 1-17-5-24-10-10-2-20 1-28-6-9-4-16-8-23-16-5-7-10-16-18-19 1-8-7-10-12-11 1-10 10-16 17-22 9-5 8-18 18-21 9-2 13-12 19-18 7-8 11-20 9-30 3-8 9-13 13-20 7-5 12-12 19-19 6-8 13-17 24-19 11 0 12-13 23-15 9-5 18 1 27-1 8-3 18-2 26-6 9-6 22-2 31-8 5-3 10-2 4 3-4 9 3 19 11 24 7 7 19 4 26 10 4 6 1 16 2 23 0 21 0 42 2 64 4 11 18 3 26 4 12-1 24 3 36 3 6 5 20-3 17 9v23c-7-2-10-11-19-11-8 0-15 4-20 8-9 0-18 3-25 8-11 6-24 0-36 4-14 5-6 20-7 31 0 17-5 34-2 51 0 11-2 22 2 33 4 9 13 13 15 23 5 6 18-1 20 9 2 11 14 11 22 14 6 6 3 14-1 20-3 9 1 18 9 22 4 6 5 14 12 18 6 2 3 6 2 11z"/> + <path class="forest" id="Putumayo" d="M912 1993c-9-3-10-17-22-13-8-2-17 8-23-2-7-5-19-4-25 2-7 13-16-4-24-7-10-3-20 1-29 1-6-5-11-8-16-14-9-4-20-2-30-2-11 0-20 8-31 9-11 4-22 10-33 12-5-9-16-6-20-16-7-4-13-7-11-16v-31h-58c-7-6-17-12-27-11-9-3-9 14-16 6-8-3-17-4-21-11-8-5-18-2-27-5-9-1-15-8-22-13-8-4-10-17-20-22-8-2-11-11-20-10-10 0-19-5-29-2-7 1-18 0-16 11 2 9-7 15-14 8-9-4-19-5-27 0-8-1-19-1-24-8-6-7-17-7-25-4l-24-7c-5-1-7-10 1-7 9 3 16-4 25-7 7-4 12-11 19-14 11 0 21 5 33 2 8-3 17 1 25-1l24-3c8-4 18 0 26-4 11-1 20-7 31-8 9-4 22-1 28-11 8-7 3-18 6-27 5-9 1-19 5-27 3-12 17-9 23-17 5-8 17-8 22-15 3-8 6-20-3-26-4-5-1-17 6-20 6-8 18-8 25-16 9-7 12-16 15-26 4-6 5-14 8-20 10-2 21-4 28-12 5 4 2 16 4 23 3 8 8 16 6 25-3 9 4 15 7 23 4 9 15 10 21 17 9 5 20-1 28 6 9 7 17 16 27 22 10 4 20 0 30-1 7 0 17-9 16 2 3 8 6 16 11 23 8 5 17 11 18 21 0 13 11 19 19 27 8 6 17 10 25 17 7 4 20 5 24-5 9-4 20-11 18-23 4-5 15-3 19-4 5 8 16 7 22 14 9 2 11 12 16 18 0 8 9 13 12 21 6 9 19 4 26 9 12 2 3 21 17 20 6 2 2 16 13 14 7 2 6 15 15 17 5 8 15 10 23 15 11 5-8 13-10 20-4 9-13 14-19 21-4 4-8 9-14 8h-15c-6 5-11 11-19 14-3 9-13 14-14 24 1 4 1 13-5 6-10-7-23 0-31 7-1 1-2 4-3 3z"/> + <path class="forest" id="Amazonas" d="M1255 2451c-8-5-11-13-14-21-7-5-10-13-18-18-3-10-15-8-24-8-7 3-15 12-22 3-3-5 7-13 10-19 4-7 9-12 12-20 5-8 7-17 13-23l16-24c3-6 7-11 13-17 4-6 5-14 11-19 4-8 5-19 2-28-7-6-18 1-21-10-7-5-11-12-18-15-8-2-16 3-21-5-7-6-17 0-21-9-7-6-13-14-23-15-3-11-16-7-24-7-10 1-14 11-24 12-5 7-18 5-24 6-6-7-15-8-21-15-9-2-20-1-27-8-9-4-17 3-24 7-6 5-6 14-15 17-10-2-17 6-24 10-8-3-12 7-19 4-5-4-15-2-22-3-8 1-17-7-26-2-6 6-18 1-25 7-4-10-15-12-23-14-8-8 5-16 2-25v-32l-17-18c-8-6-17 3-24 4-6 1-5-8-11-8 4-9 3-20-2-28-3-10-7-19-14-26-6-9-16-11-25-15-7 0-9-1-11-8-4-9-18-4-21-14-3-8-13-4-20-7-12 1-15-11-14-20-3-7-9-12-9-21-6-10 12-7 17-12 9-3 17-8 27-9 9-5 18-6 28-7 8 0 9 10 17 12 6 8 18 6 27 5 10-7 14 7 22 10 8 1 19 3 26-2 3-7 8-8 11-1 8 5 18 4 26 0 7-3 8 11 16 11 7 4 18 5 23-3 7-11 16-2 26-3 9 1 16-9 14-17 0-8 9-12 12-19 8-4 14-15 24-9 11 0 19-10 27-17 6-8 16-12 19-22 7-6 12-19 23-19 6 5 13 11 22 9 9 0 14 13 24 13 13 0 1 14 10 20 5 7 4 21 15 22 8 2 15-4 22 1 9 3 22 2 26 13 4 10 18 2 22 11 9 7 2 16 0 25 1 8 8 13 2 20-4 11 5 17 13 21 4 9 18 9 24 3 3-5 1-13 8-10-2 12 12 10 20 11 5 2 11 0 15-2 6 6 5 17 16 15 8 2 19 0 15 11 1 9-7 16-8 25l-9 51c-3 15-4 29-8 44-1 14-3 28-8 41-5 7-4 17-5 26-2 16-5 33-9 49-2 17-3 34-8 50l-7 33c-1 8-4 16-4 24z"/> + <path class="foreign" id="Panama" d="M211 926c-5-7-9-14-17-18-7-7-8-18-17-24-3-8-5-17-11-25-4-5-12-14-1-15 8-3 15-10 15-19-1-7-3-13 6-13 5 7 13 10 21 11 10 3 20-2 19-13 0-13-16-9-22-18-4-9-10-20-22-21-6-4-15-4-21-3-4-8-18-2-18-14-4-10-14-14-23-19-5-7-16-4-19-13-4-6-7-12-15-13-8-3-14-10-22-12-14-5-29-3-43-5-6-2-20 6-18-3v-47c10-2 20 1 30 4 10 1 25-4 23 11 11 0 21 2 31 4 11 0 23-1 34 1 10 3 21 4 30 12 11 5 22 9 33 10 8 3 15 6 19 13l19 17c4 6 7 13 13 18 4 7 10 12 18 15 2 7 8 15 12 19-9 6-5 20 1 27 12 2 6 16 12 22 8 5 13 12 15 22 0 5 5 10-3 11-6 7-16 12-16 22-2 6 6 13-3 11-5 1-8 13-11 5-8-3-10-12-17-16-9-2-18 2-20 11-3 7-2 16 2 21-10 3-13 15-14 24z"/> + <path class="foreign" id="Ecuador" d="M3 1848v-68c9-2 18-5 27-5 10 0 16-12 24-11 12 5 15-9 23-13 6 0 7-14 11-5 9 6 20 9 30 15 10 3 8 14 15 21 6 6 17 0 23 5 6 8 13 15 24 15 10-1 15 7 25 9 10 1 18 4 22 14 6 8 15 12 24 17 7 7 3 21 14 25l29 8c9 0 18-3 24 6 9 2 17 6 27 7 9 2 18-1 27-1 8 5 18 5 27 2 10 0 15-10 13-19 10-5 21 0 30 6 8 4 11 12 16 18l21 17c4 2 16 6 6 5H3Z"/> + </svg> + + <div id="cities"> + <div id="Bogota" class="box city" style="top:1266px;left:684px;width:141px;height:140px"></div> + <div id="Cali" class="box city" style="top:1434px;left:328px;width:126px;height:126px"></div> + <div id="Medellin" class="box city" style="top:1003px;left:450px;width:126px;height:125px"></div> + <div id="Bucaramanga" class="box city" style="top:920px;left:779px;width:120px;height:120px"></div> + <div id="Cartagena" class="box city" style="top:457px;left:445px;width:110px;height:110px"></div> + <div id="Cucuta" class="box city" style="top:809px;left:896px;width:110px;height:110px"></div> + <div id="Ibague" class="box city" style="top:1219px;left:447px;width:120px;height:119px"></div> + <div id="Neiva" class="box city" style="top:1488px;left:534px;width:110px;height:109px"></div> + <div id="Pasto" class="box city" style="top:1728px;left:219px;width:110px;height:110px"></div> + <div id="Santa Marta" class="box city" style="top:376px;left:622px;width:120px;height:119px"></div> + <div id="Sincelejo" class="box city" style="top:653px;left:459px;width:110px;height:110px"></div> + </div> -</div> + <div id="boxes"> + + <div id="insurgent_momentum" style="position:absolute;top:1940px;left:19px;width:1250px;height:270px"> + <div id="mom_12" class="momentum card card_12 hide"></div> + <div id="mom_17" class="momentum card card_17 hide"></div> + <div id="mom_22" class="momentum card card_22 hide"></div> + <div id="mom_27" class="momentum card card_27 hide"></div> + <div id="mom_42_farc" class="momentum card card_42 hide"></div> + <div id="mom_42_auc" class="momentum card card_42 hide"></div> + <div id="mom_42_cartels" class="momentum card card_42 hide"></div> + <div id="mom_67" class="momentum card card_67 hide"></div> + </div> -<div id="boxes"> -<div id="insurgent_momentum" style="position:absolute;top:1940px;left:19px;width:1250px;height:270px"> -<div id="mom_12" class="momentum card card_12 hide"></div> -<div id="mom_17" class="momentum card card_17 hide"></div> -<div id="mom_22" class="momentum card card_22 hide"></div> -<div id="mom_27" class="momentum card card_27 hide"></div> -<div id="mom_42_farc" class="momentum card card_42 hide"></div> -<div id="mom_42_auc" class="momentum card card_42 hide"></div> -<div id="mom_42_cartels" class="momentum card card_42 hide"></div> -<div id="mom_67" class="momentum card card_67 hide"></div> -</div> + <div id="capabilities" style="position:absolute;top:508px;left:223px;width:208px;height:102px"> + <div id="cap_first_div" class="hide token unshaded first_div"></div> + <div id="cap_ospina" class="hide token unshaded ospina"></div> + <div id="cap_tapias" class="hide token unshaded tapias"></div> + <div id="cap_seventh_sf" class="hide token unshaded seventh_sf"></div> + <div id="cap_mtn_bns" class="hide token unshaded mtn_bns"></div> + <div id="cap_black_hawks" class="hide token unshaded black_hawks"></div> + <div id="cap_ndsc" class="hide token unshaded ndsc"></div> + <div id="cap_meteoro" class="hide token unshaded meteoro"></div> + <div id="s_cap_first_div" class="hide token shaded first_div"></div> + <div id="s_cap_ospina" class="hide token shaded ospina"></div> + <div id="s_cap_tapias" class="hide token shaded tapias"></div> + <div id="s_cap_seventh_sf" class="hide token shaded seventh_sf"></div> + <div id="s_cap_mtn_bns" class="hide token shaded mtn_bns"></div> + <div id="s_cap_black_hawks" class="hide token shaded black_hawks"></div> + <div id="s_cap_ndsc" class="hide token shaded ndsc"></div> + <div id="s_cap_meteoro" class="hide token shaded meteoro"></div> + <div id="rem_senado_farc" class="token reminder senado_farc hide"></div> + <div id="rem_senado_auc" class="token reminder senado_auc hide"></div> + <div id="rem_senado_cartels" class="token reminder senado_cartels hide"></div> + </div> -<div id="capabilities" style="position:absolute;top:508px;left:223px;width:208px;height:102px"> -<div id="cap_first_div" class="hide token unshaded first_div"></div> -<div id="cap_ospina" class="hide token unshaded ospina"></div> -<div id="cap_tapias" class="hide token unshaded tapias"></div> -<div id="cap_seventh_sf" class="hide token unshaded seventh_sf"></div> -<div id="cap_mtn_bns" class="hide token unshaded mtn_bns"></div> -<div id="cap_black_hawks" class="hide token unshaded black_hawks"></div> -<div id="cap_ndsc" class="hide token unshaded ndsc"></div> -<div id="cap_meteoro" class="hide token unshaded meteoro"></div> -<div id="s_cap_first_div" class="hide token shaded first_div"></div> -<div id="s_cap_ospina" class="hide token shaded ospina"></div> -<div id="s_cap_tapias" class="hide token shaded tapias"></div> -<div id="s_cap_seventh_sf" class="hide token shaded seventh_sf"></div> -<div id="s_cap_mtn_bns" class="hide token shaded mtn_bns"></div> -<div id="s_cap_black_hawks" class="hide token shaded black_hawks"></div> -<div id="s_cap_ndsc" class="hide token shaded ndsc"></div> -<div id="s_cap_meteoro" class="hide token shaded meteoro"></div> -<div id="rem_senado_farc" class="token reminder senado_farc hide"></div> -<div id="rem_senado_auc" class="token reminder senado_auc hide"></div> -<div id="rem_senado_cartels" class="token reminder senado_cartels hide"></div> -</div> + </div> -</div> + <div id="tokens"> + <div class="token" id="token_aid" style="left:497px;top:16px"></div> + <div class="token" id="token_oppose_plus_bases" style="left:1069px;top:16px"></div> + <div class="token" id="token_total_support" style="left:1590px;top:1067px"></div> + <div class="token" id="token_el_presidente" style="left:254px;top:245px"></div> + <div class="token" id="token_prop_card" style="left:1029px;top:666px"></div> + <div id="rem_darien" class="token reminder darien hide" style="left:140px;top:822px"></div> + <div id="rem_sucumbios" class="token reminder sucumbios hide" style="left:7px;top:1875px"></div> + </div> -<div id="tokens"> -<div class="token" id="token_aid" style="left:497px;top:16px"></div> -<div class="token" id="token_oppose_plus_bases" style="left:1069px;top:16px"></div> -<div class="token" id="token_total_support" style="left:1590px;top:1067px"></div> -<div class="token" id="token_el_presidente" style="left:254px;top:245px"></div> -<div class="token" id="token_prop_card" style="left:1029px;top:666px"></div> -<div id="rem_darien" class="token reminder darien hide" style="left:140px;top:822px"></div> -<div id="rem_sucumbios" class="token reminder sucumbios hide" style="left:7px;top:1875px"></div> -</div> + <div id="pieces"> + <div id="govt_cylinder" class="piece govt cylinder" style="left:1142px;top:600px;z-index:4"></div> + <div id="farc_cylinder" class="piece farc cylinder" style="left:1142px;top:560px;z-index:3"></div> + <div id="auc_cylinder" class="piece auc cylinder" style="left:1142px;top:520px;z-index:2"></div> + <div id="cartels_cylinder" class="piece cartels cylinder" style="left:1142px;top:480px;z-index:1"></div> + <div id="govt_resources" class="piece govt cylinder" style="left:1592px;top:542px;z-index:1"></div> + <div id="farc_resources" class="piece farc cylinder" style="left:551px;top:4px;z-index:1"></div> + <div id="auc_resources" class="piece auc cylinder" style="left:551px;top:32px;z-index:2"></div> + <div id="cartels_resources" class="piece cartels cylinder" style="left:551px;top:60px;z-index:3"></div> + </div> -<div id="pieces"> -<div id="govt_cylinder" class="piece govt cylinder" style="left:1142px;top:600px;z-index:4"></div> -<div id="farc_cylinder" class="piece farc cylinder" style="left:1142px;top:560px;z-index:3"></div> -<div id="auc_cylinder" class="piece auc cylinder" style="left:1142px;top:520px;z-index:2"></div> -<div id="cartels_cylinder" class="piece cartels cylinder" style="left:1142px;top:480px;z-index:1"></div> -<div id="govt_resources" class="piece govt cylinder" style="left:1592px;top:542px;z-index:1"></div> -<div id="farc_resources" class="piece farc cylinder" style="left:551px;top:4px;z-index:1"></div> -<div id="auc_resources" class="piece auc cylinder" style="left:551px;top:32px;z-index:2"></div> -<div id="cartels_resources" class="piece cartels cylinder" style="left:551px;top:60px;z-index:3"></div> + </div> </div> +<div id="card_panel"> + <div id="this_card" class="hide"><div id="unshaded_event"></div><div id="shaded_event"></div></div> + <div id="next_card" class="hide"></div> + <div id="deck_outer" class="card card_back"><div id="deck_size"></div></div> </div> -</div> + </div> </main> @@ -1584,14 +1584,3 @@ function map_get(map, key, missing) { } return missing } - -// TODO: clean up this mess... -var orig_toggle_zoom = toggle_zoom -toggle_zoom = function () { - orig_toggle_zoom() - if (document.getElementById("mapwrap").classList.contains("fit")) - document.getElementById("grid").classList.add("fit") - else - document.getElementById("grid").classList.remove("fit") -} - |