Hilfetexte ergänzt

templates/customer.html

@@ -6,6 +6,7 @@
   <title>Willkommensseite</title>
   <link rel="icon" href="{{ url_for('static', filename='favicon.ico') }}">
 
+  <!-- ─── Dark Mode: Theme vor dem Rendern setzen ─── -->
   <script>
   (() => {
     const stored = window.localStorage.getItem("signage-theme");
@@ -26,6 +27,7 @@
   <style>
     .form-label { font-weight: 600; }
     .card { box-shadow: 0 20px 60px rgba(0,0,0,0.08); }
+    /* ─── Logo-Vorschau-Box (gestrichelte Border) ─── */
     .logo-preview-box {
       border: 2px dashed var(--ccm-border);
       border-radius: 0.75rem;
@@ -61,7 +63,9 @@
 {% set site_dropdown_url_prefix = "/willkommen?site=" %}
 {% include "_header.html" %}
 
-<!-- Second Nav -->
+<!-- ═══════════════════════════════════════════════════
+     Navigation (zweite Zeile)
+     ═══════════════════════════════════════════════════ -->
 <div class="navbar-expand-md">
   <div class="collapse navbar-collapse show">
     <div class="navbar navbar-dark nav-surface">
@@ -76,6 +80,11 @@
   </div>
 </div>
 
+<!-- ═══════════════════════════════════════════════════
+     CONTENT – Willkommensseite-Formular
+     Bis zu 3 Kundennamen eingeben → Logos via OpenAI + Brandfetch
+     → welcome.html wird generiert und in Lobby-Playlist platziert
+     ═══════════════════════════════════════════════════ -->
 <div class="page-wrapper">
     <div class="container-xl mt-4">
       <div class="card mb-4">
@@ -95,7 +104,7 @@
             <div class="alert alert-success">{{ success }}</div>
           {% endif %}
 
-          <!-- Logo Previews -->
+          <!-- ─── Logo-Vorschau (wird nach POST angezeigt) ─── -->
           <div class="row g-3 mb-4">
             {% for i in range(3) %}
             <div class="col-md-4">
@@ -111,6 +120,7 @@
             {% endfor %}
           </div>
 
+          <!-- ─── Eingabeformular (bis zu 3 Kunden) ─── -->
           <form method="POST">
             <input type="hidden" name="site" value="{{ site }}">
             <div class="row g-3 mb-3">
@@ -155,6 +165,7 @@
 
 <script>
 window.addEventListener("load", () => {
+  /* ─── Dark Mode Toggle ─── */
   const themeToggle = document.getElementById("theme-toggle");
   const root = document.documentElement;