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

5 Commits

Author SHA1 Message Date
Michael Czechowski
9e96be983e refactor: add HTML/CSS prefixes to German module titles and improve UI 
- Shorten German module titles with consistent HTML/CSS prefixes
- Add .completion-badge styling for the lesson title completion badge
- Make sidebar lessons section fill available height on desktop
- Improve flexbox lesson descriptions with more context
 2025-12-30 20:38:41 +01:00
Michael Czechowski
51e726fe76 docs: clarify that progress element is not self-closing 
Make explicit that <progress> requires a closing tag and can
contain fallback text, unlike self-closing tags like <input>.
 2025-12-30 12:37:54 +01:00
Michael Czechowski
3b03d35c5f fix: add kbd tags to validation messages for clarity 
- Wrap HTML element names in <kbd> tags in all validation messages
- Apply consistent formatting to both English and German lessons
- Make hints clearer about which elements/attributes to use
- Fix mobile editor layout overflow issue

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2025-12-25 15:55:26 +01:00
Michael Czechowski
d799ced207 fix: remove placeholder comments and improve German translations 
- Remove placeholder comments from initialCode fields
- Fix typo: "wichtig Wort" -> "wichtigen Wort" in de/20-html-elements.json
- Improve German validation messages for readability
- Use consistent terminology (Eingabefeld instead of Input)

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2025-12-25 15:16:31 +01:00
Michael Czechowski
71945cce37 feat: add 10 new HTML5 lesson modules (EN + DE) 
New lesson modules covering native HTML5 features:
- Details & Summary: disclosure widgets
- Progress & Meter: progress bars and gauges
- Datalist: autocomplete inputs
- Data Attributes: custom data-* attributes
- Dialog: native modal dialogs
- Forms with Fieldset: grouped form controls
- Figure & Figcaption: self-contained content
- Tables: structured data with caption, thead, tbody, tfoot
- Marquee: classic scrolling text (deprecated but fun)
- SVG Basics: drawing circles, rectangles, and lines

Each module includes 2-3 progressive lessons with fancy
styling (pastel gradients, 100vh layouts, etc).

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
 2025-12-25 14:23:37 +01:00