fuzzyworld

when-am-i / commit

Fix card color wash to fade linearly, not radially

5d4ee3c268709c4b563c75050af33ad42268ebb5 · Pavel Safronov · 2026-06-21 11:12:31 -0700 · parents ec8a10e2c4ff

Fix card color wash to fade linearly, not radially

The radial gradient left a visible curved edge partway down the card;
a linear top-to-bottom fade reads as a clean wash with no seam.
Includes regenerated calendar screenshots for the fix.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
 .../calendars/aztec/01-aztec-xiuhp-hualli.png      | Bin 929482 -> 877605 bytes
 .../aztec/02-aztec-mexica-year-bearer.png          | Bin 929482 -> 877605 bytes
 screenshots/calendars/aztec/03-t-nalp-hualli.png   | Bin 930204 -> 878700 bytes
 .../china/01-chinese-sexagenary-cycle.png          | Bin 593474 -> 569152 bytes
 .../calendars/colonial-america/01-julian.png       | Bin 445405 -> 414894 bytes
 .../calendars/colonial-america/02-gregorian.png    | Bin 420008 -> 400229 bytes
 screenshots/calendars/ethiopia/01-ethiopian.png    | Bin 514140 -> 484879 bytes
 screenshots/calendars/india/01-indian.png          | Bin 479443 -> 450103 bytes
 screenshots/calendars/iran/01-islamic.png          | Bin 526803 -> 497797 bytes
 screenshots/calendars/iran/02-persian.png          | Bin 636971 -> 601997 bytes
 .../japan/01-japanese-lunisolar-calendar.png       | Bin 458446 -> 432155 bytes
 screenshots/calendars/japan/02-japanese.png        | Bin 440592 -> 410713 bytes
 screenshots/calendars/judea/01-hebrew.png          | Bin 906390 -> 875751 bytes
 .../korea/01-korean-lunisolar-calendar.png         | Bin 771577 -> 745514 bytes
 screenshots/calendars/korea/02-gregorian.png       | Bin 689142 -> 669890 bytes
 screenshots/calendars/korea/03-gregorian.png       | Bin 687343 -> 668499 bytes
 screenshots/calendars/korea/04-gregorian.png       | Bin 662467 -> 644427 bytes
 screenshots/calendars/korea/05-gregorian.png       | Bin 669181 -> 651484 bytes
 screenshots/calendars/korea/06-dangi.png           | Bin 808473 -> 767086 bytes
 .../maori/01-maramataka-m-ori-lunar-calendar.png   | Bin 466677 -> 444141 bytes
 .../massachusett/01-algonquian-lunar-calendar.png  | Bin 1288101 -> 1234930 bytes
 screenshots/calendars/maya/01-maya-long-count.png  | Bin 947763 -> 901105 bytes
 .../maya/02-tzolk-in-and-haab-calendar-round.png   | Bin 727921 -> 702255 bytes
 screenshots/calendars/north-korea/01-dangi.png     | Bin 775072 -> 733548 bytes
 screenshots/calendars/north-korea/02-juche.png     | Bin 819135 -> 774455 bytes
 screenshots/calendars/north-korea/03-gregorian.png | Bin 760351 -> 726975 bytes
 .../calendars/oregon-country/01-gregorian.png      | Bin 480402 -> 463583 bytes
 screenshots/calendars/ottoman/01-islamic.png       | Bin 503685 -> 479053 bytes
 screenshots/calendars/ottoman/02-rumi.png          | Bin 740422 -> 689519 bytes
 screenshots/calendars/ottoman/03-gregorian.png     | Bin 433803 -> 415066 bytes
 .../revolutionary-france/01-gregorian.png          | Bin 461267 -> 442867 bytes
 .../02-french-republican-calendar.png              | Bin 547422 -> 514945 bytes
 .../03-french-republican-calendar.png              | Bin 453541 -> 434674 bytes
 .../revolutionary-france/04-gregorian.png          | Bin 456593 -> 437778 bytes
 .../calendars/russian-america/01-julian.png        | Bin 502372 -> 474990 bytes
 .../calendars/russian-america/02-gregorian.png     | Bin 478101 -> 458865 bytes
 screenshots/calendars/thailand/01-buddhist.png     | Bin 510288 -> 482738 bytes
 .../vietnam/01-vietnamese-lunisolar-calendar.png   | Bin 755581 -> 709775 bytes
 screenshots/calendars/vietnam/02-gregorian.png     | Bin 736812 -> 691512 bytes
 .../vietnam/03-vietnamese-lunisolar-calendar.png   | Bin 736812 -> 691512 bytes
 src/components/ResultPanel.tsx                     |  12 +++++++-----
 41 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/screenshots/calendars/aztec/01-aztec-xiuhp-hualli.png b/screenshots/calendars/aztec/01-aztec-xiuhp-hualli.png
