From 1298b27e451f9cbc5c784581b630577ad9d074f7 Mon Sep 17 00:00:00 2001
From: Frans Bongers <fransbongers@franss-mbp.home>
Date: Tue, 31 Dec 2024 13:05:16 +0100
Subject: random player order and show ui relative to player order

---
 play.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 1ae119c..bcb36ac 100644
--- a/play.html
+++ b/play.html
@@ -96,21 +96,23 @@
 		</div>
 	</div>
 	<div id="selectable_cards"></div>
-	<div class="panel">
+	<div id="hand_area" class="panel">
 		<div id="hand_header" class="panel_header">Hand</div>
 		<div id="hand" class="panel_body"></div>
 	</div>
-	<div class="panel">
-		<div class="panel_header" data-faction-id="a">Anarchist</div>
-		<div id="tableau_a" class="panel_body"></div>
-	</div>
-	<div class="panel">
-		<div class="panel_header" data-faction-id="c">Communist</div>
-		<div id="tableau_c" class="panel_body"></div>
-	</div>
-	<div class="panel">
-		<div class="panel_header" data-faction-id="m">Moderate</div>
-		<div id="tableau_m" class="panel_body"></div>
+	<div id="player_areas">
+		<div id="player_area_Anarchist" class="panel">
+			<div class="panel_header" data-faction-id="a">Anarchist</div>
+			<div id="tableau_a" class="panel_body"></div>
+		</div>
+		<div id="player_area_Communist" class="panel">
+			<div class="panel_header" data-faction-id="c">Communist</div>
+			<div id="tableau_c" class="panel_body"></div>
+		</div>
+		<div id="player_area_Moderate" class="panel">
+			<div class="panel_header" data-faction-id="m">Moderate</div>
+			<div id="tableau_m" class="panel_body"></div>
+		</div>
 	</div>
 </main>
 
-- 
cgit v1.2.3