Interaktiver Lia-Kurs

Ein Yellowbee-Workshop-Skript als LiaScript-Kurs: editierbare Markdown-Quelle, exportiert als eigenständiges Webpaket und eingebettet in die bestehende Yellowbee-Webseite.

Kurs ansehen Vollbild öffnen

01 · Architektur

Website bleibt Website. Kurs bleibt Kurs.

Die Yellowbee-Seite liefert Marke, Navigation, Kontext und Download-Umgebung. LiaScript liefert die interaktive Kurslogik mit Slides, Quizfragen und Aufgaben. Der Exporter verbindet beides zu einem eigenständigen Webpaket, das wir hier sauber einbetten.

LiaScript-Quelle

Ein Markdown-Dokument unter lia-src/hermes-agent/README.md.

Yellowbee-Theme

CSS-Variablen und Oberflächenstil unter lia/themes/stroemungswerk-lia.css.

Web-Export

Generiert nach lia/hermes-agent/ und per iframe eingebettet.

02 · Live eingebettet

Der exportierte Kurs

Das ist kein Screenshot und keine Demo-Kachel, sondern das echte LiaScript-Webpaket aus dem Exporter. Für mehr Platz kannst du es oben im Vollbild öffnen.

03 · Build

Ein Befehl baut den Kurs neu.

Wenn das LiaScript geaendert wird, reicht der Build-Befehl. Der Exporter erzeugt das autonome Webpaket, inklusive Yellowbee-Theme und stabilem IndexedDB-Key fuer Lernzustand.

bash tools/build-lia-hermes.sh

Naechster Ausbauschritt

Aus derselben Quelle koennen wir spaeter PDF, SCORM 2004 oder xAPI-Exporte bauen, ohne das Yellowbee-Design der Website anzufassen.

04 · Dateien

Was hier entstanden ist

lia-src/hermes-agent/README.md — editierbares LiaScript.
lia/themes/stroemungswerk-lia.css — Yellowbee-Theme fuer LiaScript.
tools/build-lia-hermes.sh — Exporter-Build.
lia/hermes-agent/ — generiertes Webpaket.
hermes-lia-kurs.dc.html — diese Yellowbee-Wrapper-Seite.

Zum klassischen Workbook Lia-Kurs Vollbild