From 96ec0fdfdcae9dad0bf391488ad0bd605fd8c9ae Mon Sep 17 00:00:00 2001 From: ADBond <48208438+ADBond@users.noreply.github.com> Date: Tue, 9 Sep 2025 20:04:49 +0100 Subject: [PATCH 1/4] bit more room, to allow space for ladders --- static/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index 7d8ca1b..54779a3 100644 --- a/static/style.css +++ b/static/style.css @@ -125,12 +125,12 @@ body { .player-area.comp1 { top: 20px; - left: 30px; + left: -10px; } .player-area.comp2 { top: 20px; - right: 30px; + right: -10px; } .ladder.neutral { From c07dc019bbc8bf9fdad52ba429fa305cdd27067f Mon Sep 17 00:00:00 2001 From: ADBond <48208438+ADBond@users.noreply.github.com> Date: Tue, 9 Sep 2025 20:05:29 +0100 Subject: [PATCH 2/4] delay setting starting ladders, for easier dev testing --- src/game/gamestate.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/game/gamestate.ts b/src/game/gamestate.ts index 831f476..40a551c 100644 --- a/src/game/gamestate.ts +++ b/src/game/gamestate.ts @@ -67,7 +67,7 @@ export class GameState { public deadCards: Card[] = []; public publicCards: Card[] = []; public renounces: Set[] = []; - public rawLadders: [Card, Player | null | 'trickwinner'][] = this.getStartingLadders(); + public rawLadders: [Card, Player | null | 'trickwinner'][]; public _trumpSuit: Suit = arbitrarySuit; public currentState: state = 'initialiseGame'; public suitRungsAscended: advanceSuitTracker = new advanceSuitTracker(); @@ -89,6 +89,7 @@ export class GameState { for (const name of playerNames) { this.players.push(); } + this.rawLadders = this.getStartingLadders(); // choose a random initial dealer this.dealerIndex = Math.floor(Math.random() * playerNames.length); // dummy values: From 02ec94be30d70535cf2ba32606230a8650cfa5ad Mon Sep 17 00:00:00 2001 From: ADBond <48208438+ADBond@users.noreply.github.com> Date: Tue, 9 Sep 2025 20:38:03 +0100 Subject: [PATCH 3/4] shift els to avoid horizontal scroll --- index.html | 2 +- static/style.css | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 0f047e1..c9fdafd 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ + in-browser."> diff --git a/static/style.css b/static/style.css index 54779a3..3496a04 100644 --- a/static/style.css +++ b/static/style.css @@ -104,7 +104,7 @@ body { position: relative; width: 800px; height: 450px; - top: 30px; + top: 10px; margin: 20px auto; border: 2px solid #fff; border-radius: 10px; @@ -412,7 +412,7 @@ body { .penultimate-cards { position: absolute; - right: -20px; + right: 0px; top: 20px; width: 200px; text-align: center; @@ -420,7 +420,7 @@ body { .dead-cards { position: absolute; - right: 125px; + right: 145px; top: 20px; width: 200px; text-align: center; From 20872d237c99311f078805c04f33d5779cb94484 Mon Sep 17 00:00:00 2001 From: ADBond <48208438+ADBond@users.noreply.github.com> Date: Tue, 9 Sep 2025 20:50:56 +0100 Subject: [PATCH 4/4] simpler dealing with player areas --- static/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index 3496a04..cf79d93 100644 --- a/static/style.css +++ b/static/style.css @@ -115,6 +115,7 @@ body { position: absolute; text-align: center; border: black 1px; + width: 50%; } .player-area.player { @@ -362,7 +363,6 @@ body { #advance-holder { position: relative; - top: -10px; left: 50px; }