Files
DanielandClaude Opus 5.5 b341a658bc Bootstrap lokal einbetten und Stil der AG anlegen (#27)
- werkzeuge/bootstrap/: Bootstrap 5.3.8 (CSS, JS-Bundle) und Bootstrap
  Icons 1.13.1 (CSS, woff2/woff) byte-gleich aus den npm-Paketen,
  Integrität geprüft; README mit Version, Quelle, Integrität, Lizenz
  und Aktualisierung; Lizenzen (MIT) daneben; .gitattributes: binary,
  die README bleibt Text mit Diff.
- werkzeuge/stil/ag_prozesse.css: eigene kleine Stilschicht (ag-*):
  Seite in voller Höhe, dunkle Navigationsleiste, hellgrauer
  Hintergrund, Karten mit farbigem Rand, Tabellenziffern, Druck.
  Vorbild VLN_SN/EA-Bilanz, nichts übernommen.
- Vorschau: Kopfzeile als dunkle Navigationsleiste mit Icon-Knöpfen;
  JavaScript, IDs und Zeichenfläche (Wasserzeichen) unverändert.
- scripts/vorschau.py bettet Bootstrap, Icons und Stil ein und setzt die
  Icon-Schrift als data:-URI ein (_schriften_einbetten); ein nicht
  einbettbarer Schriftverweis bricht laut ab.
- Tests: drei neue in test_vorschau.py; der Aufbau von
  test_bibliothek_mit_script_ende_wird_abgelehnt kopiert jetzt ganz
  werkzeuge/ (Erwartung unverändert).
- AGENTS.md: eingebettete Fremdbibliotheken sind bpmn-js und Bootstrap.
- Tests: python -m pytest -q -> 256 bestanden, 1 übersprungen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-25 20:11:29 +02:00
..

Bootstrap und Bootstrap Icons (lokal eingebettet)

Grundlage für das Aussehen der HTML-Seiten der AG, zuerst der BPMN-Vorschau (werkzeuge/vorschau/). Vorbild ist die Anmutung der Anwendungen in VLN_SN (docs/wissen/vln_sn.md). Die Bibliotheken liegen lokal, weil unsere Werkzeuge offline arbeiten. Die eigenen Regeln stehen in werkzeuge/stil/ag_prozesse.css, nicht hier.

Eingebettete Dateien

Bootstrap Bootstrap Icons
Paket (npm) bootstrap 5.3.8 bootstrap-icons 1.13.1
Quelle https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.13.1.tgz
Integrität (npm) sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg== sha512-ijombt4v6bv5CLeXvRWKy7CuM3TRTuPEuGaGKvTV5cz65rQSY8RQ2JcHt6b90cBBAC7s8fsf2EkQDldzCoXUjw==
Dateien dist/css/bootstrap.min.css → bootstrap.min.css, dist/js/bootstrap.bundle.min.js → bootstrap.bundle.min.js font/bootstrap-icons.min.css → icons/bootstrap-icons.min.css, font/fonts/bootstrap-icons.woff2 und .woff → icons/fonts/
Lizenz MIT, LICENSE MIT, icons/LICENSE

Die Dateien sind byte-gleich mit dem Paket (.gitattributes: binary). Nicht von Hand ändern.

Hinweise

  • Nichts aus dem Netz. Die CSS verweist nur auf eingebettete data:-Grafiken bzw. auf icons/fonts/. Die sourceMappingURL-Kommentare zeigen auf Dateien, die bewusst fehlen. Browser fragen sie höchstens bei geöffneten Entwicklerwerkzeugen an.
  • Einzeldatei der Vorschau. scripts/vorschau.py bettet die Stylesheets in die erzeugte Seite ein und setzt dabei die woff2-Schrift der Icons als data:-URI ein. Der woff-Rückfall entfällt dort, er wird nur beim direkten Öffnen von vorschau.html in sehr alten Browsern gebraucht.
  • JavaScript-Bundle (mit Popper) liegt für Bedienelemente wie Modal oder Tooltip bereit. Die Vorschau braucht es derzeit nicht und bindet es nicht ein.

Aktualisieren

  1. In der npm-Registry die neue Version nachsehen (https://registry.npmjs.org/bootstrap/latest, entsprechend bootstrap-icons) und das Paket (dist.tarball) herunterladen.
  2. Integrität prüfen: sha512- + Base64 der SHA-512 des Pakets muss dist.integrity entsprechen.
  3. Die Dateien aus der Tabelle unverändert übernehmen, Tabelle (Version, Quelle, Integrität) nachziehen.
  4. python -m pytest -q (prüft u. a., dass die Vorschau nichts nachlädt) und die Vorschau im Browser ansehen.
  5. Pull Request mit Verweis auf die Release-Hinweise der neuen Version.