Take the broken wordmark off the felt #80

Closed
jheaps wants to merge 1 commits from fix/casino-holdem-drop-broken-watermark into fix/casino-holdem-two-tabs
Owner

The felt carried "TEXAS HOLD'EM" across its middle, and the pot badge sat on top of it. Measured at every seat count from two to ten, the middle 20% of the word was covered, so the table read: Stacked on #79.

TEXAS  LD'EM

That isn't a watermark, it's a rendering fault, and it looked like one.

I tried to move it before removing it

Four placements, measured across six viewports and two seat counts each, as the share of the word covered by a seat, a bet chip or the pot badge:

desktop 1280x900 tablet 768x1024 phone 390x844 phone 360x640 landscape 844x390
centred (before) 20% 20% 20% 20% 20%
30% down, full size 0–7% 0–12% 43–60% 48–70% 20–23%
20% down, smaller 0% 0% 40–67% 53–70% 40%
78% down, smaller 0% 0% 77–97% 90–100%* 27–37%

* and off the oval entirely at 360px

Desktop and tablet can be made clean. A phone cannot: below 900px the felt is square, and a square felt with six to nine seats has no clear horizontal band wide enough for a word. The best phone result of any placement was 40% covered.

So it's gone, rather than special-cased per device for a decoration. The felt still has its gradient, its rim, the inner gold line and its shadow to be a table with, and the page header says "Texas Hold'em Dealer" a few inches above it.

The reasoning and the numbers are left in the CSS where the element used to be, so whoever thinks of adding one back finds out what happened first.

Validation

269 tests still passing. Seven viewports: contrast clean, layout audit clean everywhere but the landscape phone already documented in #63, no console errors. Before/after screenshots of the same eight-seat table mid-hand.

The felt carried "TEXAS HOLD'EM" across its middle, and the pot badge sat on top of it. Measured at every seat count from two to ten, **the middle 20% of the word was covered**, so the table read: Stacked on #79. ``` TEXAS LD'EM ``` That isn't a watermark, it's a rendering fault, and it looked like one. ## I tried to move it before removing it Four placements, measured across six viewports and two seat counts each, as the share of the word covered by a seat, a bet chip or the pot badge: | | desktop 1280x900 | tablet 768x1024 | phone 390x844 | phone 360x640 | landscape 844x390 | | --- | --- | --- | --- | --- | --- | | **centred (before)** | 20% | 20% | 20% | 20% | 20% | | 30% down, full size | 0–7% | 0–12% | 43–60% | 48–70% | 20–23% | | 20% down, smaller | 0% | 0% | 40–67% | 53–70% | 40% | | 78% down, smaller | 0% | 0% | 77–97% | 90–100%\* | 27–37% | \* and off the oval entirely at 360px Desktop and tablet can be made clean. **A phone cannot**: below 900px the felt is square, and a square felt with six to nine seats has no clear horizontal band wide enough for a word. The best phone result of any placement was 40% covered. So it's gone, rather than special-cased per device for a decoration. The felt still has its gradient, its rim, the inner gold line and its shadow to be a table with, and the page header says "Texas Hold'em Dealer" a few inches above it. The reasoning and the numbers are left in the CSS where the element used to be, so whoever thinks of adding one back finds out what happened first. ## Validation 269 tests still passing. Seven viewports: contrast clean, layout audit clean everywhere but the landscape phone already documented in #63, no console errors. Before/after screenshots of the same eight-seat table mid-hand.
jheaps added 1 commit 2026-09-01 18:55:17 -06:00
The felt carried "TEXAS HOLD'EM" across its middle, and the pot badge sat on top of
it. Measured at every seat count from two to ten, the middle 20% of the word was
covered, so the table read

  TEXAS  LD'EM

That is not a watermark, it is a rendering fault, and it looked like one.

I tried to move it before removing it. Four placements, measured across six viewports
and two seat counts each, as the share of the word covered by a seat, a bet chip or
the pot badge:

                        desktop   tablet   phone     phone     landscape
                        1280x900  768x1024 390x844   360x640   844x390
  centred (before)        20%      20%      20%       20%        20%
  30% down, full size      0-7%     0-12%   43-60%    48-70%     20-23%
  20% down, smaller        0%       0%      40-67%    53-70%     40%
  78% down, smaller        0%       0%      77-97%    90-100%*   27-37%

  * and off the oval entirely at 360px

Desktop and tablet can be made clean. A phone cannot: below 900px the felt is square,
and a square felt with six to nine seats has no clear horizontal band wide enough for
a word. The best phone result of any placement was 40% covered.

So it is gone rather than special-cased per device for a decoration. The felt still has
its gradient, its rim, the inner gold line and its shadow to be a table with, and the
page header says "Texas Hold'em Dealer" a few inches above it.

The reasoning and the numbers are left in the CSS where the element used to be, so
whoever thinks of adding one back finds out what happened first.

269 tests still passing. Seven viewports: contrast clean, layout audit clean everywhere
but the landscape phone already known from #63, no console errors.

Co-Authored-By: Claude Opus 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_015bnp7xKUPFFSpwkYNFaPgb
jheaps closed this pull request 2026-09-02 09:57:55 -06:00

Pull request closed

Please reopen this pull request to perform a merge.
Sign in to join this conversation.
No Reviewers
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: jheaps/JoshHeaps.Net#80