Andrej StevanovskiandClaude Opus 5
5df349fc71
Vierte Footer-Spalte "Folgen" auf allen fünf Seiten. Icon plus Text statt Icon allein; Icons erben currentColor statt Markenfarben, weil Farbe im Fließtext keine Information trägt. Nur einfache Links, keine Plugins, Feeds oder Folgen-Schaltflächen. Solche Widgets würden beim Seitenaufruf fremde Skripte laden und Cookies setzen und damit die Bannerfreiheit kippen, auf der die Datenschutzerklärung steht. Gemessen nach dem Einbau: weiterhin null Fremdanfragen, keine Cookies, kein Storage. Datenschutzerklärung um Abschnitt 4b ergänzt. Alle drei Ziele vor dem Einbau im Browser aufgerufen und bestätigt. Bei Facebook steht die dauerhafte Profiladresse mit der ID 61594794906587, nicht der gelieferte Share-Link: der ist undurchsichtig, hängt an einer Weiterleitung und kann ungültig werden. Nebenbefund behoben: die 44px-Regel für Fusszeilen-Links war wirkungslos, weil die Basisregel mit min-height:30px später in site.css steht. Gemessen waren es auf dem Handy 30px. Override ans Dateiende gehängt, betrifft alle 13 Links. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
96 lines
4.7 KiB
Markdown
96 lines
4.7 KiB
Markdown
# Emma's Schatzkiste — Website
|
|
|
|
Drei statische Seiten für den Baby- und Kinder-Second-Hand-Laden in Rottenburg a.d. Laaber
|
|
und den zugehörigen Hilfe Verein.
|
|
|
|
| Datei | Seite |
|
|
|---|---|
|
|
| `index.html` | Startseite |
|
|
| `hilfe-verein.html` | Hilfe Verein (`#helfen`, `#kontakt`) |
|
|
| `shop.html` | Online-Shop, bewusst geparkt („Im Aufbau") |
|
|
| `assets/site.css` | gemeinsames Stylesheet, Tokens und Komponenten |
|
|
| `design_handoff_emmas_schatzkiste/` | Original-Handoff, unverändert |
|
|
|
|
Design-Entscheidungen und Abweichungen: [`DESIGN.md`](DESIGN.md).
|
|
Benannte Referenz: [`emmas-schatzkiste-ds.md`](../design-references/entries/emmas-schatzkiste-ds.md).
|
|
|
|
Kein Build. Lokal ansehen:
|
|
|
|
```bash
|
|
cd "/Users/andrej/ASX Studio/Emmas schatzkiste" && python3 -m http.server 4173
|
|
```
|
|
|
|
## Was noch fehlt
|
|
|
|
### Vor dem Launch zwingend
|
|
|
|
1. **Zwei Felder in der Datenschutzerklärung, eine Bestätigung im Impressum.** Beide
|
|
Seiten existieren, sind im Footer verlinkt und bestehen den Kontrast-Check. Aus dem
|
|
Impressum der alten Seite übernommen und eingetragen: **Martin Lindenau, Hollerstraße 2,
|
|
84056 Rottenburg a.d. Laaber**. Hoster STRATO GmbH ist eingetragen. Offen, jeweils rot
|
|
gestrichelt auf der Seite markiert:
|
|
|
|
- Impressum: bestätigen, dass es ein Kleingewerbe ohne Handelsregistereintrag ist.
|
|
- Datenschutz: AV-Vertrag nach Art. 28 DSGVO mit STRATO abschließen (im STRATO-Kundenkonto
|
|
verfügbar) und Datum eintragen; Speicherdauer der Server-Logfiles nachsehen.
|
|
|
|
**Ein Cookie-Banner ist nicht nötig** — gemessen: keine Cookies, kein Storage, keine
|
|
Fremdanfragen. Details in [`DESIGN.md`](DESIGN.md#recht-und-datenschutz).
|
|
Beide Texte sind Entwürfe und sollten vor dem Launch juristisch geprüft werden.
|
|
|
|
2. **Die alte Datenschutzerklärung ist eine leere Vorlage — dringend.** Unter
|
|
`emmas-schatzkiste.de/datenschutzerklarung/` steht aktuell noch der unausgefüllte
|
|
Mustertext („Bitte geben Sie den Namen Ihres Datenverantwortlichen ein"). Das ist ein
|
|
laufender Verstoß gegen Art. 13 DSGVO und unabhängig von dieser neuen Seite. Entweder
|
|
die alte Seite abschalten oder den Text dort sofort ersetzen.
|
|
|
|
### Vom Kunden ausstehend
|
|
|
|
0. ~~**Die drei Social-Media-Adressen.**~~ Erledigt 2026-09-29. Facebook, Instagram und
|
|
TikTok stehen im Footer aller fünf Seiten; alle drei Ziele wurden vor dem Einbau im
|
|
Browser aufgerufen und bestätigt. Bei Facebook ist die dauerhafte Profiladresse
|
|
eingetragen, nicht der gelieferte Share-Link (Begründung in [`DESIGN.md`](DESIGN.md)).
|
|
|
|
|
|
3. ~~**Foto von Opa Martin.**~~ Erledigt 2026-09-24 (`assets/opa-martin.jpg`).
|
|
4. ~~**Zwei Audiodateien**~~ Erledigt 2026-09-26 (`assets/audio/`).
|
|
5. ~~**Öffnungszeiten und vollständige Anschrift.**~~ Erledigt 2026-09-25 (von Google Maps).
|
|
6. **Logos als Vektor.** Die gelieferten JPEGs sind freigestellt worden (siehe DESIGN.md),
|
|
aber eine SVG- oder transparente PNG-Originaldatei wäre sauberer, besonders fürs
|
|
Header-Zeichen bei 32px.
|
|
7. **Rechtsform des Vereins.** Noch nicht eingetragen; die Seite spricht deshalb nur vom
|
|
„Hilfe Verein". Sobald eingetragen: Name und Rechtsform überall nachziehen, dann sind
|
|
auch Spendenquittungen und ein echter Spendenweg möglich.
|
|
|
|
### Nicht bauen
|
|
|
|
Der Online-Shop bleibt geparkt — kein Storefront, kein Warenkorb, kein Checkout. Der
|
|
Nav-Eintrag bleibt trotzdem sichtbar, damit Besucher wissen, dass da etwas kommt. Falls
|
|
später doch ein Shop entsteht: die §19-UStG-Zeile muss zusätzlich im Checkout und auf
|
|
Rechnungen stehen.
|
|
|
|
## Inhaltliche Lücke gegenüber der alten Seite
|
|
|
|
Die alte Seite `emmas-schatzkiste.de` führt Angebote, die auf der neuen Seite nirgends
|
|
vorkommen. Der Handoff erwähnt sie nicht — vermutlich übersehen, nicht bewusst gestrichen:
|
|
|
|
- **Verleih** von Reisebetten und Atemmonitoren
|
|
- **UPS Access Point**
|
|
- **Zahlungsarten** bar, Karte und PayPal
|
|
- eigene Seiten „Über uns" und „Unser Laden" (der Nav-Punkt „Unser Laden" wurde laut
|
|
Handoff allerdings ausdrücklich vom Kunden entfernt)
|
|
|
|
Bitte klären, ob das weiterhin angeboten wird. Besonders der Verleih und der UPS Access
|
|
Point sind starke Gründe, überhaupt in den Laden zu kommen — die würde ich nicht
|
|
verschweigen.
|
|
|
|
## Vom Handoff fehlt
|
|
|
|
Der Bundle enthält `design/_ds/…/styles.css` und `_ds_bundle.js` **nicht** — die drei
|
|
`.dc.html`-Prototypen lassen sich damit nicht öffnen. Die elf Komponenten (`SiteHeader`,
|
|
`SiteFooter`, `Button`, `IconButton`, `Icon`, `Badge`, `SectionHeader`, `InfoTile`,
|
|
`TrustBadge`, `ImagePlaceholder`, `Decor`) waren nur über Name und Prop-Liste bekannt; ihr
|
|
Innenleben ist hier aus der Token-Tabelle und den Inline-Styles rekonstruiert. Falls der
|
|
Absender den `_ds/`-Ordner nachliefert, lohnt ein Abgleich — vor allem bei `InfoTile`,
|
|
`TrustBadge` und `SiteFooter`.
|