feat: add Markdown learning module with 8 beginner lessons

- Add markdown-basics module with lessons for headings, text formatting,
  lists, links, and inline code
- Integrate markdown section with blue color theme (#5b8dd9)
- Add markdown mode support in CodeEditor and LessonEngine
- Add markdown preview rendering using marked library
- Add section overview page with educational content
- Add markdown reference page with syntax guide
- Add i18n translations for 6 languages (EN, DE, PL, ES, AR, UK)
- Update router to recognize #markdown as section route
- Add all section-specific CSS styles for markdown theme
This commit is contained in:
2026-01-25 11:27:07 +01:00
parent 07aafa0d89
commit 739470e045
14 changed files with 627 additions and 26 deletions

View File

@@ -30,6 +30,7 @@ import gradientsEN from "../../lessons/09-gradients.json";
import filtersEN from "../../lessons/11-filters.json";
import positioningEN from "../../lessons/12-positioning.json";
import pseudoElementsEN from "../../lessons/13-pseudo-elements.json";
import markdownBasicsEN from "../../lessons/40-markdown-basics.json";
import playgroundEN from "../../lessons/98-playground.json";
import goodbyeEN from "../../lessons/99-goodbye.json";
@@ -162,6 +163,8 @@ const moduleStoreEN = [
htmlFieldsetEN,
htmlDatalistEN,
htmlTablesEN,
// Markdown
markdownBasicsEN,
// Outro
goodbyeEN,
playgroundEN
@@ -201,6 +204,8 @@ const moduleStoreDE = [
htmlFieldsetDE,
htmlDatalistDE,
htmlTablesDE,
// Markdown
markdownBasicsEN, // Using EN fallback until translated
// Outro
goodbyeEN,
playgroundEN
@@ -240,6 +245,8 @@ const moduleStorePL = [
htmlFieldsetPL,
htmlDatalistPL,
htmlTablesPL,
// Markdown
markdownBasicsEN, // Using EN fallback until translated
// Outro
goodbyeEN,
playgroundEN
@@ -279,6 +286,8 @@ const moduleStoreES = [
htmlFieldsetES,
htmlDatalistES,
htmlTablesES,
// Markdown
markdownBasicsEN, // Using EN fallback until translated
// Outro
goodbyeEN,
playgroundEN
@@ -318,6 +327,8 @@ const moduleStoreAR = [
htmlFieldsetAR,
htmlDatalistAR,
htmlTablesAR,
// Markdown
markdownBasicsEN, // Using EN fallback until translated
// Outro
goodbyeEN,
playgroundEN
@@ -357,6 +368,8 @@ const moduleStoreUK = [
htmlFieldsetUK,
htmlDatalistUK,
htmlTablesUK,
// Markdown
markdownBasicsEN, // Using EN fallback until translated
// Outro
goodbyeEN,
playgroundEN