chore(release): 4.20.5 [skip ci]

## [4.20.5](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.4...v4.20.5) (2025-10-20) ### Bug Fixes * **docker:** include Panda CSS styled-system in production image ([57fabff](57fabffe60))
fix(docker): include Panda CSS styled-system in production image
2025-10-20 01:12:42 +00:00 · 2025-10-19 20:11:38 -05:00 · 2025-10-19 19:07:08 +00:00 · 2025-10-19 14:06:02 -05:00
4 changed files with 32 additions and 15 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## [4.20.5](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.4...v4.20.5) (2025-10-20)
+
+
+### Bug Fixes
+
+* **docker:** include Panda CSS styled-system in production image ([57fabff](https://github.com/antialias/soroban-abacus-flashcards/commit/57fabffe605d953b4a4d7e05032401cbf1ab2d14))
+
+## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19)
+
+
+### Bug Fixes
+
+* **homepage:** use inline styles for Your Journey text contrast ([8e51390](https://github.com/antialias/soroban-abacus-flashcards/commit/8e5139001818d7013e1b2654ac707f7429316d58)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)
+
 ## [4.20.3](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.2...v4.20.3) (2025-10-19)


--- a/3
+++ b/3
@@ -59,6 +59,9 @@ RUN adduser --system --uid 1001 nextjs
 COPY --from=builder --chown=nextjs:nodejs /app/apps/web/.next ./apps/web/.next
 COPY --from=builder --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public

+# Copy Panda CSS generated styles
+COPY --from=builder --chown=nextjs:nodejs /app/apps/web/styled-system ./apps/web/styled-system
+
 # Copy server files (compiled from TypeScript)
 COPY --from=builder --chown=nextjs:nodejs /app/apps/web/server.js ./apps/web/
 COPY --from=builder --chown=nextjs:nodejs /app/apps/web/dist ./apps/web/dist
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -379,9 +379,7 @@ export default function HomePage() {
              >
                Your Journey
              </h2>
-              <p className={css({ color: 'rgba(229, 231, 235, 1)', fontSize: 'md' })}>
-                Progress from beginner to master
-              </p>
+              <p style={{ color: '#e5e7eb', fontSize: '16px' }}>Progress from beginner to master</p>
            </div>

            <div
@@ -426,17 +424,17 @@ export default function HomePage() {
                    >
                      {stage.level}
                    </div>
-                    <div className={css({ fontSize: 'sm', color: 'rgba(229, 231, 235, 1)' })}>
-                      {stage.label}
-                    </div>
+                    <div style={{ fontSize: '14px', color: '#e5e7eb' }}>{stage.label}</div>
                    {i < 3 && (
                      <div
-                        className={css({
-                          display: { base: 'none', md: 'block' },
+                        style={{
                          position: 'absolute',
                          right: '-50%',
-                          fontSize: 'xl',
-                          color: 'rgba(156, 163, 175, 1)',
+                          fontSize: '20px',
+                          color: '#9ca3af',
+                        }}
+                        className={css({
+                          display: { base: 'none', md: 'block' },
                        })}
                      >
                        →
@@ -446,12 +444,14 @@ export default function HomePage() {
                ))}
              </div>
              <div
+                style={{
+                  textAlign: 'center',
+                  fontSize: '14px',
+                  color: '#d1d5db',
+                  fontStyle: 'italic',
+                }}
                className={css({
                  mt: '6',
-                  textAlign: 'center',
-                  fontSize: 'sm',
-                  color: 'rgba(209, 213, 219, 1)',
-                  fontStyle: 'italic',
                })}
              >
                You'll progress through all these levels eventually ↑
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.20.3",
+  "version": "4.20.5",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	eed890dc81	chore(release): 4.20.5 [skip ci] ## [4.20.5](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.4...v4.20.5) (2025-10-20) ### Bug Fixes * docker: include Panda CSS styled-system in production image ([`57fabff`](`57fabffe60`))	2025-10-20 01:12:42 +00:00
Thomas Hallock	57fabffe60	fix(docker): include Panda CSS styled-system in production image The styled-system directory containing generated Panda CSS was being created during build but not copied to the production image, causing all Panda CSS classes to be undefined at runtime. This fix copies the generated styled-system directory from the builder stage to the production image, ensuring styles.css is available. Fixes missing CSS definitions for classes like fs_xl, font_bold, text_blue.400 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-19 20:11:38 -05:00
semantic-release-bot	89fb670f93	chore(release): 4.20.4 [skip ci] ## [4.20.4](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.20.3...v4.20.4) (2025-10-19) ### Bug Fixes * homepage: use inline styles for Your Journey text contrast ([`8e51390`](`8e51390018`)), closes [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#e5e7](https://github.com/antialias/soroban-abacus-flashcards/issues/e5e7) [#9ca3](https://github.com/antialias/soroban-abacus-flashcards/issues/9ca3) [#d1d5](https://github.com/antialias/soroban-abacus-flashcards/issues/d1d5)	2025-10-19 19:07:08 +00:00
Thomas Hallock	8e51390018	fix(homepage): use inline styles for Your Journey text contrast Switched from Panda CSS to direct inline styles with hex colors: - Labels (Beginner/Intermediate/Advanced/Master): #e5e7eb (light gray) - Subtitle: #e5e7eb (light gray) - Arrows: #9ca3af (medium gray) - Footer: #d1d5db (light gray) This bypasses any CSS framework issues and applies colors directly. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-19 14:06:02 -05:00