RENÉ TÖPFER · INDIVIDUELLE BILDERGALERIE
Interaktiver Entwurf · 20261107.183216

START
  index.html  = Verwaltung
  galerie.html = Kundenansicht

Im ZIP befinden sich zwei Verzeichnisse:
  COMPLETE/ = alle Dateien des aktuellen Projektstandes
  UPDATE/   = nur neue oder geaenderte Dateien seit Version 20261107.182800

Erstinstallation: Inhalt von COMPLETE/ in das Zielverzeichnis kopieren.
Aktualisierung: Nur den Inhalt von UPDATE/ ueber bestehende Dateien
kopieren, die Projektdateien nicht vollstaendig ersetzen oder loeschen.
Vor Updates ein Backup der vorhandenen Daten und Konfiguration erstellen.

Das Projekt funktioniert am zuverlässigsten über einen lokalen Webserver
oder auf einem eigenen Test-Webspace (HTTPS empfohlen).

FUNKTIONEN DES ENTWURFS
  - Galerien anlegen, bearbeiten und löschen
  - Paßwortgenerator in Neu- und Bearbeitungsdialog (10 alphanumerische Zeichen)
  - Einstellungen: Titel, Kunde, Passwort, Gültig bis,
    Downloadrechte, Kommentare, Wasserzeichen-Overlay
  - Fotos in der Verwaltung per Mehrfachauswahl/Drag & Drop
    hinzufügen und danach automatisch Galerie aktualisieren
  - Teilen: drei Freigabezeilen mit automatisch ermitteltem Link,
    Galeriepasswort und Ablaufdatum in die Zwischenablage kopieren
  - Kunde: Passwortdialog, Favoriten, farbige Bewertung, Kommentar
  - Dateinamen der ausgewählten Bilder als UTF-8-.txt herunterladen,
    nur je ein Name pro Zeile
  - Einzelbilder und ZIP-Download
  - Responsive Design für Smartphone, Tablet und Desktop

TESTDATEN
  Die Beispielgalerie "Portraitshooting · November" hat das
  DEMO-Passwort: foto2026
  Ihre Beispielbilder stammen aus den mit Python/scikit-image
  bereitgestellten Beispieldatensätzen, nicht aus einem Kundenauftrag.
  Für echte Projekte durch eigene Bilder ersetzen.

WICHTIG: NOCH KEINE PRODUKTIVVERSION!
  Es gibt in diesem Entwurf KEINE echte Benutzeranmeldung, KEINEN
  serverseitigen Passwortschutz, KEINE sichere Ablaufdatumssperre
  und KEINE sichere Download-Autorisierung. Die Demo speichert
  Konfigurationen und Markierungen im Browser (localStorage) sowie
  Uploads lokal (IndexedDB). Ein anderer Browser oder ein fremdes
  Kundengerät überträgt seine Auswahl dadurch NICHT zum Fotografen.
  Es gibt KEINE E-Mail-Benachrichtigung und KEINEN serverseitigen
  Dateispeicher. Diese Dinge müssen vor Produktivbetrieb in PHP
  mit Datenbank, Passwort-Hashing, Benutzerberechtigungen und
  geschützter Auslieferung umgesetzt werden.

FREIGABELINK
  Die Galerie-Webadresse ist nirgendwo fest eingetragen. Der vollständige
  Freigabelink wird zur Laufzeit mit der aktuellen Serveradresse
  und dem relativen Kundenpfad erzeugt. Bei einem lokalen Aufruf
  per file:// ist der kopierte Link NICHT zum Versenden geeignet.

ZIP-DOWNLOAD
  ZIP-Dateien werden lokal im Browser ohne zusätzliche Bibliothek
  erzeugt. Große Fotoarchive benötigen im Produktivbetrieb eine
  serverseitige Streaming- oder temporäre ZIP-Lösung.

DATEIEN
  index.html, galerie.html, styles.css, app.js
  assets/ (lokale Beispieldateien), historie.txt, version.txt

DESIGN
  Eigenständiger Entwurf in zurückhaltender Blau-Weiß-Gestaltung.
  Eine pixelgenaue Kopie der vorhandenen Website ist nicht beabsichtigt.
  Die exakten CSS-Farbwerte des bestehenden Webauftritts konnten
  bei der Sichtung nicht zuverlässig bestimmt werden.

ORIGINAL-LOGO
  Verwaltung (index.html) und Kundenansicht (galerie.html) laden
  das unveränderte Original-Logo unmittelbar von:
     https://www.rene-toepfer.de/images/logo_09_07__homepage.png
  Nur diese ausdrücklich gewünschte Bilddatei ist extern verlinkt.
  Für die Darstellung wird eine Internetverbindung benötigt.
  Die externe Verfügbarkeit liegt beim Webserver der bestehenden Website.
  Eine lokale SVG-Ersatzdarstellung ist nicht enthalten.
  Alle internen Galeriepfade sind relativ; Freigabelinks werden aus der
  laufenden Websiteadresse erzeugt und enthalten keine fest kodierte Domain.

PAßWORTGENERATOR
  Klick auf ↻ Erzeugen erstellt mit crypto.getRandomValues ein
  neues Paßwort aus exakt 10 Zeichen (A-Z, a-z, 0-9).
  Mindestens ein Buchstabe und mindestens eine Ziffer sind enthalten.
  Beim Bearbeiten wird es erst mit "Einstellungen speichern" aktiv.
  Der Teilen-Knopf ist deaktiviert, solange ein geändertes Paßwort
  oder Gültigkeitsdatum noch nicht gespeichert wurde.

WEITERER ENTWICKLUNGSSCHRITT
  Der gewuenschte serverseitige Kennwortschutz der gesamten
  Verwaltungsoberflaeche ist noch NICHT implementiert.
  Diese ZIP enthaelt weiterhin nur den bisherigen HTML-Prototyp.

INTERNER CHATGPT-LINK
  https://chatgpt.com/g/g-p-695faf8635a88191b7715a7f727d5cc1-grafikdesign/c/6aef4b66-3368-83ed-a4de-c632007934c4