Fix loading jank.

2 files changed, 17 insertions, 12 deletions

diff --git a/play.html b/play.html
index 0f3f003..935c069 100644
--- a/play.html
+++ b/play.html
@@ -171,9 +171,9 @@
 </div>
 
 <div id="tokens">
-<div class="token" id="token_aid"></div>
-<div class="token" id="token_oppose_plus_bases"></div>
-<div class="token" id="token_total_support"></div>
+<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>
@@ -181,14 +181,14 @@
 </div>
 
 <div id="pieces">
-<div id="govt_cylinder" class="piece govt cylinder"></div>
-<div id="farc_cylinder" class="piece farc cylinder"></div>
-<div id="auc_cylinder" class="piece auc cylinder"></div>
-<div id="cartels_cylinder" class="piece cartels cylinder"></div>
-<div id="govt_resources" class="piece govt cylinder"></div>
-<div id="farc_resources" class="piece farc cylinder"></div>
-<div id="auc_resources" class="piece auc cylinder"></div>
-<div id="cartels_resources" class="piece cartels cylinder"></div>
+<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>
diff --git a/play.js b/play.js
index 1e6aaeb..7a539a3 100644
--- a/play.js
+++ b/play.js
@@ -1063,7 +1063,13 @@ function make_card_class_name(c) {
 		return "card card_" + c + " u" + data.card_unshaded_lines[c] + " s" + data.card_shaded_lines[c]
 }
 
+let once = true
 function on_update() {
+	if (once) {
+		init_ui()
+		once = false
+	}
+
 	switch (player) {
 	case "Government": ui.favicon.href = "images/icon_govt.png"; break
 	case "AUC": ui.favicon.href = "images/icon_auc.png"; break
@@ -1516,5 +1522,4 @@ function map_get(map, key, missing) {
 	return missing
 }
 
-init_ui()
 scroll_with_middle_mouse("main")