public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity
252 Commits 11 Branches 0 Tags
282580a40a8aebb37a57ddb5a9e9e1cc197b41f5
Commit Graph

11 Commits

Author SHA1 Message Date
Michael Czechowski
bd3f9ab96a refactor: rewrite CSS lessons with realistic real-world examples 
- Box Model: profile cards, alerts, buttons instead of generic boxes
- Flexbox: navigation bars, headers, toolbars, card layouts
- Grid: photo gallery with SVG images, product cards, dashboard layout
- Colors: notification alerts, buttons, badges with visible changes
- Units/Variables: article width, brand variables, sidebar calc, hero vh
- Responsive: feature cards grid instead of numbered divs
- Added missing solutions to enable "Show Expected" feature
- Fixed barely visible border color change in colors lesson

🤖 Generated with [Claude Code](https://claude.com/claude-code)
 2026-01-13 21:11:41 +01:00
Michael Czechowski
688de58987 fix: update English box-model task instructions format 
Apply same task instruction format update to English source file.
 2026-01-07 14:15:12 +01:00
Michael Czechowski
52142f1594 feat: add contact section and smooth lesson transitions 
- Add contact section to help dialog with librete.ch, GitHub, Gitea, LinkedIn links
- Add HTML/CSS prefixes to English module titles for consistency with German
- Add CSS transitions for smooth lesson switching
- Add transitioning class to prevent content flash during lesson changes
 2025-12-30 20:48:03 +01:00
Michael Czechowski
e13a4fe41f refactor: shorten compound class names to single words 
- box-model: .margin-box→.outer, .border-box→.sized, .shorthand-box→.spaced,
  .padding-box→.padded, .border-demo→.line
- units-variables: .unit-box→.box, .var-box→.themed, .calc-box→.sized,
  .viewport-box→.view
- responsive: .responsive-box→.panel, .fluid-text→.text, .grid-responsive→.cards
- Move expected toggle below preview area
- Update German translations with same changes
 2025-12-30 18:23:54 +01:00
Michael Czechowski
1073b2a486 fix: improve lesson content with kbd tags, solutions, and animation contrast 
- Add <kbd> tags to CSS property values and selectors in task descriptions
- Add solution code to all lessons for better guidance
- Improve animation contrast in transitions lesson (black/white instead
  of similar purples, dramatic color changes for visibility)
- Simplify validation messages with kbd formatting
 2025-12-30 16:22:24 +01:00
Michael Czechowski
2b131d0865 refactor: improve lesson clarity and use friendlier values 
Flexbox and Box Model lessons:
- Use explicit task instructions with selector AND property
- Include selector in codePrefix for better context
- Replace hex colors with named CSS colors (steelblue, coral, etc.)
- Simplify values (2px instead of 0.125rem, 1rem instead of 1.25rem)
- Remove redundant contains validations
- Wrap code examples in <code> tags for proper styling
 2025-12-30 12:25:15 +01:00
Michael Czechowski
3f9158852d feat: mark modules as work in progress for better clarity 2025-05-20 01:43:44 +02:00
Michael Czechowski
c786699d64 feat: add JSON schema for course modules and update module files 2025-05-14 11:28:43 +02:00
Michael Czechowski
b7ed260867 feat: update module titles and enhance button styles 2025-05-14 03:40:15 +02:00
Michael Czechowski
6f05de5de5 feat: update lessons 2025-05-14 01:40:47 +02:00
Michael Czechowski
c391f6a96b feat: restructure lesson files and update success indicators 2025-05-14 00:51:10 +02:00