From 26a3af21fa5639cfae0f952582867a14dd6be435 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Wed, 29 Apr 2026 14:19:30 -0400 Subject: [PATCH] PICK SEA crucifix grid: rename CSS position classes + remove dead code MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Stage 1 — free 'cross': - sea-cross-cell → sea-crucifix-cell (template, Jasmine fixture, SCSS) Stage 2 — semantic position names: - sea-pos-past → sea-pos-leave; grid-area: past → leave - sea-pos-center → sea-pos-core; grid-area: center → core - sea-pos-future → sea-pos-loom; grid-area: future → loom - sea-pos-root → sea-pos-lay; grid-area: root → lay - grid-template-areas updated to match - sea-pos-crossing removed (dead code — no element ever carried it) Jasmine + 35 ITs green. Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Sonnet 4.6 --- src/static/tests/SeaDealSpec.js | 10 +++++----- src/static_src/scss/_card-deck.scss | 19 +++++++++---------- src/static_src/tests/SeaDealSpec.js | 10 +++++----- .../gameboard/_partials/_sea_overlay.html | 14 +++++++------- 4 files changed, 26 insertions(+), 27 deletions(-) diff --git a/src/static/tests/SeaDealSpec.js b/src/static/tests/SeaDealSpec.js index 9a7ad19..7890130 100644 --- a/src/static/tests/SeaDealSpec.js +++ b/src/static/tests/SeaDealSpec.js @@ -21,13 +21,13 @@ describe("SeaDeal", () => {
-
+
-
+
-
+
@@ -36,10 +36,10 @@ describe("SeaDeal", () => {
-
+
-
+
diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index 6fe9c6d..96d02d2 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -778,8 +778,8 @@ html.sea-open .sea-modal-wrap { display: grid; grid-template-areas: ". crown . " - "past center future " - ". root . "; + "leave core loom " + ". lay . "; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto; gap: 0.5rem; @@ -787,13 +787,12 @@ html.sea-open .sea-modal-wrap { justify-items: center; } -.sea-cross-cell { display: flex; align-items: center; justify-content: center; } +.sea-crucifix-cell { display: flex; align-items: center; justify-content: center; } .sea-pos-crown { grid-area: crown; } -.sea-pos-past { grid-area: past; } -.sea-pos-center { grid-area: center; } -.sea-pos-future { grid-area: future; } -.sea-pos-root { grid-area: root; } -.sea-pos-crossing { grid-area: crossing; } +.sea-pos-leave { grid-area: leave; } +.sea-pos-core { grid-area: core; } +.sea-pos-loom { grid-area: loom; } +.sea-pos-lay { grid-area: lay; } $sea-card-w: 4rem; $sea-card-h: 6.5rem; @@ -874,8 +873,8 @@ $sea-card-h: 6.5rem; box-shadow: 0 0 0.5rem 0.25rem rgba(var(--ninUser), 0.35), 0 0 0.4rem rgba(0, 0, 0, 0.85); } -// Cover + Cross — absolutely overlaid on the Sig card in .sea-pos-center -.sea-pos-center { position: relative; } +// Cover + Cross — absolutely overlaid on the Sig card in .sea-pos-core +.sea-pos-core { position: relative; } .sea-pos-cover, .sea-pos-cross { diff --git a/src/static_src/tests/SeaDealSpec.js b/src/static_src/tests/SeaDealSpec.js index 9a7ad19..7890130 100644 --- a/src/static_src/tests/SeaDealSpec.js +++ b/src/static_src/tests/SeaDealSpec.js @@ -21,13 +21,13 @@ describe("SeaDeal", () => {
-
+
-
+
-
+
@@ -36,10 +36,10 @@ describe("SeaDeal", () => {
-
+
-
+
diff --git a/src/templates/apps/gameboard/_partials/_sea_overlay.html b/src/templates/apps/gameboard/_partials/_sea_overlay.html index 0a62598..244ed4c 100644 --- a/src/templates/apps/gameboard/_partials/_sea_overlay.html +++ b/src/templates/apps/gameboard/_partials/_sea_overlay.html @@ -22,15 +22,15 @@
{# Crown — CC pos 3 / EV pos 5 #} -
+
{# Beneath (past) — CC pos 4 / EV pos 3 #} -
+
{# Center — Significator (always placed) + Cover + Cross overlaid #} -
+
{% if my_tray_sig %} {{ my_tray_sig.corner_rank }} @@ -47,11 +47,11 @@
{# Before (future) — CC pos 5 / EV pos 6 #} -
+
{# Behind (root) — CC pos 6 / EV pos 4 #} -
+
@@ -189,8 +189,8 @@ const SEA_DECK_URL = overlay.dataset.seaDeckUrl; const SPREAD_ORDER = { - 'waite-smith': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-crown', '.sea-pos-root', '.sea-pos-future', '.sea-pos-past'], - 'escape-velocity': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-root', '.sea-pos-past', '.sea-pos-crown', '.sea-pos-future'], + 'waite-smith': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-crown', '.sea-pos-lay', '.sea-pos-loom', '.sea-pos-leave'], + 'escape-velocity': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-lay', '.sea-pos-leave', '.sea-pos-crown', '.sea-pos-loom'], }; let levityPile = [], gravityPile = [];