Claude/fitness app styling 7gi jd#2
Open
Stefan1976Bln wants to merge 9 commits intoLinkedInLearning:mainfrom
Open
Claude/fitness app styling 7gi jd#2Stefan1976Bln wants to merge 9 commits intoLinkedInLearning:mainfrom
Stefan1976Bln wants to merge 9 commits intoLinkedInLearning:mainfrom
Conversation
First clickable HTML preview with Dark & Athletic + premium gold accent (#DAAC2F). Includes greeting header, hero workout card, daily goal rings, quick actions, coach chat preview and bottom nav. Design tokens live as CSS variables in assets/styles.css for easy iteration. https://claude.ai/code/session_01PKpUwcY5q6BupqdT8F7xCJ
- workout.html: workout detail with banner, coach note, exercise list (incl. superset grouping, finisher tag) and sticky start CTA - exercise.html: hero media, last performance vs target, set tracker with weight/reps inputs, completion checkmarks, rest timer overlay - progress.html: tabs, weight chart with gold gradient line, PR list (with NEW badge), Health-Sync grid (Apple Health / Google Fit data) - index.html: wire CTA + nav to other screens - styles.css: ~600 lines of new components (topbar, banner, exercise list, sets, rest timer, charts, PR cards, health grid, tabs) - logo.svg: angular FA monogram closer to the gold brand mark https://claude.ai/code/session_01PKpUwcY5q6BupqdT8F7xCJ
- Introduce --bg-primary, --bg-secondary, and updated gold/text variables in :root - Rename --bg-base/--bg-surface usages to --bg-primary/--bg-secondary - Update inline gold rgba values to match new --gold (#D4AF37) - Reference assets/logo.png instead of logo.svg in index.html https://claude.ai/code/session_01TJSLtZQ8ZtxU1GnDUfkN9Y
- Drop duplicate "Prime Coaching" text since the logo PNG already contains it - Resize .brandbar-logo from 22x22 square to height 44px with auto width and object-fit contain so the wide logo renders at its natural ratio https://claude.ai/code/session_01TJSLtZQ8ZtxU1GnDUfkN9Y
Auto-publishes fabio-antunes-app/prototype to GitHub Pages on every push to the styling branch and main, so the prototype can be shared as a plain URL without any local setup. https://claude.ai/code/session_01TJSLtZQ8ZtxU1GnDUfkN9Y
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.