Aufräumen: Ungenutzte Profilbilder entfernt, Anleitung aktualisiert

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

anleitung.html

@@ -97,8 +97,16 @@
 
   .highlight-box { border-left:3px solid var(--red); padding:10px 16px; background:white; border-radius:0 8px 8px 0; margin:12px 0; font-size:0.88rem; }
 
+  @page { margin: 14mm 14mm 14mm 14mm; }
   @media print {
-    .cover { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
+    body { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
+    .cover {
+      -webkit-print-color-adjust:exact; print-color-adjust:exact;
+      min-height: 100vh;
+      display: flex; flex-direction: column; align-items: center; justify-content: center;
+      page-break-after: always;
+    }
+    .toc { page-break-inside: avoid; }
     .section { page-break-inside:avoid; }
     .mockup, .admin-mockup { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
   }
@@ -110,7 +118,7 @@
   <div style="font-size:2.5rem; margin-bottom:8px;">🌟</div>
   <h1>BNI Vorstellungsrunde</h1>
   <div class="subtitle">Benutzeranleitung für Chapter-Admins</div>
-  <div class="badge">Version 1.1 · April 2026</div>
+  <div class="badge">Version 1.2 · April 2026</div>
 </div>
 
 <div class="toc">
@@ -125,6 +133,8 @@
     <li><a href="#besucher">Besucher eintragen</a></li>
     <li><a href="#admin">Admin-Panel: Fotos &amp; Stammvertreter</a></li>
     <li><a href="#offline">Offline-Nutzung</a></li>
+    <li><a href="#update">Updates einspielen</a></li>
+    <li><a href="#timer-schalter">Zeitanzeige deaktivieren</a></li>
   </ol>
 </div>
 
@@ -268,31 +278,36 @@
       <div class="mockup-dot" style="background:#ff5f57;"></div>
       <div class="mockup-dot" style="background:#febc2e;"></div>
       <div class="mockup-dot" style="background:#28c840;"></div>
-      <span style="color:rgba(255,255,255,0.4);font-size:0.78rem;margin-left:8px;">Steuerung – Mitgliederliste</span>
+      <span style="color:rgba(255,255,255,0.4);font-size:0.78rem;margin-left:8px;">Steuerung – Reihenfolge</span>
     </div>
     <div class="mockup-body">
-      <div class="mock-tabs">
+      <div style="font-size:0.72rem;color:rgba(255,255,255,0.35);font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;">Reihenfolge (Ziehen zum Sortieren)</div>
-        <div class="mock-tab active">Mitglieder</div>
+      <!-- Nächster -->
-        <div class="mock-tab">Vertretungen</div>
+      <div style="display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:10px;margin-bottom:6px;">
-        <div class="mock-tab">Besucher</div>
+        <span style="color:rgba(255,255,255,0.25);font-size:1rem;">⠿</span>
+        <div style="width:38px;height:38px;border-radius:50%;background:#1a2744;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;flex-shrink:0;">AM</div>
+        <div style="flex:1;"><div style="font-size:0.85rem;font-weight:700;color:white;">Anna Müller</div><div style="font-size:0.72rem;color:rgba(255,255,255,0.45);">Steuerberatung</div></div>
+        <span style="background:#374151;color:white;font-size:0.68rem;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:0.5px;">NÄCHSTER</span>
+        <button style="background:rgba(255,255,255,0.08);border:none;border-radius:6px;padding:5px 8px;color:rgba(255,255,255,0.6);cursor:pointer;font-size:0.85rem;">↺</button>
+        <button style="background:rgba(204,0,0,0.15);border:none;border-radius:6px;padding:5px 8px;color:rgba(255,100,100,0.7);cursor:pointer;font-size:0.85rem;">🚫</button>
       </div>
-      <div class="mock-panel">
+      <!-- Abwesend -->
-        <div class="mock-member">
+      <div style="display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(204,0,0,0.08);border:1px solid rgba(204,0,0,0.2);border-radius:10px;margin-bottom:6px;opacity:0.6;">
-          <div class="mock-avatar" style="background:#1a2744;">AM</div>
+        <span style="color:rgba(255,255,255,0.25);font-size:1rem;">⠿</span>
-          <div><div class="mock-name">Anna Müller</div><div class="mock-role">Steuerberatung</div></div>
+        <div style="width:38px;height:38px;border-radius:50%;background:#7f1d1d;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;flex-shrink:0;">KS</div>
-          <div class="mock-badge present">anwesend</div>
+        <div style="flex:1;"><div style="font-size:0.85rem;font-weight:700;color:rgba(255,255,255,0.5);">Klaus Schmidt</div><div style="font-size:0.72rem;color:rgba(255,255,255,0.3);">IT-Systeme</div></div>
-        </div>
+        <button style="background:rgba(255,255,255,0.08);border:none;border-radius:6px;padding:5px 8px;color:rgba(255,255,255,0.4);cursor:pointer;font-size:0.85rem;">↺</button>
-        <div class="mock-member" style="opacity:0.5;">
+        <button style="background:rgba(204,0,0,0.3);border:none;border-radius:6px;padding:5px 8px;color:#f87171;cursor:pointer;font-size:0.85rem;">🚫</button>
-          <div class="mock-avatar" style="background:#7f1d1d;">KS</div>
-          <div><div class="mock-name">Klaus Schmidt</div><div class="mock-role">IT-Systeme</div></div>
-          <div class="mock-badge absent">abwesend</div>
-        </div>
-        <div class="mock-member">
-          <div class="mock-avatar" style="background:#1e3a5f;">SL</div>
-          <div><div class="mock-name">Sandra Lang</div><div class="mock-role">Marketing</div></div>
-          <div class="mock-badge present">anwesend</div>
       </div>
+      <!-- Normal -->
+      <div style="display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;">
+        <span style="color:rgba(255,255,255,0.25);font-size:1rem;">⠿</span>
+        <div style="width:38px;height:38px;border-radius:50%;background:#1e3a5f;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;color:white;flex-shrink:0;">SL</div>
+        <div style="flex:1;"><div style="font-size:0.85rem;font-weight:700;color:white;">Sandra Lang</div><div style="font-size:0.72rem;color:rgba(255,255,255,0.45);">Marketing</div></div>
+        <button style="background:rgba(255,255,255,0.08);border:none;border-radius:6px;padding:5px 8px;color:rgba(255,255,255,0.6);cursor:pointer;font-size:0.85rem;">↺</button>
+        <button style="background:rgba(255,255,255,0.05);border:none;border-radius:6px;padding:5px 8px;color:rgba(255,255,255,0.4);cursor:pointer;font-size:0.85rem;">🚫</button>
       </div>
+      <div style="margin-top:10px;font-size:0.75rem;color:rgba(255,255,255,0.35);">↺ = Vertretung eintragen &nbsp;·&nbsp; 🚫 = Als abwesend markieren</div>
     </div>
   </div>
 </div>
@@ -490,6 +505,89 @@
   </div>
 </div>
 
+<!-- ========== 10. UPDATE ========== -->
+<div class="section" id="update">
+  <div class="section-header">
+    <div class="step-num">10</div>
+    <h2>Updates einspielen</h2>
+  </div>
+
+  <div class="info">
+    Wenn eine neue Version verfügbar ist, erscheint oben im Steuerungs-Fenster automatisch ein roter Hinweis-Banner.
+  </div>
+
+  <div class="mockup">
+    <div class="mockup-bar">
+      <div class="mockup-dot" style="background:#ff5f57;"></div>
+      <div class="mockup-dot" style="background:#febc2e;"></div>
+      <div class="mockup-dot" style="background:#28c840;"></div>
+      <span style="color:rgba(255,255,255,0.4);font-size:0.78rem;margin-left:8px;">Steuerung – Update-Banner</span>
+    </div>
+    <div class="mockup-body">
+      <div style="background:#1a2744;color:white;padding:10px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:0.85rem;">
+        <span>🆕 Update 1.2.0 verfügbar – Timer-Schalter im Admin-Menü</span>
+        <button class="mock-btn-red" style="padding:4px 12px;font-size:0.82rem;white-space:nowrap;">Jetzt laden</button>
+      </div>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="steps">
+      <div class="step"><p>Auf <strong>„Jetzt laden"</strong> klicken.</p></div>
+      <div class="step"><p>Es öffnen sich zwei Speichern-Dialoge nacheinander: erst für <code>index.html</code>, dann wird <code>admin.html</code> automatisch heruntergeladen.</p></div>
+      <div class="step"><p>Im Speichern-Dialog zum BNI-Ordner navigieren und die bestehende <code>index.html</code> <strong>überschreiben</strong>.</p></div>
+      <div class="step"><p><code>admin.html</code> aus dem Download-Ordner ebenfalls in den BNI-Ordner verschieben und ersetzen.</p></div>
+      <div class="step"><p>Seite neu laden — das Update ist eingespielt.</p></div>
+    </div>
+  </div>
+
+  <div class="tip">
+    <strong>Hinweis:</strong> Alle gespeicherten Daten (Mitglieder, Fotos, Stammvertreter) bleiben beim Update erhalten.
+  </div>
+</div>
+
+<!-- ========== 11. TIMER-SCHALTER ========== -->
+<div class="section" id="timer-schalter">
+  <div class="section-header">
+    <div class="step-num">11</div>
+    <h2>Zeitanzeige deaktivieren</h2>
+  </div>
+
+  <div class="info">
+    Manche Chapter möchten keine Zeitanzeige verwenden. Diese kann im Admin-Tab der Steuerung dauerhaft ausgeschaltet werden.
+  </div>
+
+  <div class="card">
+    <div class="steps">
+      <div class="step"><p>Im Steuerungs-Fenster den Tab <strong>„Admin"</strong> (rechte Seitenleiste) öffnen.</p></div>
+      <div class="step"><p>Unter <strong>„Einstellungen"</strong> den Haken bei <strong>„Zeitanzeige aktiv"</strong> entfernen.</p></div>
+      <div class="step"><p>Timer-Ring, Countdown und Zeitbadges verschwinden sofort auf allen Ansichten.</p></div>
+    </div>
+  </div>
+
+  <div class="mockup">
+    <div class="mockup-bar">
+      <div class="mockup-dot" style="background:#ff5f57;"></div>
+      <div class="mockup-dot" style="background:#febc2e;"></div>
+      <div class="mockup-dot" style="background:#28c840;"></div>
+      <span style="color:rgba(255,255,255,0.4);font-size:0.78rem;margin-left:8px;">Steuerung – Admin-Tab</span>
+    </div>
+    <div class="mockup-body">
+      <div style="background:#1e2235;border-radius:10px;padding:14px;">
+        <div style="color:rgba(255,255,255,0.4);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;">Einstellungen</div>
+        <label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:0.85rem;color:white;">
+          <input type="checkbox" checked style="width:15px;height:15px;">
+          Zeitanzeige aktiv
+        </label>
+      </div>
+    </div>
+  </div>
+
+  <div class="tip">
+    <strong>Hinweis:</strong> Die Einstellung wird automatisch gespeichert und bleibt nach einem Neustart erhalten.
+  </div>
+</div>
+
 <!-- FOOTER -->
 <div style="text-align:center;padding:32px 0;color:var(--muted);font-size:0.8rem;border-top:1px solid var(--border);margin-top:32px;">
   BNI Vorstellungsrunde · Interne Anleitung · Bei Fragen an den Administrator wenden

chapters/kallisto-57621678sx Kopie/config.json

@@ -0,0 +1,6 @@
+{
+  "chapterName": "BNI Chapter Lumora Hybrid",
+  "syncUrl": "https://bni-ulm.com/lumora/de/memberlist?chapterName=44269&regionIds=43671$isChapterwebsite",
+  "websiteUrl": "https://bni-ulm.com/lumora",
+  "defaultTimer": 60
+}

chapters/kallisto-57621678sx Kopie/members.json

@@ -0,0 +1,4 @@
+{
+  "lastUpdated": "2026-04-17",
+  "members": []
+}

start.command

@@ -0,0 +1,4 @@
+#!/bin/bash
+cd "$(dirname "$0")"
+open "http://localhost:8181/index.html"
+python3 -m http.server 8181