From 02d2d565a3427fa54bd0d3c5c511701990c6dcd9 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Fri, 29 May 2026 22:28:11 -0400 Subject: [PATCH] RWS card faces: thin the contour stroke for the english deck so it doesn't double the card's own border MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The image-mode contour stroke (4 cardinal drop-shadows) follows the PNG alpha. Minchiate faces are transparent-cut to their irregular outline, so the stroke cleaves to the shape; RWS faces are clean cream rectangles that carry their own printed border, so the full 0.2rem stroke reads as a redundant uniform double- frame. Rather than re-process 78 images, thin the stroke for the equipped english deck via CSS only. - _card-deck.scss: the cardinal-stroke offset is now `var(--img-stroke-w, 0.2rem)` (default unchanged for Minchiate/Earthman); `body.deck-family-english` sets it to 0.08rem (a crisp edge, not a frame). Custom props inherit, so the body class cascades into every image card on the page. - base.html: body gains `deck-family-` when authenticated with an equipped deck. Aesthetic polish — may be reverted (revert = drop the body class + the `--img-stroke-w` var + the english rule). Code architected by Disco DeDisco Git commit message Co-Authored-By: Claude Opus 4.8 (1M context) --- src/static_src/scss/_card-deck.scss | 23 +++++++++++++++++++---- src/templates/core/base.html | 2 +- 2 files changed, 20 insertions(+), 5 deletions(-) diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index 204b77d..f2eff92 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -834,11 +834,15 @@ html:has(.sig-backdrop) { // Mobile-safe: filter on raster images works fine cross-browser // (the [[feedback-mobile-svg-glow]] dead-end was specifically // SVG glow, not raster drop-shadow). + // `--img-stroke-w` is the cardinal-stroke offset (default 0.2rem). + // Framed rectangular decks (RWS) thin it via `body.deck-family-english` + // below so the stroke doesn't double the card's own printed border — + // 2026-05-29 polish, may be reverted. filter: - drop-shadow( 0.2rem 0 0 var(--img-stroke-color)) - drop-shadow(-0.2rem 0 0 var(--img-stroke-color)) - drop-shadow( 0 0.2rem 0 var(--img-stroke-color)) - drop-shadow( 0 -0.2rem 0 var(--img-stroke-color)) + drop-shadow( var(--img-stroke-w, 0.2rem) 0 0 var(--img-stroke-color)) + drop-shadow( calc(-1 * var(--img-stroke-w, 0.2rem)) 0 0 var(--img-stroke-color)) + drop-shadow( 0 var(--img-stroke-w, 0.2rem) 0 var(--img-stroke-color)) + drop-shadow( 0 calc(-1 * var(--img-stroke-w, 0.2rem)) 0 var(--img-stroke-color)) drop-shadow( 1px 1px 2px rgba(0, 0, 0, 1)); } .sig-stage-card-back-img { display: none; } // shown only when flipped @@ -855,6 +859,17 @@ html:has(.sig-backdrop) { } } +// RWS (english family) cards are clean cream rectangles that carry their own +// printed border, so the full 0.2rem contour stroke reads as a redundant +// double-frame (unlike the irregular Minchiate cut, where it cleaves to the +// shape). Thin it to a crisp edge for the equipped english deck. Custom props +// inherit, so setting it on cascades into every image card on the page. +// (Polish 2026-05-29 — may be reverted; revert = drop this rule + the +// `--img-stroke-w` var + the base.html body class.) +body.deck-family-english { + --img-stroke-w: 0.08rem; +} + // ─── My Sign picker — sizing + state-gated reveal ──────────────────────────── // Two-phase layout: landing (DRY 1-chair hex w. SCAN SIGN center) → picker // (sig-card grid below an always-present stage frame). SAVE SIGN rides diff --git a/src/templates/core/base.html b/src/templates/core/base.html index bdb7517..c6787f3 100644 --- a/src/templates/core/base.html +++ b/src/templates/core/base.html @@ -17,7 +17,7 @@ - +
{% include "core/_partials/_navbar.html" %}