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).
This commit is contained in:
2025-12-25 14:23:37 +01:00
parent 43ac6da8df
commit d2cbf7d381
22 changed files with 1976 additions and 0 deletions

View File

@@ -10,12 +10,32 @@ import tailwindConfig from "../../lessons/de/10-tailwind-basics.json";
import htmlElementsConfig from "../../lessons/de/20-html-elements.json";
import htmlFormsBasicConfig from "../../lessons/de/21-html-forms-basic.json";
import htmlFormsValidationConfig from "../../lessons/de/22-html-forms-validation.json";
import htmlDetailsSummaryConfig from "../../lessons/de/23-html-details-summary.json";
import htmlProgressMeterConfig from "../../lessons/de/24-html-progress-meter.json";
import htmlDatalistConfig from "../../lessons/de/25-html-datalist.json";
import htmlDataAttributesConfig from "../../lessons/de/26-html-data-attributes.json";
import htmlDialogConfig from "../../lessons/de/27-html-dialog.json";
import htmlFormsFieldsetConfig from "../../lessons/de/28-html-forms-fieldset.json";
import htmlFigureConfig from "../../lessons/de/29-html-figure.json";
import htmlTablesConfig from "../../lessons/de/30-html-tables.json";
import htmlMarqueeConfig from "../../lessons/de/31-html-marquee.json";
import htmlSvgConfig from "../../lessons/de/32-html-svg.json";
// Module store
const moduleStore = [
htmlElementsConfig,
htmlFormsBasicConfig,
htmlFormsValidationConfig,
htmlDetailsSummaryConfig,
htmlProgressMeterConfig,
htmlDatalistConfig,
htmlDataAttributesConfig,
htmlDialogConfig,
htmlFormsFieldsetConfig,
htmlFigureConfig,
htmlTablesConfig,
htmlMarqueeConfig,
htmlSvgConfig,
basicSelectorsConfig,
advancedSelectorsConfig,
tailwindConfig

View File

@@ -10,12 +10,32 @@ import tailwindConfig from "../../lessons/10-tailwind-basics.json";
import htmlElementsConfig from "../../lessons/20-html-elements.json";
import htmlFormsBasicConfig from "../../lessons/21-html-forms-basic.json";
import htmlFormsValidationConfig from "../../lessons/22-html-forms-validation.json";
import htmlDetailsSummaryConfig from "../../lessons/23-html-details-summary.json";
import htmlProgressMeterConfig from "../../lessons/24-html-progress-meter.json";
import htmlDatalistConfig from "../../lessons/25-html-datalist.json";
import htmlDataAttributesConfig from "../../lessons/26-html-data-attributes.json";
import htmlDialogConfig from "../../lessons/27-html-dialog.json";
import htmlFormsFieldsetConfig from "../../lessons/28-html-forms-fieldset.json";
import htmlFigureConfig from "../../lessons/29-html-figure.json";
import htmlTablesConfig from "../../lessons/30-html-tables.json";
import htmlMarqueeConfig from "../../lessons/31-html-marquee.json";
import htmlSvgConfig from "../../lessons/32-html-svg.json";
// Module store
const moduleStore = [
htmlElementsConfig,
htmlFormsBasicConfig,
htmlFormsValidationConfig,
htmlDetailsSummaryConfig,
htmlProgressMeterConfig,
htmlDatalistConfig,
htmlDataAttributesConfig,
htmlDialogConfig,
htmlFormsFieldsetConfig,
htmlFigureConfig,
htmlTablesConfig,
htmlMarqueeConfig,
htmlSvgConfig,
basicSelectorsConfig,
advancedSelectorsConfig,
tailwindConfig