From 372d26d9ff82c772a6161465764eeb209f1d2752 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 28 Oct 2024 12:24:31 +0100
Subject: WIP card display order

---
 play.html | 60 ++++++++++++++++++------------------------------------------
 1 file changed, 18 insertions(+), 42 deletions(-)

(limited to 'play.html')

diff --git a/play.html b/play.html
index 97882fd..3dfa2a7 100644
--- a/play.html
+++ b/play.html
@@ -66,72 +66,49 @@
 </div>
 </div>
 
-<!-- EVENTS ON THE TABLE -->
-<div id="table_panel" class="panel">
-	<div id="table_header" class="panel_header">Cards on the Table</div>
-	<div id="table_cards" class="panel_body"></div>
-</div>
-
-<!-- PLAYED CARD -->
 <div id="played_card_panel" class="panel">
 	<div id="played_card_header" class="panel_header">Played Card</div>
 	<div id="played_card" class="panel_body"></div>
-	<!--- <div id="power_card_header" class="panel_header">Power Struggle</div>
-	<div id="communist_card" class="panel_body"></div>
-	<div id="democrat_card" class="panel_body"></div> --->
-
-</div>
-
-<!-- PLAYED CARD - POWERSTRUGGLE -->
-<div id="scoring_card_panel" class="panel">
-	<div id="scoring_card_header" class="panel_header">Power Struggle</div>
-	<div class="card_row">
-		<div id="scoring_card" class="panel_body"></div>
-		<div id="power_card_1" class="panel_body"></div>
-		<div id="power_card_2" class="panel_body"></div>
-	</div>
 </div>
 
-
-<!-- POWERSTRUGGLE -->
-<div id="played_power_card_panel" class="panel">
-	<div id="played_power_card_header" class="panel_header">Power Struggle</div>
-	<div id="played_power_card" class="panel_body"></div>
-</div>
-<div id="ceausescu_panel" class="panel">
-	<div id="ceausescu_header" class="panel_header">Ceausescu Cards</div>
-	<div id="ceausescu_hand" class="panel_body"></div>
-</div>
-<div id="power_panel" class="panel">
+<div id="power_panel" class="autohide panel">
 	<div id="power_header" class="panel_header">Power Struggle Hand</div>
 	<div id="power_hand" class="panel_body"></div>
 </div>
 
+<div id="ceausescu_panel" class="autohide panel">
+	<div id="ceausescu_header" class="panel_header">The Crowd Turns Against Ceausescu</div>
+	<div id="ceausescu_hand" class="panel_body"></div>
+</div>
 
+<div id="power_discard_panel" class="autohide panel">
+	<div id="power_discard_header" class="panel_header">Power Struggle Discard</div>
+	<div id="power_discard" class="panel_body"></div>
+</div>
 
-<!-- HAND -->
 <div id="hand_panel" class="panel">
 	<div id="hand_header" class="panel_header">Hand</div>
 	<div id="hand" class="panel_body"></div>
 </div>
 
 <!-- OPPONENT HAND -->
-<div id="opp_hand_panel" class="panel">
+<div id="opp_hand_panel" class="autohide panel">
 	<div id="opp_hand_header" class="panel_header">Opponent Hand</div>
 	<div id="opp_hand" class="panel_body"></div>
 </div>
 
-<div id="opp_power_hand_panel" class="panel">
-	<div id="opp_power_hand_header" class="panel_header">Opponent Power Struggle Hand</div>
-	<div id="opp_power_hand" class="panel_body"></div>
-</div>
-
 <!-- SAMIZDAT CARD -->
-<div id="samizdat_panel" class="panel">
-	<div id="samizdat_header" class="panel_header">Samizdat Card</div>
+<div id="samizdat_panel" class="autohide panel">
+	<div id="samizdat_header" class="panel_header">Samizdat</div>
 	<div id="samizdat_card" class="panel_body"></div>
 </div>
 
+<!-- EVENTS ON THE TABLE -->
+<div id="persistent_panel" class="panel">
+	<div id="persistent_header" class="panel_header">Persistent Events on the Table</div>
+	<div id="persistent" class="panel_body"></div>
+</div>
+
 <!-- PERMANENTLY REMOVED -->
 <div id="removed_panel" class="panel hide">
 	<div id="removed_header" class="panel_header">Permanently Removed Events</div>
@@ -144,7 +121,6 @@
 	<div id="discard" class="panel_body"></div>
 </div>
 
-
 </main>
 
 <footer id="status"></footer>
-- 
cgit v1.2.3