feat: add welcome lesson, DVD bounce animation, mobile layout reorder

- Add Welcome module with intro lessons (EN/DE)
- Success message now bounces like DVD screensaver (10s duration)
- Mobile: nav bar at top, preview before editor
- Logo: CODE with purple background pill
This commit is contained in:
2025-12-30 21:44:37 +01:00
parent 7f3451922a
commit e28f23d126
5 changed files with 270 additions and 26 deletions

View File

@@ -4,6 +4,7 @@
*/
// English lesson imports
import welcomeEN from "../../lessons/00-welcome.json";
import basicSelectorsEN from "../../lessons/00-basic-selectors.json";
import boxModelEN from "../../lessons/01-box-model.json";
import unitsVariablesEN from "../../lessons/05-units-variables.json";
@@ -20,6 +21,7 @@ import htmlSvgEN from "../../lessons/32-html-svg.json";
import flexboxEN from "../../lessons/flexbox.json";
// German lesson imports
import welcomeDE from "../../lessons/de/00-welcome.json";
import basicSelectorsDE from "../../lessons/de/00-basic-selectors.json";
import boxModelDE from "../../lessons/de/01-box-model.json";
import unitsVariablesDE from "../../lessons/de/05-units-variables.json";
@@ -37,6 +39,8 @@ import flexboxDE from "../../lessons/de/flexbox.json";
// English module store - ordered by learning path
const moduleStoreEN = [
// Welcome
welcomeEN,
// HTML Grundlagen
htmlElementsEN,
htmlFormsBasicEN,
@@ -61,6 +65,8 @@ const moduleStoreEN = [
// German module store - ordered by learning path
const moduleStoreDE = [
// Welcome
welcomeDE,
// HTML Grundlagen
htmlElementsDE,
htmlFormsBasicDE,