index f37cfa3..5455d4d 100644
Binary files a/screenshots/calendars/aztec/01-aztec-xiuhp-hualli.png and b/screenshots/calendars/aztec/01-aztec-xiuhp-hualli.png differ
diff --git a/screenshots/calendars/aztec/02-aztec-mexica-year-bearer.png b/screenshots/calendars/aztec/02-aztec-mexica-year-bearer.png
index f37cfa3..5455d4d 100644
Binary files a/screenshots/calendars/aztec/02-aztec-mexica-year-bearer.png and b/screenshots/calendars/aztec/02-aztec-mexica-year-bearer.png differ
diff --git a/screenshots/calendars/aztec/03-t-nalp-hualli.png b/screenshots/calendars/aztec/03-t-nalp-hualli.png
index 22ec325..20331c0 100644
Binary files a/screenshots/calendars/aztec/03-t-nalp-hualli.png and b/screenshots/calendars/aztec/03-t-nalp-hualli.png differ
diff --git a/screenshots/calendars/china/01-chinese-sexagenary-cycle.png b/screenshots/calendars/china/01-chinese-sexagenary-cycle.png
index a169a0e..4ee22f4 100644
Binary files a/screenshots/calendars/china/01-chinese-sexagenary-cycle.png and b/screenshots/calendars/china/01-chinese-sexagenary-cycle.png differ
diff --git a/screenshots/calendars/colonial-america/01-julian.png b/screenshots/calendars/colonial-america/01-julian.png
index acd3592..ba00961 100644
Binary files a/screenshots/calendars/colonial-america/01-julian.png and b/screenshots/calendars/colonial-america/01-julian.png differ
diff --git a/screenshots/calendars/colonial-america/02-gregorian.png b/screenshots/calendars/colonial-america/02-gregorian.png
index eb79d46..ac921e5 100644
Binary files a/screenshots/calendars/colonial-america/02-gregorian.png and b/screenshots/calendars/colonial-america/02-gregorian.png differ
diff --git a/screenshots/calendars/ethiopia/01-ethiopian.png b/screenshots/calendars/ethiopia/01-ethiopian.png
index 757afc7..d0e448e 100644
Binary files a/screenshots/calendars/ethiopia/01-ethiopian.png and b/screenshots/calendars/ethiopia/01-ethiopian.png differ
diff --git a/screenshots/calendars/india/01-indian.png b/screenshots/calendars/india/01-indian.png
index 949d37e..aa63bb7 100644
Binary files a/screenshots/calendars/india/01-indian.png and b/screenshots/calendars/india/01-indian.png differ
diff --git a/screenshots/calendars/iran/01-islamic.png b/screenshots/calendars/iran/01-islamic.png
index 3713c88..23e7c07 100644
Binary files a/screenshots/calendars/iran/01-islamic.png and b/screenshots/calendars/iran/01-islamic.png differ
diff --git a/screenshots/calendars/iran/02-persian.png b/screenshots/calendars/iran/02-persian.png
index 494fbb0..e22604d 100644
Binary files a/screenshots/calendars/iran/02-persian.png and b/screenshots/calendars/iran/02-persian.png differ
diff --git a/screenshots/calendars/japan/01-japanese-lunisolar-calendar.png b/screenshots/calendars/japan/01-japanese-lunisolar-calendar.png
index 72391fc..4b335b5 100644
Binary files a/screenshots/calendars/japan/01-japanese-lunisolar-calendar.png and b/screenshots/calendars/japan/01-japanese-lunisolar-calendar.png differ
diff --git a/screenshots/calendars/japan/02-japanese.png b/screenshots/calendars/japan/02-japanese.png
index dbcd570..315159e 100644
Binary files a/screenshots/calendars/japan/02-japanese.png and b/screenshots/calendars/japan/02-japanese.png differ
diff --git a/screenshots/calendars/judea/01-hebrew.png b/screenshots/calendars/judea/01-hebrew.png
index 915b157..63396eb 100644
Binary files a/screenshots/calendars/judea/01-hebrew.png and b/screenshots/calendars/judea/01-hebrew.png differ
diff --git a/screenshots/calendars/korea/01-korean-lunisolar-calendar.png b/screenshots/calendars/korea/01-korean-lunisolar-calendar.png
index f1247d8..f3a1aa5 100644
Binary files a/screenshots/calendars/korea/01-korean-lunisolar-calendar.png and b/screenshots/calendars/korea/01-korean-lunisolar-calendar.png differ
diff --git a/screenshots/calendars/korea/02-gregorian.png b/screenshots/calendars/korea/02-gregorian.png
index 49abd65..90814d6 100644
Binary files a/screenshots/calendars/korea/02-gregorian.png and b/screenshots/calendars/korea/02-gregorian.png differ
diff --git a/screenshots/calendars/korea/03-gregorian.png b/screenshots/calendars/korea/03-gregorian.png
index cd822c2..7646be5 100644
Binary files a/screenshots/calendars/korea/03-gregorian.png and b/screenshots/calendars/korea/03-gregorian.png differ
diff --git a/screenshots/calendars/korea/04-gregorian.png b/screenshots/calendars/korea/04-gregorian.png
index 6194bab..e133eb6 100644
Binary files a/screenshots/calendars/korea/04-gregorian.png and b/screenshots/calendars/korea/04-gregorian.png differ
diff --git a/screenshots/calendars/korea/05-gregorian.png b/screenshots/calendars/korea/05-gregorian.png
index 04a9427..21134a8 100644
Binary files a/screenshots/calendars/korea/05-gregorian.png and b/screenshots/calendars/korea/05-gregorian.png differ
diff --git a/screenshots/calendars/korea/06-dangi.png b/screenshots/calendars/korea/06-dangi.png
index f76a7ca..85015bd 100644
Binary files a/screenshots/calendars/korea/06-dangi.png and b/screenshots/calendars/korea/06-dangi.png differ
diff --git a/screenshots/calendars/maori/01-maramataka-m-ori-lunar-calendar.png b/screenshots/calendars/maori/01-maramataka-m-ori-lunar-calendar.png
index 9978a2f..8247641 100644
Binary files a/screenshots/calendars/maori/01-maramataka-m-ori-lunar-calendar.png and b/screenshots/calendars/maori/01-maramataka-m-ori-lunar-calendar.png differ
diff --git a/screenshots/calendars/massachusett/01-algonquian-lunar-calendar.png b/screenshots/calendars/massachusett/01-algonquian-lunar-calendar.png
index 0181dd4..267716f 100644
Binary files a/screenshots/calendars/massachusett/01-algonquian-lunar-calendar.png and b/screenshots/calendars/massachusett/01-algonquian-lunar-calendar.png differ
diff --git a/screenshots/calendars/maya/01-maya-long-count.png b/screenshots/calendars/maya/01-maya-long-count.png
index e1837ce..17fd8e3 100644
Binary files a/screenshots/calendars/maya/01-maya-long-count.png and b/screenshots/calendars/maya/01-maya-long-count.png differ
diff --git a/screenshots/calendars/maya/02-tzolk-in-and-haab-calendar-round.png b/screenshots/calendars/maya/02-tzolk-in-and-haab-calendar-round.png
index b426f75..c965461 100644
Binary files a/screenshots/calendars/maya/02-tzolk-in-and-haab-calendar-round.png and b/screenshots/calendars/maya/02-tzolk-in-and-haab-calendar-round.png differ
diff --git a/screenshots/calendars/north-korea/01-dangi.png b/screenshots/calendars/north-korea/01-dangi.png
index 945ec01..c7db5ed 100644
Binary files a/screenshots/calendars/north-korea/01-dangi.png and b/screenshots/calendars/north-korea/01-dangi.png differ
diff --git a/screenshots/calendars/north-korea/02-juche.png b/screenshots/calendars/north-korea/02-juche.png
index c0e07db..bca8a6c 100644
Binary files a/screenshots/calendars/north-korea/02-juche.png and b/screenshots/calendars/north-korea/02-juche.png differ
diff --git a/screenshots/calendars/north-korea/03-gregorian.png b/screenshots/calendars/north-korea/03-gregorian.png
index c68bc97..9594157 100644
Binary files a/screenshots/calendars/north-korea/03-gregorian.png and b/screenshots/calendars/north-korea/03-gregorian.png differ
diff --git a/screenshots/calendars/oregon-country/01-gregorian.png b/screenshots/calendars/oregon-country/01-gregorian.png
index 3975e4c..6eb056b 100644
Binary files a/screenshots/calendars/oregon-country/01-gregorian.png and b/screenshots/calendars/oregon-country/01-gregorian.png differ
diff --git a/screenshots/calendars/ottoman/01-islamic.png b/screenshots/calendars/ottoman/01-islamic.png
index 1129b36..c547e71 100644
Binary files a/screenshots/calendars/ottoman/01-islamic.png and b/screenshots/calendars/ottoman/01-islamic.png differ
diff --git a/screenshots/calendars/ottoman/02-rumi.png b/screenshots/calendars/ottoman/02-rumi.png
index 53dcd70..4ed335e 100644
Binary files a/screenshots/calendars/ottoman/02-rumi.png and b/screenshots/calendars/ottoman/02-rumi.png differ
diff --git a/screenshots/calendars/ottoman/03-gregorian.png b/screenshots/calendars/ottoman/03-gregorian.png
index 7317caf..0a292f0 100644
Binary files a/screenshots/calendars/ottoman/03-gregorian.png and b/screenshots/calendars/ottoman/03-gregorian.png differ
diff --git a/screenshots/calendars/revolutionary-france/01-gregorian.png b/screenshots/calendars/revolutionary-france/01-gregorian.png
index fc73317..c7add60 100644
Binary files a/screenshots/calendars/revolutionary-france/01-gregorian.png and b/screenshots/calendars/revolutionary-france/01-gregorian.png differ
diff --git a/screenshots/calendars/revolutionary-france/02-french-republican-calendar.png b/screenshots/calendars/revolutionary-france/02-french-republican-calendar.png
index 3e9687a..8a4d250 100644
Binary files a/screenshots/calendars/revolutionary-france/02-french-republican-calendar.png and b/screenshots/calendars/revolutionary-france/02-french-republican-calendar.png differ
diff --git a/screenshots/calendars/revolutionary-france/03-french-republican-calendar.png b/screenshots/calendars/revolutionary-france/03-french-republican-calendar.png
index 771f14d..90b8937 100644
Binary files a/screenshots/calendars/revolutionary-france/03-french-republican-calendar.png and b/screenshots/calendars/revolutionary-france/03-french-republican-calendar.png differ
diff --git a/screenshots/calendars/revolutionary-france/04-gregorian.png b/screenshots/calendars/revolutionary-france/04-gregorian.png
index 8e79eba..e3fc759 100644
Binary files a/screenshots/calendars/revolutionary-france/04-gregorian.png and b/screenshots/calendars/revolutionary-france/04-gregorian.png differ
diff --git a/screenshots/calendars/russian-america/01-julian.png b/screenshots/calendars/russian-america/01-julian.png
index dd0d761..d0c5147 100644
Binary files a/screenshots/calendars/russian-america/01-julian.png and b/screenshots/calendars/russian-america/01-julian.png differ
diff --git a/screenshots/calendars/russian-america/02-gregorian.png b/screenshots/calendars/russian-america/02-gregorian.png
index eac278a..e62be08 100644
Binary files a/screenshots/calendars/russian-america/02-gregorian.png and b/screenshots/calendars/russian-america/02-gregorian.png differ
diff --git a/screenshots/calendars/thailand/01-buddhist.png b/screenshots/calendars/thailand/01-buddhist.png
index 66c73ee..71ac9b8 100644
Binary files a/screenshots/calendars/thailand/01-buddhist.png and b/screenshots/calendars/thailand/01-buddhist.png differ
diff --git a/screenshots/calendars/vietnam/01-vietnamese-lunisolar-calendar.png b/screenshots/calendars/vietnam/01-vietnamese-lunisolar-calendar.png
index 976391f..2719f80 100644
Binary files a/screenshots/calendars/vietnam/01-vietnamese-lunisolar-calendar.png and b/screenshots/calendars/vietnam/01-vietnamese-lunisolar-calendar.png differ
diff --git a/screenshots/calendars/vietnam/02-gregorian.png b/screenshots/calendars/vietnam/02-gregorian.png
index 415fdf2..a35da1c 100644
Binary files a/screenshots/calendars/vietnam/02-gregorian.png and b/screenshots/calendars/vietnam/02-gregorian.png differ
diff --git a/screenshots/calendars/vietnam/03-vietnamese-lunisolar-calendar.png b/screenshots/calendars/vietnam/03-vietnamese-lunisolar-calendar.png
index 415fdf2..a35da1c 100644
Binary files a/screenshots/calendars/vietnam/03-vietnamese-lunisolar-calendar.png and b/screenshots/calendars/vietnam/03-vietnamese-lunisolar-calendar.png differ
diff --git a/src/components/ResultPanel.tsx b/src/components/ResultPanel.tsx
index 60a1a2e..fde20e9 100644
--- a/src/components/ResultPanel.tsx
+++ b/src/components/ResultPanel.tsx
@@ -98,18 +98,20 @@ function AnswerCard({ answer, color }: { answer: Answer; color: string }) {
                 border: `3px solid ${color}`,
             }}
         >
-            {/* A faint wash of the calendar's color in the top-left corner, fading to
-                transparent — a quiet hint of which calendar this card belongs to,
-                echoing the map/timeline legend without tinting the body text. */}
+            {/* A faint wash of the calendar's color along the top edge, fading
+                straight down to transparent — a quiet hint of which calendar this
+                card belongs to, echoing the map/timeline legend without tinting
+                the body text. Linear (not radial) so it fades evenly across the
+                full width instead of leaving a curved edge partway down. */}
             <div
                 aria-hidden
                 style={{
                     position: 'absolute',
                     top: 0,
                     left: 0,
-                    width: 280,
+                    right: 0,
                     height: 90,
-                    background: `radial-gradient(circle at top left, ${color} 0%, transparent 70%)`,
+                    background: `linear-gradient(to bottom, ${color} 0%, transparent 100%)`,
                     opacity: 0.35,
                     pointerEvents: 'none',
                 }}