Logo einbinden: Favicons, Apple-Icon und Marken-Quellen

Das Logo lag bisher nirgends im Einsatz — das Favicon war ein handgeschriebenes
Prisma in Gold/Orange, das Wasserzeichen der Willkommens-Karte der blosse
Markenname als Text.

- docs/brand/ mit lockup.png (volles Logo) und mark.png (nur der Wolfskopf)
  plus build.py, das beide und alle abgeleiteten Icons erzeugt
- frontend: favicon.svg ersetzt, apple-touch-icon.png dazu und verlinkt
- Zwei Fassungen, weil das Lockup bei 16 px zu einem orangen Balken wird; der
  Kopfzuschnitt wurde gegen drei Varianten geprueft
- SVG mit eingebettetem PNG statt Vektorisierung: das Original hat Verlaeufe
  und Schattierung, nachgezeichnet wuerde es matschen
- Die Icons auf dunklem Grund sind deckend, sonst legt iOS hinter transparente
  Lesezeichen Schwarz oder Weiss und der Wolf ist selbst fast schwarz

Geprueft: beide Dateien werden mit korrektem MIME-Typ ausgeliefert und das SVG
rendert wirklich (128x128), die Link-Tags stehen im gebauten HTML.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

docs/brand/README.md

@@ -0,0 +1,60 @@
+# Marken-Dateien
+
+Alles hier stammt aus einem einzigen Original: dem D4RKST3R-Logo in 2048×2048
+mit Transparenz (Wolfskopf über dem Schriftzug-Banner).
+
+## Was hier liegt
+
+| Datei | Was | Wofür |
+|---|---|---|
+| `lockup.png` | volles Logo, auf den Inhalt beschnitten | Kopfzeilen, Discord-Banner, OG-Bilder |
+| `mark.png` | nur der Wolfskopf, 1024×1024 | alles Quadratische — Favicon, Avatar |
+| `build.py` | erzeugt beide plus die abgeleiteten Icons | Neubau nach Logo-Änderung |
+
+## Warum zwei Fassungen
+
+Das volle Lockup ist bei 16 oder 32 Pixeln unbrauchbar — der Schriftzug wird zu
+einem orangen Balken. Für Favicon, Avatar und Navbar-Logo wird deshalb nur der
+Kopf verwendet, mit Ohrenspitzen und etwas Schulter. Der Zuschnitt steht in
+`build.py` als `KOPF` und wurde von Hand gegen drei Varianten geprüft: enger
+schneidet die Ohren ab, weiter fängt schon den Banner ein.
+
+## Warum SVG mit eingebettetem PNG
+
+Gitea will `logo.svg` und `favicon.svg` — echte SVG-Dateien. Das Original ist
+aber eine Rastergrafik mit Verläufen und Schattierung; nachvektorisieren würde
+sie matschig machen. Deshalb wird das PNG in eine SVG-Hülle gelegt
+(`<svg><image href="data:image/png;base64,…"/></svg>`). Das ist gültiges SVG,
+Gitea nimmt es an, und es sieht aus wie das Original.
+
+Die eingebettete Auflösung ist bewusst klein gehalten: das Navbar-Logo hängt an
+jedem Seitenaufruf, 192 px reichen für eine Darstellung mit rund 30 px.
+
+## Wohin die erzeugten Dateien gehen
+
+`build.py` schreibt direkt an beide Ziele:
+
+```
+A:/eco/Gitea/data/gitea/public/assets/img/
+    logo.svg              Navbar + App-Icon
+    favicon.svg           Browser-Tab
+    apple-touch-icon.png  iOS-Lesezeichen (180 px, deckend)
+    avatar_default.png    Standardavatar für Konten ohne Bild (512 px)
+
+frontend/public/
+    favicon.svg
+    apple-touch-icon.png
+```
+
+Die Icons auf dunklem Grund sind **deckend** (`#0a0a0a`, abgerundet) — iOS legt
+hinter transparente Lesezeichen sonst Schwarz oder Weiß, je nach Laune, und der
+Wolf ist selbst fast schwarz.
+
+## Neu bauen
+
+```bash
+python docs/brand/build.py
+```
+
+Danach für Gitea `docker restart gitea` — die Dateien unter `custom/` werden
+beim Start eingelesen. Fürs Frontend reicht der normale Build.