Make subtitle configurable via env

.env.example

@@ -2,6 +2,7 @@
 # Werte nach Bedarf anpassen und als ".env" verwenden.
 
 SITE_NAME="Brauns Lichtershow"
+SITE_SUBTITLE="Fernsteuerung für den Falcon Player"
 FPP_BASE_URL="http://fpp.local"
 FPP_PLAYLIST_SHOW="show 1"
 FPP_PLAYLIST_KIDS="show 2"

README.md

@@ -18,6 +18,7 @@ Alle Werte werden beim Container-Start als Umgebungsvariablen gelesen. Beispiel
 
 ```
 SITE_NAME=Brauns Lichtershow
+SITE_SUBTITLE=Fernsteuerung für den Falcon Player
 FPP_BASE_URL=http://fpp.local
 FPP_PLAYLIST_SHOW=show 1
 FPP_PLAYLIST_KIDS=show 2
@@ -35,6 +36,7 @@ Eine ausfüllbare Vorlage liegt als `.env.example` bei.
 
 Parameter im Überblick:
 - `SITE_NAME`: Text im Seitenkopf.
+- `SITE_SUBTITLE`: Unterzeile unter dem Namen.
 - `FPP_BASE_URL`: Basis-URL des FPP (z.B. `http://fpp.local`).
 - `FPP_PLAYLIST_SHOW`, `FPP_PLAYLIST_KIDS`: Namen der regulären Shows.
 - `FPP_PLAYLIST_REQUESTS`: Playlist mit allen verfügbaren Liedern für Wünsche.

config.js

@@ -1,6 +1,7 @@
 // Default config for local testing without Docker
 window.FPP_CONFIG = {
   siteName: 'Brauns Lichtershow',
+  siteSubtitle: 'Fernsteuerung für den Falcon Player',
   statusPollMs: 10000,
   donationPaypal: 'spenden@example.com',
   donationText: 'Vielen Dank für deine Unterstützung!',

config.template.js

@@ -1,6 +1,7 @@
 // Generated on container start from environment variables (see docker-entrypoint.sh)
 window.FPP_CONFIG = {
   siteName: '${SITE_NAME}',
+  siteSubtitle: '${SITE_SUBTITLE:-Fernsteuerung für den Falcon Player}',
   statusPollMs: ${CLIENT_STATUS_POLL_MS:-10000},
   donationPaypal: '${DONATION_PAYPAL:-}',
   donationText: `${DONATION_TEXT:-Vielen Dank für deine Unterstützung!}`,

docker-entrypoint.sh

@@ -2,6 +2,7 @@
 set -e
 
 : "${SITE_NAME:=Brauns Lichtershow}"
+: "${SITE_SUBTITLE:=Fernsteuerung für den Falcon Player}"
 : "${FPP_BASE_URL:=http://localhost}"
 : "${FPP_PLAYLIST_SHOW:=show 1}"
 : "${FPP_PLAYLIST_KIDS:=show 2}"
@@ -21,6 +22,9 @@ import os
 
 config = {
     "siteName": os.getenv("SITE_NAME", "Brauns Lichtershow"),
+    "siteSubtitle": os.getenv(
+        "SITE_SUBTITLE", "Fernsteuerung für den Falcon Player"
+    ),
     "statusPollMs": int(os.getenv("CLIENT_STATUS_POLL_MS", "10000")),
     "donationPaypal": os.getenv("DONATION_PAYPAL", ""),
     "donationText": os.getenv(

index.html

@@ -10,7 +10,7 @@
   <div class="card">
     <header>
       <h1 id="headline"></h1>
-      <p class="subtitle">Fernsteuerung für den Falcon Player</p>
+      <p class="subtitle" id="subtitle"></p>
       <div class="countdown" id="countdown">Nächste Show wird berechnet …</div>
     </header>
 
@@ -41,6 +41,7 @@ <h1 id="headline"></h1>
   <script>
     const config = window.FPP_CONFIG || {};
     const headline = document.getElementById('headline');
+    const subtitle = document.getElementById('subtitle');
     const btnShow = document.getElementById('btn-show');
     const btnKids = document.getElementById('btn-kids');
     const btnRequest = document.getElementById('btn-request');
@@ -63,6 +64,7 @@ <h1 id="headline"></h1>
     let pollHandle;
 
     headline.textContent = `${config.siteName || 'FPP Lichtershow'}`;
+    subtitle.textContent = config.siteSubtitle || 'Fernsteuerung für den Falcon Player';
 
     function setButtonsDisabled(disabled, message) {
       [btnShow, btnKids, btnRequest].forEach((btn) => btn.disabled = disabled);