## [1.0.0] - 2026-01-12 ### Added - Guided Learning Paths feature for structured learning progression - Conceptual explanations and diagrams throughout HTML, CSS, and Tailwind lessons - "Why This Works" concept section with collapsible details/summary elements - Reset code confirmation dialog with skip option - CodeMirror 6 editor with Emmet support and syntax highlighting - Undo/redo/reset editor tools with keyboard shortcuts - Module progress indicator and cross-module navigation - Slide-out sidebar layout with lesson modules - Language switcher supporting English, German, Polish, Spanish, Arabic, and Ukrainian - Dynamic lesson loading by language with RTL support for Arabic - Playground module with full-height HTML & CSS editor - Welcome lesson with Hello World examples in 8 languages and DVD bounce animation - Gentle loading fallback after 3 seconds - Live code preview with instant feedback - Complete German translation of the website - Toggle switch for disabling error feedback with persistent user settings - Code caching for instant lesson restoration on page reload - Help dialog with learning modes and editor tools information - More Projects section in help resources - Footer with links to project repository and author website - JSON schema for course modules - Fine-grained validation feedback for lessons - Keyboard shortcuts for editor tools and lesson navigation - Emmet pro tip in FAQ accordion lesson ### Changed - Lesson schema to include concept field for explanations - Module layout from horizontal to Flexbox Froggy style with reordered panels - Logo design with new branding and clickable navigation - Preview iframe styling for better isolation and full-height display - Module pill to float in navigation bar with lesson counter - Hint bar to float over editor for better space utilization - Welcome lesson with comprehensive info and learning resources - Language display to show current language in dropdown format - Module name element updates instead of overwriting entire pill - Instruction element order with title first, module pill second - Task descriptions with improved clarity and friendlier values - Success message to "CRISPY!" with Japanese smiley emoticon - Lesson content styling with improved readability and accessibility - Mobile layout to show editor and preview in optimized order - CRISPY animation duration and visibility timing - Hamburger menu with cleaner CSS animation - Copyright year from 2025 to 2026 - Transitions-animations difficulty level to intermediate - Meta description and title for HTML & CSS learning focus - Port configuration to 1234 ### Fixed - Mobile preview-header positioning above preview-wrapper - Mobile preview visibility with explicit flex display - Mobile editor minimum height for better usability - Module list max-height constraint removal - Placeholder text and loading indicators - HTML lesson task instructions format alignment with solution code - Race condition in error feedback closure timing - Code tags for quoted text in lesson messages - Preview iframe HTML/body minimum height for full coverage - Lesson content with improved kbd tags and syntax examples - Browser form restoration artifact from hidden textarea - WCAG compliance issues and keyboard accessibility - Box model task instructions format across all languages - Hello World lesson with proper HTML structure and paragraph tags - German translation consistency and completeness - Initialization bugs affecting level indicator and expected preview - Validation message casing and clarity - Module name truncation to mobile only - Layout issues for RTL text in Arabic - Logo positioning and animation centering - Editor scrolling behavior on lesson navigation ### Improved - Lesson clarity with semantic HTML and proper element usage - CSS organization with section headers and sorted rules - Module descriptions for better user understanding - Validation rules for basic selectors and class selectors lessons - Progress bar styling with increased height and new background color - Lesson preview functionality and run button interaction - Code element styling and accessibility features - Sidebar transparency for better lesson focus - Layout performance with synchronous module loading - Button styling and interactive elements - Performance with code caching and module loading optimization