summaryrefslogtreecommitdiff
path: root/play.html
diff options
context:
space:
mode:
Diffstat (limited to 'play.html')
-rw-r--r--play.html84
1 files changed, 66 insertions, 18 deletions
diff --git a/play.html b/play.html
index 2182e31..787d9e6 100644
--- a/play.html
+++ b/play.html
@@ -8,6 +8,7 @@
<link rel="stylesheet" href="/fonts/fonts.css">
<link rel="stylesheet" href="/common/play.css">
<script defer src="/common/play.js"></script>
+<script defer src="data.js"></script>
<script defer src="play.js"></script>
<style>
@@ -39,6 +40,22 @@ main { background-color: dimgray }
transition-timing-function: ease;
}
+#boxes { position: absolute; }
+#cities { position: absolute; }
+#units { position: absolute; }
+
+/* SPACES */
+
+.box{position:absolute;box-sizing:border-box;border:4px solid transparent}
+.box.city{border-radius:50%}
+.box.loc{border-radius:50%}
+.box.action{border-color:lemonchiffon;}
+.box.city.action{background-color:#6495ed55;border-color:deepskyblue;}
+.box.loc.action{background-color:#fff5;border-color:white;}
+.box.selected{border-color:yellow;}
+.box.tip { border-color: white; }
+
+
/* COUNTERS */
#map .counter {
@@ -205,28 +222,50 @@ main { background-color: dimgray }
<!-- scale 1.80333333333333333333 -->
-<div class="counter turn_now" style="left:3px;top:4px;"></div>
-<div class="counter fln_psl" style="left:53px;top:4px;"></div>
-<div class="counter fln_ap" style="left:103px;top:4px;"></div>
-<div class="counter gov_psl" style="left:153px;top:4px;"></div>
-<div class="counter fln_control" style="left:203px;top:4px;"></div>
-<div class="counter gov_control" style="left:253px;top:4px;"></div>
-<div class="counter oas_active" style="left:303px;top:4px;"></div>
-<div class="counter remote" style="left:353px;top:4px;"></div>
-<div class="counter terror" style="left:403px;top:4px;"></div>
+<!-- <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 id="boxes">
+</div>
-<!-- top right -->
-<div class="counter turn_now" style="left:1450px;top:4px;"></div>
+<div id="markers">
+ <div class="counter turn_now" style="left:3px;top:4px;"></div>
+ <div class="counter fln_psl" style="left:53px;top:4px;"></div>
+ <div class="counter fln_ap" style="left:103px;top:4px;"></div>
+ <div class="counter gov_psl" style="left:153px;top:4px;"></div>
+ <div class="counter fln_control" style="left:203px;top:4px;"></div>
+ <div class="counter gov_control" style="left:253px;top:4px;"></div>
+ <div class="counter oas_active" style="left:303px;top:4px;"></div>
+ <div class="counter remote" style="left:353px;top:4px;"></div>
+ <div class="counter terror" style="left:403px;top:4px;"></div>
-<!-- bottom right -->
-<div class="counter turn_now" style="left:1450px;top:1051px;"></div>
-<!-- bottom left -->
-<div class="counter turn_now" style="left:3px;top:1051px;"></div>
+ <!-- top right -->
+ <div class="counter turn_now" style="left:1450px;top:4px;"></div>
-<div class="counter turn_now" style="left:242px;top:330px;"></div>
+ <!-- bottom right -->
+ <div class="counter turn_now" style="left:1450px;top:1051px;"></div>
+
+ <!-- bottom left -->
+ <div class="counter turn_now" style="left:3px;top:1051px;"></div>
+
+ <div class="counter turn_now" style="left:242px;top:330px;"></div>
+
+ <div class="counter border_zone" style="left:163px;top:223px;"></div>
+</div>
-<div class="counter border_zone" style="left:163px;top:223px;"></div>
+<div id="units"></div>
</div>
</div>
@@ -250,7 +289,7 @@ main { background-color: dimgray }
<div class="counter fr_xx_5 neutralized"></div>
<div class="counter fr_xx_7 action"></div>
<div class="counter fr_xx_dispersed"></div>
-<div class="counter fr_x selected"></div>
+<div class="counter fr_x"></div>
<div class="counter fr_x_airmobile"></div>
<div class="counter fr_elite_x_para"></div>
<div class="counter fr_elite_x_inf neutralized"></div>
@@ -259,6 +298,15 @@ main { background-color: dimgray }
<div class="counter alg_x"></div>
<div class="counter alg_x_airmobile neutralized"></div>
<div class="counter alg_police neutralized"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
+<div class="counter alg_police"></div>
</div>
</div>