Unifi-Voucher-Tool/tools/demo/overlay/demo-assets/background.svg
Friederich Loheide 6da46f040a Alle Frontend-Assets lokal ausliefern statt über CDNs
Inter, Font Awesome, Chart.js, qrcodejs und TinyMCE liegen jetzt unter
assets/vendor/ und werden vom eigenen Server ausgeliefert.

Warum:
- Datenschutz: bisher ging bei jedem Seitenaufruf die IP der Nutzer an
  Google Fonts, cdnjs, jsDelivr und Tiny Cloud
- Funktion: UniFi-Installationen stehen oft in abgeschotteten Netzen –
  dort fehlten bisher Schrift, Icons, Diagramme und Editor

Neu: includes/Ui.php
- Ui::head()/Ui::script() binden die Assets ein und hängen einen
  Versionsstempel an (?v=filemtime), damit Browser nach einem Update
  nicht das alte CSS aus dem Cache nehmen
- Ui::themeScript() setzt das Theme aus der gespeicherten Auswahl oder
  – wenn keine vorliegt – aus prefers-color-scheme; global.js folgt
  Systemwechseln live, solange nichts manuell gewählt wurde
- <meta name="color-scheme"> ergänzt, damit Formularelemente passen

Der TinyMCE-API-Key entfällt: der Editor läuft immer lokal (GPL-Variante),
inklusive deutscher Oberfläche, wenn die App auf Deutsch steht.

Neu: tools/demo/build.py – baut aus dem Projekt eine Demo-Instanz ohne
Datenbank (Stubs für Database/Auth, feste Beispieldaten). Damit lassen
sich Screenshots reproduzierbar erzeugen und alle Seiten einmal rendern
(Smoke-Test), ohne eine MySQL-Instanz aufzusetzen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-23 06:23:44 +00:00

22 lines
1.1 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1400" viewBox="0 0 1200 1400">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#7dd3fc"/><stop offset="55%" stop-color="#38bdf8"/><stop offset="100%" stop-color="#0369a1"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#0c4a6e"/><stop offset="100%" stop-color="#082f49"/>
</linearGradient>
</defs>
<rect width="1200" height="1400" fill="url(#sky)"/>
<circle cx="900" cy="260" r="90" fill="#fef3c7" opacity=".85"/>
<path d="M0 780 L260 560 L430 780 Z" fill="#134e4a" opacity=".85"/>
<path d="M300 800 L560 520 L830 800 Z" fill="#115e59" opacity=".9"/>
<path d="M700 800 L980 600 L1200 800 Z" fill="#0f766e" opacity=".85"/>
<rect y="800" width="1200" height="600" fill="url(#water)"/>
<g fill="#ffffff" opacity=".16">
<rect x="120" y="880" width="360" height="6" rx="3"/>
<rect x="240" y="960" width="520" height="6" rx="3"/>
<rect x="60" y="1060" width="420" height="6" rx="3"/>
<rect x="520" y="1140" width="600" height="6" rx="3"/>
</g>
</svg>