Eine Biene als Wappen, an allen vier Stellen

Aus dem Quadrat links in beiden Leisten wird eine Pixelbiene von der Seite:
braune Streifen, schwarze Beine, Fluegel mit Kerbe. Sie steht in genau einem
Raster (tools/biene.py, 16x16 Zeichen); daraus entstehen SVG, PNG und eine
Fassung aus Schriftzeichen.

SVG statt PNG in den Leisten: Die HoneyBar laeuft in fremden Apps, und ob ein
<img> dort laedt, entscheidet deren CSP. Markup kann niemand blockieren.

Im System-Fenster und ueber dem Startlauf steht die Biene aus Schriftzeichen —
beides sind Textflaechen, ein Bild darin waere ein Fremdkoerper.

Das Wappen liegt an drei Stellen (Datei, Modul, HoneyBar-Zeile), weil die
Leiste nichts nachladen kann. TestWappenIstUeberallDasselbe haelt sie gleich.

web/js/os.js

@@ -4,6 +4,7 @@ import {
   SS_BOOTED, state,
 } from "./core.js";
 import { GLYPHS, glyphSvg } from "./glyphs.js";
+import { BIENE_ASCII, BIENE_SVG } from "./biene.js";
 import {
   widgetPlan, widgetPlanSetzen, widgetsLaden, widgetsOrdnen, widgetsStarten, widgetsZeichnen,
 } from "./widgets/rahmen.js";
@@ -79,6 +80,9 @@ function runBoot() {
   return new Promise((resolve) => {
     const log = $("bootLog");
     const el = $("boot");
+    // Über dem Protokoll die Biene — auch hier aus Schriftzeichen, denn der
+    // Startlauf ist Text und nichts anderes.
+    $("bootBiene").textContent = BIENE_ASCII;
     el.hidden = false;
     const lines = bootLines();
     let i = 0;
@@ -122,6 +126,9 @@ function runBoot() {
 
 function renderShell() {
   $("desktop").hidden = false;
+  // Das Wappen steht im Markup, nicht als Bilddatei — dieselbe Zeile wie in
+  // der HoneyBar fremder Apps, damit beide Leisten wirklich dasselbe zeigen.
+  $("logoBiene").innerHTML = BIENE_SVG;
   renderMenubarApps();
   renderMode();
   tickClock();