From f067556314a34837e64320101f08c4ffd57718d5 Mon Sep 17 00:00:00 2001 From: Andrej Stevanovski Date: Sat, 26 Sep 2026 11:12:15 +0200 Subject: [PATCH] Ladenfoto in der Geschichte, Lieder im Player - 'Wie alles angefangen hat' zeigt das echte Schaufenster statt des Pexels-Bilds - Player spielen lied-laden.mp3 (Startseite) und lied-verein.mp3 (Verein): Play/Pause, Fortschrittsregler per Tastatur, kein Autoplay, nichts gespeichert Co-Authored-By: Claude Opus 5.5 --- DESIGN.md | 14 +++++++- README.md | 6 +--- assets/audio/lied-laden.mp3 | Bin 0 -> 3339048 bytes assets/audio/lied-verein.mp3 | Bin 0 -> 4679727 bytes assets/laden-front.jpg | Bin 0 -> 179929 bytes assets/laden-story.jpg | Bin 86219 -> 0 bytes assets/player.js | 64 +++++++++++++++++++++++++++++++++++ assets/site.css | 45 +++++++++++++++++++----- datenschutz.html | 2 +- hilfe-verein.html | 17 +++++----- impressum.html | 4 +-- index.html | 19 ++++++----- shop.html | 2 +- 13 files changed, 138 insertions(+), 35 deletions(-) create mode 100644 assets/audio/lied-laden.mp3 create mode 100644 assets/audio/lied-verein.mp3 create mode 100644 assets/laden-front.jpg delete mode 100644 assets/laden-story.jpg create mode 100644 assets/player.js diff --git a/DESIGN.md b/DESIGN.md index 1e1b417..deb8423 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -214,7 +214,6 @@ kommerzielle Nutzung frei, keine Namensnennung nötig, Selbsthosting erlaubt. Si |---|---|---| | `assets/hero-start.jpg` | 10831693 | bunte Holzfahrzeuge auf Holz | | `assets/hero-verein.jpg` | 34148341 | Kindersachen auf der Kleiderstange | -| `assets/laden-story.jpg` | 6591155 | Hände legen ein Oberteil zusammen | **Bewusst keine Kinderfotos.** Pexels gibt für erkennbare Personen **kein Model Release**; für eine deutsche Gewerbeseite wäre das ein unnötiges Risiko. Deshalb Sachmotive und, beim @@ -276,6 +275,19 @@ Seitenaufruf, nicht mehr nach dem Klick auf die Karte. Header: beide Zeichen (Laden und Hilfe Verein) nebeneinander auf allen Seiten. +## Ladenfoto und Lieder (2026-09-26) + +Das Story-Bild ist jetzt das echte Schaufenster (Kundenfoto, `assets/laden-front.jpg`, +3:2 mit Schild, Ballonbogen und Eingang) statt des Pexels-Motivs; `.story__img` dafür von +4:3 auf 3:2. Bildnachweis im Impressum angepasst. + +Die Player spielen echte Lieder: `assets/audio/lied-laden.mp3` (2:12, Startseite) und +`lied-verein.mp3` (3:21, Vereinsseite) — ein Lied pro Seite, wie vorgegeben. Kein +Autoplay. Fortschritt ist ein echter ``, per Tastatur bedienbar. +**Abweichung vom Handoff:** keine gemerkte Abspielposition in `localStorage` — das wäre +Speicherung auf dem Endgerät (§ 25 TDDDG) und widerspräche dem Versprechen der +Datenschutzerklärung, das die Seite bannerfrei hält. + ## Motion Nur Zustandsfeedback, wie im Handoff: 120ms Farbe, 200ms Lift, 340ms alles Größere, diff --git a/README.md b/README.md index 07362c5..007f0e1 100644 --- a/README.md +++ b/README.md @@ -47,11 +47,7 @@ cd "/Users/andrej/ASX Studio/Emmas schatzkiste" && python3 -m http.server 4173 ### Vom Kunden ausstehend 3. ~~**Foto von Opa Martin.**~~ Erledigt 2026-09-24 (`assets/opa-martin.jpg`). -4. **Zwei Audiodateien** — ein Lied für den Laden, eines für den Verein. Bis dahin ist der - Player sichtbar deaktiviert, mit Badge „Audio folgt". Beim Einbau: je ein `