From 2a3049cec4d0d0153395b77d9974b3c50106b3d0 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Mon, 28 Oct 2024 14:33:09 +0100 Subject: WIP use smaller power cards. --- info/cards.html | 106 +++++++++++++++++++++++++-------------------------- play.css | 116 ++++++++++++++++++++++++++++++-------------------------- play.html | 6 +-- play.js | 2 +- 4 files changed, 120 insertions(+), 110 deletions(-) diff --git a/info/cards.html b/info/cards.html index 8498d00..81b808c 100644 --- a/info/cards.html +++ b/info/cards.html @@ -143,59 +143,59 @@ img {
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
diff --git a/play.css b/play.css index 710ba57..e574797 100644 --- a/play.css +++ b/play.css @@ -234,6 +234,10 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); } min-height: 350px; } +.panel_body.power { + min-height: 263px; +} + .panel.autohide:has(.panel_body:empty) { display: none; } @@ -258,6 +262,12 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); } box-shadow: 0 0 0 1px #444, 1px 2px 4px #0004; } +.power_card { + width: 188px; + height: 263px; + border-radius: 12px; +} + .card.action { box-shadow: 0 0 0 1px #444, 0 0 0 4px white; } @@ -378,56 +388,56 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); } .card.event_109 { background-image: url(cards100/event_109.avif) } .card.event_110 { background-image: url(cards100/event_110.avif) } -.card.power_0 { background-image: url(cards100/power_back.avif) } -.card.power_1 { background-image: url(cards100/power_1_6.avif) } -.card.power_2 { background-image: url(cards100/power_1_6.avif) } -.card.power_3 { background-image: url(cards100/power_1_6.avif) } -.card.power_4 { background-image: url(cards100/power_1_6.avif) } -.card.power_5 { background-image: url(cards100/power_1_6.avif) } -.card.power_6 { background-image: url(cards100/power_1_6.avif) } -.card.power_7 { background-image: url(cards100/power_7_8.avif) } -.card.power_8 { background-image: url(cards100/power_7_8.avif) } -.card.power_9 { background-image: url(cards100/power_9_10.avif) } -.card.power_10 { background-image: url(cards100/power_9_10.avif) } -.card.power_11 { background-image: url(cards100/power_11_14.avif) } -.card.power_12 { background-image: url(cards100/power_11_14.avif) } -.card.power_13 { background-image: url(cards100/power_11_14.avif) } -.card.power_14 { background-image: url(cards100/power_11_14.avif) } -.card.power_15 { background-image: url(cards100/power_15_18.avif) } -.card.power_16 { background-image: url(cards100/power_15_18.avif) } -.card.power_17 { background-image: url(cards100/power_15_18.avif) } -.card.power_18 { background-image: url(cards100/power_15_18.avif) } -.card.power_19 { background-image: url(cards100/power_19_20.avif) } -.card.power_20 { background-image: url(cards100/power_19_20.avif) } -.card.power_21 { background-image: url(cards100/power_21_22.avif) } -.card.power_22 { background-image: url(cards100/power_21_22.avif) } -.card.power_23 { background-image: url(cards100/power_23_26.avif) } -.card.power_24 { background-image: url(cards100/power_23_26.avif) } -.card.power_25 { background-image: url(cards100/power_23_26.avif) } -.card.power_26 { background-image: url(cards100/power_23_26.avif) } -.card.power_27 { background-image: url(cards100/power_27_30.avif) } -.card.power_28 { background-image: url(cards100/power_27_30.avif) } -.card.power_29 { background-image: url(cards100/power_27_30.avif) } -.card.power_30 { background-image: url(cards100/power_27_30.avif) } -.card.power_31 { background-image: url(cards100/power_31_33.avif) } -.card.power_32 { background-image: url(cards100/power_31_33.avif) } -.card.power_33 { background-image: url(cards100/power_31_33.avif) } -.card.power_34 { background-image: url(cards100/power_34_36.avif) } -.card.power_35 { background-image: url(cards100/power_34_36.avif) } -.card.power_36 { background-image: url(cards100/power_34_36.avif) } -.card.power_37 { background-image: url(cards100/power_37.avif) } -.card.power_38 { background-image: url(cards100/power_38.avif) } -.card.power_39 { background-image: url(cards100/power_39.avif) } -.card.power_40 { background-image: url(cards100/power_40.avif) } -.card.power_41 { background-image: url(cards100/power_41.avif) } -.card.power_42 { background-image: url(cards100/power_42.avif) } -.card.power_43 { background-image: url(cards100/power_43.avif) } -.card.power_44 { background-image: url(cards100/power_44.avif) } -.card.power_45 { background-image: url(cards100/power_45.avif) } -.card.power_46 { background-image: url(cards100/power_46.avif) } -.card.power_47 { background-image: url(cards100/power_47.avif) } -.card.power_48 { background-image: url(cards100/power_48.avif) } -.card.power_49 { background-image: url(cards100/power_49.avif) } -.card.power_50 { background-image: url(cards100/power_50.avif) } -.card.power_51 { background-image: url(cards100/power_51.avif) } -.card.power_52 { background-image: url(cards100/power_52.avif) } +.card.power_0 { background-image: url(cards75/power_back.avif) } +.card.power_1 { background-image: url(cards75/power_1_6.avif) } +.card.power_2 { background-image: url(cards75/power_1_6.avif) } +.card.power_3 { background-image: url(cards75/power_1_6.avif) } +.card.power_4 { background-image: url(cards75/power_1_6.avif) } +.card.power_5 { background-image: url(cards75/power_1_6.avif) } +.card.power_6 { background-image: url(cards75/power_1_6.avif) } +.card.power_7 { background-image: url(cards75/power_7_8.avif) } +.card.power_8 { background-image: url(cards75/power_7_8.avif) } +.card.power_9 { background-image: url(cards75/power_9_10.avif) } +.card.power_10 { background-image: url(cards75/power_9_10.avif) } +.card.power_11 { background-image: url(cards75/power_11_14.avif) } +.card.power_12 { background-image: url(cards75/power_11_14.avif) } +.card.power_13 { background-image: url(cards75/power_11_14.avif) } +.card.power_14 { background-image: url(cards75/power_11_14.avif) } +.card.power_15 { background-image: url(cards75/power_15_18.avif) } +.card.power_16 { background-image: url(cards75/power_15_18.avif) } +.card.power_17 { background-image: url(cards75/power_15_18.avif) } +.card.power_18 { background-image: url(cards75/power_15_18.avif) } +.card.power_19 { background-image: url(cards75/power_19_20.avif) } +.card.power_20 { background-image: url(cards75/power_19_20.avif) } +.card.power_21 { background-image: url(cards75/power_21_22.avif) } +.card.power_22 { background-image: url(cards75/power_21_22.avif) } +.card.power_23 { background-image: url(cards75/power_23_26.avif) } +.card.power_24 { background-image: url(cards75/power_23_26.avif) } +.card.power_25 { background-image: url(cards75/power_23_26.avif) } +.card.power_26 { background-image: url(cards75/power_23_26.avif) } +.card.power_27 { background-image: url(cards75/power_27_30.avif) } +.card.power_28 { background-image: url(cards75/power_27_30.avif) } +.card.power_29 { background-image: url(cards75/power_27_30.avif) } +.card.power_30 { background-image: url(cards75/power_27_30.avif) } +.card.power_31 { background-image: url(cards75/power_31_33.avif) } +.card.power_32 { background-image: url(cards75/power_31_33.avif) } +.card.power_33 { background-image: url(cards75/power_31_33.avif) } +.card.power_34 { background-image: url(cards75/power_34_36.avif) } +.card.power_35 { background-image: url(cards75/power_34_36.avif) } +.card.power_36 { background-image: url(cards75/power_34_36.avif) } +.card.power_37 { background-image: url(cards75/power_37.avif) } +.card.power_38 { background-image: url(cards75/power_38.avif) } +.card.power_39 { background-image: url(cards75/power_39.avif) } +.card.power_40 { background-image: url(cards75/power_40.avif) } +.card.power_41 { background-image: url(cards75/power_41.avif) } +.card.power_42 { background-image: url(cards75/power_42.avif) } +.card.power_43 { background-image: url(cards75/power_43.avif) } +.card.power_44 { background-image: url(cards75/power_44.avif) } +.card.power_45 { background-image: url(cards75/power_45.avif) } +.card.power_46 { background-image: url(cards75/power_46.avif) } +.card.power_47 { background-image: url(cards75/power_47.avif) } +.card.power_48 { background-image: url(cards75/power_48.avif) } +.card.power_49 { background-image: url(cards75/power_49.avif) } +.card.power_50 { background-image: url(cards75/power_50.avif) } +.card.power_51 { background-image: url(cards75/power_51.avif) } +.card.power_52 { background-image: url(cards75/power_52.avif) } diff --git a/play.html b/play.html index 3dfa2a7..59974f4 100644 --- a/play.html +++ b/play.html @@ -73,17 +73,17 @@
Power Struggle Hand
-
+
The Crowd Turns Against Ceausescu
-
+
Power Struggle Discard
-
+
diff --git a/play.js b/play.js index 6babd3b..ddfcf58 100644 --- a/play.js +++ b/play.js @@ -451,7 +451,7 @@ function create_ui() { for (let c = 1; c <= last_power_card; ++c) { const power_card_e = document.createElement("div") register_action(power_card_e, "power_card", c) - power_card_e.className = "card power_" + c + power_card_e.className = "card power_card power_" + c ui.power_cards[c] = power_card_e } -- cgit v1.2.3