antialias
/
soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(rithmomachia): increase pyramid face numbers size and boldness 

Made pyramid face numbers significantly larger and bolder:
- Increased font size from 0.26 to 0.35 (34.6% larger)
- Increased stroke width from 0.03 to 0.05 (66.7% thicker outline)
- Changed font to "Arial Black" for maximum boldness
- Font weight remains at 900 (maximum)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-11-02 13:26:06 -06:00
parent 286f5f2a83
commit 7bf2d730d3
1 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
apps/web/src/arcade-games/rithmomachia/components/PieceRenderer.tsx
View File

@ -254,10 +254,10 @@ export function PieceRenderer({
dominantBaseline="middle"
fill="none"
stroke={isDark ? '#000000' : '#ffffff'}
strokeWidth={size * 0.03}
fontSize={size * 0.26}
strokeWidth={size * 0.05}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
>
{pyramidFaces[0]}
</text>
@ -268,9 +268,9 @@ export function PieceRenderer({
textAnchor="middle"
dominantBaseline="middle"
fill={isDark ? '#fbbf24' : '#b45309'}
fontSize={size * 0.26}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
filter={`url(#face-shadow-${color})`}
style={{ transition: 'all 0.2s ease' }}
>
@ -285,10 +285,10 @@ export function PieceRenderer({
dominantBaseline="middle"
fill="none"
stroke={isDark ? '#000000' : '#ffffff'}
strokeWidth={size * 0.03}
fontSize={size * 0.26}
strokeWidth={size * 0.05}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
>
{pyramidFaces[1]}
</text>
@ -298,9 +298,9 @@ export function PieceRenderer({
textAnchor="middle"
dominantBaseline="middle"
fill={isDark ? '#fbbf24' : '#b45309'}
fontSize={size * 0.26}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
filter={`url(#face-shadow-${color})`}
style={{ transition: 'all 0.2s ease' }}
>
@ -315,10 +315,10 @@ export function PieceRenderer({
dominantBaseline="middle"
fill="none"
stroke={isDark ? '#000000' : '#ffffff'}
strokeWidth={size * 0.03}
fontSize={size * 0.26}
strokeWidth={size * 0.05}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
>
{pyramidFaces[2]}
</text>
@ -328,9 +328,9 @@ export function PieceRenderer({
textAnchor="middle"
dominantBaseline="middle"
fill={isDark ? '#fbbf24' : '#b45309'}
fontSize={size * 0.26}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
filter={`url(#face-shadow-${color})`}
style={{ transition: 'all 0.2s ease' }}
>
@ -345,10 +345,10 @@ export function PieceRenderer({
dominantBaseline="middle"
fill="none"
stroke={isDark ? '#000000' : '#ffffff'}
strokeWidth={size * 0.03}
fontSize={size * 0.26}
strokeWidth={size * 0.05}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
>
{pyramidFaces[3]}
</text>
@ -358,9 +358,9 @@ export function PieceRenderer({
textAnchor="middle"
dominantBaseline="middle"
fill={isDark ? '#fbbf24' : '#b45309'}
fontSize={size * 0.26}
fontSize={size * 0.35}
fontWeight="900"
fontFamily="Arial, sans-serif"
fontFamily="Arial Black, Arial, sans-serif"
filter={`url(#face-shadow-${color})`}
style={{ transition: 'all 0.2s ease' }}
>