Kenso Grimm
33ec0df7e3
Ziel des QR-Codes auf der Rückwandgrafik. Der gedruckte Code zeigt auf https://her-career.anelia-wolf.com – die Adresse ist damit unveränderlich. Die Seite liegt als /her-career/ im normalen Export, die Subdomain liefert dieselbe Datei aus demselben Docroot aus; DNS, Zertifikat, Vhosts für nginx und Apache und die Prüfbefehle stehen in docs/SUBDOMAIN-HERCAREER.md. Aufbau in beiden Sprachen: Hero (ink) → 01 Messe-Special → 02 Themen → 03 Auf der Messe → 04 Kontakt mit dem Formular. Die vier Themenblöcke der Rückwand liegen auf den drei Leistungsseiten, wie in der Navigation; jede Zeile verlinkt absolut auf die Hauptdomain. Der Wortlaut des Messe-Specials fehlt noch und steht sichtbar als „[…]“ auf der Seite. Der Build-Guard hält den Launch-Flip an, bis er da ist (CONTENT_TODO in src/lib/legal.ts, docs/OFFENE-DATEN.md Punkte 2.7–2.9). Deadline ist nicht der Livegang, sondern der 22.10.2026. - Canonical auf anelia-wolf.com/her-career/, damit die Subdomain-Kopie nicht ein zweites Mal im Index steht - flags.showHerCareer trägt Termine-Ledger, Sitemap-Eintrag und die Meta-Beschreibung mit Stand und Uhrzeit. Ab dem 24.10.2026 auf false - ServiceHero: facts und cta sind optional – ohne beides und ohne Foto entfällt die rechte Spalte - ProcessContact: optionaler Zähler, die Messeseite nummeriert ihre Abschnitte - Kopf-CTA auf dieser Seite ausgeblendet. Das macht eine Regel in globals.css, weil der Kopf außerhalb von <main> liegt und auf der Subdomain der Pfad ohnehin „/“ ist Enthält außerdem die bis dahin nicht committeten Änderungen an Header, LangSwitch, OverlayMenu, Wordmark und globals.css. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
240 lines
14 KiB
Markdown
240 lines
14 KiB
Markdown
# Offene Daten – Website Anelia Wolf
|
||
|
||
Stand: 07.09.2026 · Pflegen: bei jeder Lieferung die Statusspalte ändern, nicht die Zeile löschen.
|
||
|
||
Die Website ist fertig gebaut und läuft in beiden Sprachen. Was hier steht, ist alles,
|
||
was noch von außen kommen muss, bevor sie live gehen kann. Drei Quellen im Code halten
|
||
dieselbe Liste maschinenlesbar – wer hier etwas einträgt, trägt es dort mit ein:
|
||
|
||
| Quelle | Inhalt |
|
||
|---|---|
|
||
| `LEGAL_TODO` in `src/lib/legal.ts` | Pflichtangaben für Impressum und Datenschutz |
|
||
| `CONTENT_TODO` in `src/lib/legal.ts` | sichtbare Platzhalter auf den Leistungsseiten |
|
||
| `flags` in `src/lib/site.ts` | Blöcke, die auf eine Freigabe warten |
|
||
|
||
**Der Build passt auf.** Solange irgendwo ein „[…]“ steht, bricht `npm run build` ab,
|
||
sobald `flags.showPlaceholders` auf `false` gesetzt wird. Diesen Schalter umzulegen ist
|
||
der letzte Schritt vor dem Livegang – niemand kann ihn versehentlich überspringen.
|
||
|
||
**Status-Spalte:** `offen` · `liegt vor` · `entfällt` (mit Begründung).
|
||
|
||
---
|
||
|
||
## 1. Rechtlich – blockiert den Livegang
|
||
|
||
Ohne diese Angaben darf die Seite nicht online. Ein Impressum ohne ladungsfähige
|
||
Anschrift ist abmahnfähig, eine Datenschutzerklärung ohne Hoster-Angabe unvollständig.
|
||
|
||
| # | Angabe | Wofür | Wer liefert | Status |
|
||
|---|---|---|---|---|
|
||
| 1.1 | Ladungsfähige Anschrift: Straße, Hausnummer, PLZ, Ort – **kein Postfach** | Impressum (§ 5 DDG), Datenschutz Ziffer 1 | Anelia | offen |
|
||
| 1.2 | USt-IdNr. (§ 27a UStG) **oder** W-IdNr. (§ 139c AO) – oder: Abschnitt streichen | Impressum | Anelia / Steuerberatung | offen |
|
||
| 1.3 | Kleinunternehmerregelung nach § 19 UStG: ja / nein | Impressum | Anelia / Steuerberatung | offen |
|
||
| 1.4 | Berufshaftpflicht: Versicherer, Anschrift, räumlicher Geltungsbereich – oder: Abschnitt streichen | Impressum | Anelia | offen |
|
||
| 1.5 | Geschäftsbezeichnung – nur, wenn sie tatsächlich so geführt wird | Impressum (optional) | Anelia | offen |
|
||
| 1.6 | Bundesland des Firmensitzes → daraus die zuständige Datenschutz-Aufsichtsbehörde (Name, Anschrift, Website) | Datenschutz, Art. 77 DSGVO | Anelia | offen |
|
||
| 1.7 | Hosting-Anbieter: Firma, Anschrift, Land | Datenschutz Ziffer 3 | webklar | offen |
|
||
| 1.8 | Löschfrist der Server-Logfiles in Tagen (üblich 7–14) – beim Hoster erfragen | Datenschutz Ziffer 3 | webklar | offen |
|
||
| 1.9 | **AV-Vertrag mit dem Hoster** (Art. 28 DSGVO), unterschrieben | Datenschutz Ziffer 3 | Anelia + Hoster | offen |
|
||
| 1.10 | E-Mail-/Office-Anbieter: Firma, Anschrift, Land | Datenschutz Ziffer 4 | Anelia | offen |
|
||
| 1.11 | **AV-Vertrag mit dem E-Mail-Anbieter** (Art. 28 DSGVO) | Datenschutz Ziffer 4 | Anelia | offen |
|
||
| 1.12 | Sitzt Hoster **oder** E-Mail-Anbieter außerhalb EU/EWR? Wenn ja: Land + Rechtsgrundlage (Angemessenheitsbeschluss oder Standardvertragsklauseln) | schaltet `flags.hostOutsideEu` | webklar prüft | offen |
|
||
| 1.13 | Aufbewahrungsfrist für Kontaktanfragen (z. B. 12 Monate) | Datenschutz Ziffer 4 | Anelia | offen |
|
||
| 1.14 | Bildnachweis: Name der Fotografin, ggf. Website | Impressum + Bildunterschriften (§ 13 UrhG) | Anelia | offen |
|
||
| 1.15 | Bildnachweis: Logo-Designer:in bzw. Agentur | Impressum (optional) | Anelia | offen |
|
||
| 1.16 | „Stand“-Datum für beide Rechtstexte setzen | Impressum, Datenschutz | webklar beim Flip | offen |
|
||
|
||
> **Hinweis zur englischen Fassung:** `/en/imprint/` und `/en/privacy/` sind Übersetzungen,
|
||
> verbindlich bleibt die deutsche Fassung – das steht dort auch im ersten Absatz. Jede
|
||
> Angabe aus dieser Tabelle muss trotzdem in **beiden** Dateien landen; der Build-Guard
|
||
> prüft beide.
|
||
|
||
---
|
||
|
||
## 2. Inhaltlich – sichtbare Platzhalter auf den Leistungsseiten
|
||
|
||
Diese „[…]“ stehen aktuell in Gold auf der Seite und sind für jeden Besucher lesbar.
|
||
|
||
| # | Angabe | Wo auf der Seite | Status |
|
||
|---|---|---|---|
|
||
| 2.1 | Name des Analyse-Instruments (DISG / INSIGHTS / persolog / …) + Zertifizierung. Aktive Lizenz? Darf Name oder Badge erscheinen? | Coaching → Bausteine | offen |
|
||
| 2.2 | Dauer des Auswertungsgesprächs | Coaching → Bausteine (zweimal) | offen |
|
||
| 2.3 | Sitzungsdauer im Coaching | Coaching → Rahmen | offen |
|
||
| 2.4 | Paket bzw. übliche Anzahl Sitzungen | Coaching → Rahmen | offen |
|
||
| 2.5 | Gruppengröße bei Trainings | Trainings → Hero-Fakten **und** Rahmen | offen |
|
||
| 2.6 | Umfang der Trainingsreihe „Neukundengewinnung“ | Trainings → Module | offen |
|
||
| 2.7 | **Messe-Special: Was bekommt, wer den QR-Code auf der Rückwand scannt?** | Messeseite `/her-career/` → Das Special | offen |
|
||
| 2.8 | Frist des Specials (z. B. „Anfragen bis 30.11.2026“) | Messeseite → Das Special | offen |
|
||
| 2.9 | Bedingung zum Einlösen (Stichwort, Nachweis, nichts?) | Messeseite → Das Special | offen |
|
||
|
||
> **Die Zeilen 2.7–2.9 hängen an einem Druckerzeugnis.** Der QR-Code auf der
|
||
> Rückwandgrafik ist mit „Messe-Special · Code scannen“ beschriftet und führt auf
|
||
> `her-career.anelia-wolf.com`. Wer dort ankommt, erwartet genau dieses Angebot;
|
||
> bis zum Wortlaut steht an der Stelle sichtbar „[…]“. Deadline ist damit nicht der
|
||
> Livegang, sondern der **22.10.2026**.
|
||
|
||
---
|
||
|
||
## 3. Freigaben – schalten fertige Blöcke frei
|
||
|
||
Diese Blöcke sind gebaut und ausgeschaltet. Kein Codeaufwand, nur ein Schalter in
|
||
`src/lib/site.ts`. Ausgeschaltet bleiben sie bewusst: Eine Zusage, die nicht gehalten
|
||
wird, und ein Testimonial ohne Einwilligung sind riskanter als eine Leerstelle.
|
||
|
||
| # | Flag | Was fehlt | Status |
|
||
|---|---|---|---|
|
||
| 3.1 | `showStimmen` | Zitate mit Name, Rolle, Unternehmen – und **schriftlicher** Einwilligung. Kundenlogos nur mit Erlaubnis. | offen |
|
||
| 3.2 | `showSpeakerPdf` | Speaker-Profil als PDF (Kurzvita, Themen, Fotos, Technik) → `public/speaker-profil.pdf` | offen |
|
||
| 3.3 | `showSecondTalk` | Darf „Unlock your Sales-DNA“ gelistet werden? Mit welchem Inhalt? Weitere Vorträge? | offen |
|
||
| 3.4 | `show24hPromise` | Zusage „Antwort innerhalb von 24 Stunden“ – ja oder nein? | offen |
|
||
| 3.5 | `showIndustry` | Darf die Branche der Nebentätigkeit genannt werden (z. B. „Medizinprodukte“)? Der Arbeitgeber wird nie genannt. | offen |
|
||
| 3.6 | `showTwins` | Steht auf `true`. Freigabe für den Satz über die Zwillinge bitte bestätigen. | zu bestätigen |
|
||
|
||
### Einzelfreigaben Biografie
|
||
|
||
Jede Angabe einzeln bestätigen, sie steht namentlich auf der Startseite:
|
||
Vater als Händler · Ausbildung zur Zahntechnikerin · Abteilungsleitung ·
|
||
Verkauf und Store Management im Premium-Segment · B2B-Außendienst heute ·
|
||
Zwillinge. Dazu: Dürfen später Jahreszahlen ergänzt werden?
|
||
|
||
### Weitere offene Punkte
|
||
|
||
| # | Frage | Status |
|
||
|---|---|---|
|
||
| 3.7 | Preise: Spanne oder „auf Anfrage“ für Coaching, Trainingstag, Keynote | offen |
|
||
| 3.8 | Reiseradius und Bühnentechnik bei Keynotes | offen |
|
||
| 3.9 | herCAREER-Logo: Erlaubnis vorhanden? (Ohne bleibt es beim reinen Textlink – so ist es aktuell gebaut.) | offen |
|
||
| 3.10 | Markenrecherche „WOLF-Prinzip“ – Dritte verwenden die Bezeichnung bereits. Bis zu einer Eintragung sagt die Seite „Bezeichnung“, nie „Wortmarke“. | empfohlen |
|
||
| 3.11 | Wer pflegt den Termine-Block nach dem 23.10.2026? | offen |
|
||
| 3.12 | FAQ-Antworten auf den drei Leistungsseiten: von uns formuliert, von Anelia noch nicht gegengelesen. Sie stehen **sichtbar** auf der Seite (`showFaq` ist an). | zu bestätigen |
|
||
| 3.13 | Zusage im Hero-Knopf: „30 Min · kostenfrei“ – bestätigen oder ändern. | zu bestätigen |
|
||
| 3.14 | Zielgruppen-Reihenfolge: Unternehmen zuerst oder Einzelpersonen zuerst? Reiner Texttausch in „Leistungen“ und Hero. | offen |
|
||
| 3.15 | Messeseite `/her-career/`: Hero-Text, Themen-Zeilen und Kontakt-Überschrift sind von uns formuliert (Ton der Website, Inhalte der Rückwand) – von Anelia gegenlesen. | zu bestätigen |
|
||
| 3.16 | Subdomain `her-career.anelia-wolf.com`: DNS, Zertifikat und Vhost einrichten. Muss **vor dem 22.10.2026** stehen, die Adresse ist gedruckt (`docs/SUBDOMAIN-HERCAREER.md`). Wer: webklar. | offen |
|
||
|
||
---
|
||
|
||
## 4. Bild- und Design-Dateien
|
||
|
||
**Das ist die Tabelle für den Designer bzw. die Fotografin.** Fehlt eine Datei, blendet
|
||
die Seite den Bildplatz sauber aus oder weicht auf eine typografische Lösung aus –
|
||
es bricht nichts, aber die Seite verliert ihr Gesicht.
|
||
|
||
| Datei | Ablage | Format | Mindestmaß | Verhältnis | Wo sie erscheint | Pflicht | Status |
|
||
|---|---|---|---|---|---|---|---|
|
||
| `anelia-hero.jpg` | `public/photos/` | JPG, sRGB | 1600 px breit | 4:5 hoch | Startseite, Hero (großflächig) | ja | offen |
|
||
| `anelia-portrait.jpg` | `public/photos/` | JPG, sRGB | 1400 px breit | 3:4 hoch | „Über Anelia“, engerer Schnitt | nein – fällt sonst auf das Hero-Foto zurück | offen |
|
||
| `anelia-stage.jpg` | `public/photos/` | JPG, sRGB | 1600 px breit | 3:2 quer | Keynotes-Seite, Bühnenfoto | nein | offen |
|
||
| `logo-mark.svg` | `public/brand/` | SVG, transparent, ohne `<script>` | – | – | Kopf, Hero, WOLF-Prinzip, Fuß, Seitenwechsel, 404 | ja | **liegt vor** |
|
||
| `logo-full.png` | `public/brand/` | PNG auf Tinte | 2400 × 1260 px | 1,91:1 | Social-Vorschau beim Teilen (LinkedIn) | nein | **liegt vor** |
|
||
| `speaker-profil.pdf` | `public/` | PDF | – | – | Keynotes → „Für Veranstalter“ (nur mit `showSpeakerPdf`) | nein | offen |
|
||
|
||
Dazu zwei Punkte, die keine Datei sind, aber am Logo hängen:
|
||
|
||
| # | Angabe | Wer liefert | Status |
|
||
|---|---|---|---|
|
||
| 4.1 | **Schriftliche Nutzungsrechte am Logo** vom Designer – die Website veröffentlicht es, das Impressum nennt ihn | Anelia | offen |
|
||
| 4.2 | Bestätigung, dass das Monogramm **ohne Wortmarke** und der Wolfskopf **einzeln** gezeigt werden dürfen (Favicon, Seitenwechsel, 404) | Anelia / Designer | offen |
|
||
|
||
### Regeln für die Bilddateien
|
||
|
||
- **Ruhiger Hintergrund** beim Hero-Foto: Darüber liegt das Monogramm, und die Headline
|
||
läuft bis in die linke Bildhälfte.
|
||
- **Kein Text im Bild.** Alles Geschriebene steht auf der Seite als echter Text – das
|
||
bleibt scharf, ist vorlesbar und lässt sich übersetzen.
|
||
- **sRGB**, nicht Adobe RGB. Sonst wirken die Bilder im Browser flau.
|
||
- **Originale ≥ 2000 px** mitliefern, nicht nur die zugeschnittene Fassung. Der Zuschnitt
|
||
kann sich noch ändern.
|
||
- **Name der Fotografin** gehört dazu (Punkt 1.14). „Foto: [Name]“ ist eine gesetzliche
|
||
Pflicht, kein Höflichkeitsvermerk.
|
||
|
||
### Regeln für ein neues Logo
|
||
|
||
Falls das Monogramm ersetzt wird: SVG, transparent, **ohne `<script>`** (ein Skript
|
||
bricht den Build absichtlich ab – die Datei wird inline in jede Seite eingebettet, und
|
||
die Seite sagt „keine externen Skripte“ zu). Die schwarzen Flächen auf
|
||
`fill="currentColor"`, damit das W auf dunklem Grund elfenbein und auf hellem tinte
|
||
erscheint. IDs `v-left`, `v-right`, `wolf` vergeben, sonst läuft die Zeichen-Animation in
|
||
DOM-Reihenfolge. Details in `public/brand/README.md`.
|
||
|
||
---
|
||
|
||
## 5. Prompt – Liefertabelle für den Designer erzeugen
|
||
|
||
Der Block unten ist zum Kopieren gedacht. Er steht für sich allein: Wer ihn in einen
|
||
Chat einfügt, bekommt die Tabelle, ohne dieses Dokument mitschicken zu müssen. Die
|
||
Platzhalter in eckigen Klammern vorher ersetzen.
|
||
|
||
```text
|
||
Du bist Projektleiter einer Webagentur. Erstelle eine Liefertabelle für die
|
||
Fotografin und den Grafiker der Website von Anelia Wolf (Keynote Speakerin,
|
||
Trainerin und Coach). Ton: knapp, sachlich, keine Werbesprache.
|
||
|
||
Die Website ist fertig gebaut: statischer Export, Next.js, zwei Sprachen
|
||
(Deutsch auf /, Englisch auf /en/). Gestaltung: warmes Schwarz (#0F0E0C),
|
||
Elfenbein (#F6F1E8), Gold (#C9A24D), keine Schatten, keine runden Ecken,
|
||
Playfair Display für Überschriften. Fehlt eine Bilddatei, blendet die Seite den
|
||
Platz sauber aus – nichts bricht, aber die Seite verliert ihr Gesicht.
|
||
|
||
Diese Dateien fehlen noch:
|
||
|
||
1. anelia-hero.jpg – Startseite, großflächig hinter Headline und Monogramm.
|
||
JPG, sRGB, hochkant 4:5, mindestens 1600 px breit, ruhiger Hintergrund.
|
||
2. anelia-portrait.jpg – Abschnitt „Über Anelia“, engerer Schnitt.
|
||
JPG, sRGB, hochkant 3:4, mindestens 1400 px breit. Optional.
|
||
3. anelia-stage.jpg – Keynotes-Seite, Anelia auf der Bühne.
|
||
JPG, sRGB, quer 3:2, mindestens 1600 px breit. Optional.
|
||
4. speaker-profil.pdf – Kurzvita, Themen, Fotos, Technik. Optional.
|
||
|
||
Feste Regeln: kein Text im Bild (alle Schrift liegt als echter Text auf der
|
||
Seite), sRGB statt Adobe RGB, Originale ab 2000 px mitliefern, Name der
|
||
Fotografin für den Bildnachweis nach § 13 UrhG.
|
||
|
||
Gib eine Markdown-Tabelle aus mit den Spalten:
|
||
Datei | Motiv/Bildidee | Format | Mindestmaß | Seitenverhältnis | Wo es erscheint |
|
||
Pflicht | Wer liefert | Termin | Status
|
||
|
||
Fülle „Motiv/Bildidee“ mit einem konkreten Vorschlag je Zeile, der zur
|
||
Gestaltung passt. „Termin“ mit [DATUM] vorbelegen, „Status“ mit „offen“.
|
||
Setze unter die Tabelle drei Sätze, was passiert, wenn eine Datei fehlt.
|
||
Antworte auf Deutsch.
|
||
```
|
||
|
||
### Variante für die Rechtsangaben
|
||
|
||
Dieselbe Mechanik für Abschnitt 1, falls Anelia eine Liste zum Ausfüllen möchte:
|
||
|
||
```text
|
||
Erstelle eine Ausfüll-Liste für eine Selbstständige, die einer Webagentur die
|
||
Pflichtangaben für Impressum und Datenschutzerklärung ihrer neuen Website
|
||
liefern muss. Deutsches Recht, DDG und DSGVO.
|
||
|
||
Benötigt werden: ladungsfähige Anschrift (kein Postfach), USt-IdNr. oder
|
||
Wirtschafts-Identifikationsnummer oder die Entscheidung, den Abschnitt zu
|
||
streichen, Kleinunternehmerregelung nach § 19 UStG ja/nein,
|
||
Berufshaftpflichtversicherung (Versicherer, Anschrift, Geltungsbereich) oder
|
||
die Entscheidung, den Abschnitt zu streichen, Bundesland des Firmensitzes
|
||
(daraus folgt die zuständige Aufsichtsbehörde), E-Mail- und Office-Anbieter
|
||
mit Anschrift und Land, Aufbewahrungsfrist für Kontaktanfragen in Monaten,
|
||
Name der Fotografin und der Logo-Designerin für den Bildnachweis.
|
||
|
||
Gib eine Markdown-Tabelle aus: Angabe | Warum sie gebraucht wird (ein
|
||
Halbsatz) | Beispiel | Ihre Antwort. Die Spalte „Ihre Antwort“ bleibt leer.
|
||
Schreibe die Kundin mit „Sie“ an, keine Paragraphenketten im Fließtext.
|
||
Antworte auf Deutsch.
|
||
```
|
||
|
||
---
|
||
|
||
## 6. Wenn alles da ist – der Livegang
|
||
|
||
1. Angaben in `src/content/legal.ts` **und** `src/content/en/legal.ts` eintragen,
|
||
Platzhalter in `src/content/coaching.ts` und `trainings.ts` ersetzen (deutsch und
|
||
englisch).
|
||
2. Bilder nach `public/photos/` legen, Namen exakt wie in der Tabelle oben.
|
||
3. Freigegebene Blöcke per Flag einschalten.
|
||
4. `flags.hostOutsideEu` korrekt setzen.
|
||
5. `flags.showPlaceholders` auf `false` setzen und `npm run build` laufen lassen. Bricht
|
||
der Build ab, nennt er die Fundstelle – dann ist noch etwas offen.
|
||
6. Restliche Checkliste in `docs/HANDOVER.md`, Abschnitt 9.
|