6 Commits

Author	SHA1	Message	Date
Michael Czechowski	dddce116bd	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	a2649c9d2d	feat: add Emmet pro tip to FAQ accordion lesson ... Explain details*3>summary+p shorthand for quickly scaffolding multiple disclosure widgets with nested summary and p elements.	2025-12-30 12:36:05 +01:00
Michael Czechowski	2f2969da11	fix: escape HTML tags in lesson validation messages ... Prevent HTML elements like <details>, <option>, <form> from being rendered as actual elements in hint messages by properly escaping them with &lt; &gt; and wrapping in <kbd> tags.	2025-12-30 12:25:22 +01:00
Michael Czechowski	31407dcb51	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	2025-12-25 15:55:26 +01:00
Michael Czechowski	c8a643582f	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)	2025-12-25 15:16:31 +01:00
Michael Czechowski	529256b367	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).	2025-12-25 14:23:37 +01:00