Zum Inhalt springen
Sarah TheinertFamiliencoaching & Neonatalbegleitung

Changelog

Alle Änderungen an diesem Projekt, neueste zuerst. Zeiten in Europe/Berlin.

Montag, 19. Oktober 2026

    • Neue Seite nach der bereitgestellten EU-Vorlage: übersichtlicher Titelbereich mit Schutzschild, Gewährleistungsrechte, zwei Handlungsschritte, Länderhinweise und Abgrenzung zur freiwilligen Garantie.
    • Gestaltung an die Praxis angepasst; direkte Verlinkung zu Your Europe statt des QR-Codes. Der Footer kann die zusätzlichen Rechtstext-Links auch auf kleinen Bildschirmen umbrechen.
    • Die Informationen beziehen sich ausdrücklich auf Warenkäufe, nicht pauschal auf Coaching und Beratung; keine zusätzlichen Garantieversprechen. Inhalte zentral in src/data/legal.ts hinterlegt.

    Betroffen

    src/data/legal.tssrc/routes/gesetzliche-gewaehrleistung.tsxsrc/data/navigation.tssrc/components/layout/Footer.tsxsrc/test/warranty.test.ts
    • Das bisherige kurze Impressum (Anschrift, Kontakt, Hinweis zur Freigabe) ist komplett ersetzt durch den übermittelten Text mit zehn Abschnitten: Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG), Kontakt, Angaben zur Tätigkeit, Verantwortlich für journalistisch-redaktionelle Inhalte gemäß § 18 Abs. 2 MStV, Verbraucherstreitbeilegung, Urheberrecht, Haftung für eigene Inhalte, Externe Links, Medizinischer Hinweis und Datenschutz.
    • Der vorläufige Hinweis, dass Berufsbezeichnung, Umsatzsteuer-ID und zuständige Stellen noch ergänzt und rechtlich geprüft werden müssen, ist entfallen.
    • Die Texte liegen jetzt in einer eigenen Datendatei (src/data/legal.ts); Telefon und E-Mail sind als klickbare Links gesetzt, die Anschrift bleibt identisch mit den Angaben im Fußbereich der Website.
    • Neuer Test src/test/impressum.test.ts prüft die Reihenfolge der zehn Abschnitte, Anschrift und Kontaktdaten, die Kernaussagen sowie dass keine Platzhalter- oder Ergänzungshinweise mehr enthalten sind.
    • Kurzbeschreibung und Suchmaschinen-Eintrag der Seite wurden an die neue Fassung angepasst.

    Betroffen

    src/data/legal.tssrc/routes/impressum.tsxsrc/test/impressum.test.tssrc/data/changelog.ts
    • Ursache: Die Einleitung auf der Referenzen-Seite war lang genug für drei Zeilen, während sie auf den anderen Seiten zwei Zeilen braucht – der Hero war dadurch 15 Pixel höher.
    • Der Hero-Baustein (PageHero) kann die Breite der Einleitung jetzt je Seite anpassen; ohne Seitenbild läuft die Einleitung weiter aus (896 statt 672 Pixel) und braucht dadurch nur noch zwei Zeilen.
    • Der vollständige Text bleibt unverändert – es wurde nichts gekürzt oder umformuliert, nur breiter gesetzt.
    • Nachgemessen: Referenzen, Tipps, Elternfeedback und Blog sind im breiten Ansichtsfenster 523 Pixel hoch, bei 1280 Pixeln Breite 508 Pixel – auf allen vier Seiten gleich. Auf dem Handy bleibt der Referenzen-Hero etwas höher, weil der Titel dort zwangsläufig in drei Zeilen umbricht.

    Betroffen

    src/components/common/PageHero.tsxsrc/routes/referenzen.tsx
    • Der Hero des Blogs war höher als auf Tipps und Elternfeedback, weil der lange Titel in der schmalen Doppelspalte auf drei Zeilen umbrach.
    • Der Hero-Baustein (PageHero) nutzt die Doppelspalte jetzt nur noch, wenn tatsächlich ein Seitenbild vorhanden ist; ohne Bild bekommt der Titel die volle Breite.
    • Zusätzlich reserviert jeder Hero grundsätzlich die Höhe von zwei Titelzeilen, damit die Bereiche unabhängig davon, ob ein Titel in ein oder zwei Zeilen umbreicht, gleich hoch bleiben.
    • Texte und Inhalte blieben unverändert; auf dem Handy bleibt der Blog-Hero eine Zeile höher, weil der lange Titel dort zwangsläufig in drei Zeilen umbricht.

    Betroffen

    src/components/common/PageHero.tsx
    • Der Hero von Elternfeedback liegt jetzt auf einem eigens erstellten Stimmungsbild: warmes Morgenlicht hinter einem Vorhang, Blattschatten an einer Elfenbeinwand, ein kleiner Hocker mit Büchern und Eukalyptus – ohne Personen, ohne Schrift.
    • Google-optimiert aufbereitet: WebP-Format, zwei Auflösungen (800w/1600w) mit srcset und sizes, passende Dateinamen (elternfeedback-hero-800w.webp, elternfeedback-hero-1600w.webp), feste Breite-/Höhenangaben gegen Layoutverschiebung, decoding=async und hohe Lade-Priorität, da das Bild oberhalb der Faltsichtbar ist; insgesamt rund 82 KB.
    • Die Bildfläche liegt vollständig hinter dem Inhalt, ist als dekorativ (aria-hidden) gekennzeichnet und wird von einem sanften Cremeverlauf überdeckt, damit Überschrift und Einleitung gut lesbar bleiben.
    • Der Hero-Baustein (src/components/common/PageHero.tsx) kann das Hintergrundbild jetzt über neue Angaben annehmen; andere Seiten bleiben unverändert beim bisherigen Aussehen.

    Betroffen

    src/assets/elternfeedback-hero-800w.webpsrc/assets/elternfeedback-hero-1600w.webpsrc/components/common/PageHero.tsxsrc/routes/elternfeedback.tsx
    • Design-System „Calm Premium Editorial“ mit Warm Ivory, Soft Cream, Sage, Dusty Rose, Warm Sand und Charcoal; Schriften Cormorant Garamond & Manrope, responsive clamp()-Typografie, sanfte Scroll-Einblendungen mit prefers-reduced-motion.
    • Sticky-Header mit Angebote-Dropdown, mobilem Menü und CTA „Erstgespräch anfragen“; Footer mit Kontakt, Adresse, Instagram, Navigation und dynamischem Jahr.
    • Startseite mit allen 11 Sektionen (Hero, Einstieg, Leistungen, Über Sarah, Werte, Zielgruppe, Elternfeedback-Vorschau, Blog/Aktuelles, Abschluss-CTA).
    • Unterseiten Über mich, Coaching (Angebote, Ablauf, FAQ), Beratung & Traumaarbeit (Accordion), Referenzen (Filter, Zeitleiste, Zertifikat-Ansicht vorbereitet), Aktuelles, Elternfeedback, Tipps inkl. Detailseiten, Blog inkl. Artikelseite, Kontakt, Shop, Impressum, Datenschutz und eigene 404-Seite.
    • Inhalte von der bisherigen Website übernommen und sprachlich korrigiert, inkl. Blogartikel „Reiß dich einfach ein bisschen mehr zusammen!“ und Tipp zur Gewichtsdecke (Wirkungsaussagen vorsichtiger formuliert).
    • Zentrale Datendateien für Praxisdaten, Navigation, Angebote/Preise, Qualifikationen, Elternstimmen, Aktuelles und Beiträge.
    • Weiterleitungen alter Jimdo-Adressen (z. B. /über-mich, /beratung, /about, alte Blog-URL) auf die neuen Adressen.
    • Kontaktformular mit Prüfung, Pflicht-Einwilligung und Spam-Schutzfeld; ohne eingerichteten E-Mail-Versand zeigt es ehrlich an, dass nichts versendet wurde.
    • Stimmungsbilder als austauschbare Platzhalter erstellt (kein Porträt von Sarah).

    Betroffen

    src/routes/*src/components/layout/*src/components/common/*src/components/sections/*src/data/*src/lib/contact-service.tssrc/styles.css
    • Auf der Seite Elternfeedback ersetzt ein Chatverlauf im WhatsApp-Stil den bisherigen Hinweis „Elternstimmen folgen in Kürze“.
    • Fünf Originalnachrichten von Familien sind aufgenommen: Tipps für den Umgang mit dem Sohn, Vertrauen ins Bauchgefühl und das alleinige Einschlafen der Tochter, Vorfreude auf die Workshops, eine Rückmeldung von Elvira zum Workshop und der entspanntere Schulmorgen durch 30 Minuten mehr Zeit.
    • Optik: Chatfenster mit Kopfzeile, strukturierte Tapete im Hintergrund, Nachrichtenblasen mit Zeigern, Zeilenumbrüche und Emojis unverändert aus den Vorlagen übernommen.
    • Nachrichten liegen als neue Datenquelle parentMessages in src/data/content.ts (mit Richtungsinformation „in“/„out“); die neue Komponente src/components/chat/ParentChat.tsx rendert nur diese Daten.
    • Hinweis unter dem Chat: alle Nachrichten im Original, Namen nur dort wo die Familie sie selbst genannt hat; der bisherige Hinweis, dass weitere Rückmeldungen aufbereitet werden, bleibt stehen.
    • Neuer Test src/test/parent-messages.test.ts prüft, dass genau die fünf freigegebenen Nachrichten erscheinen und keine als Antwort von Sarah ausgegeben wird.

    Betroffen

    src/data/content.tssrc/components/chat/ParentChat.tsxsrc/routes/elternfeedback.tsxsrc/styles.csssrc/test/parent-messages.test.ts
    • Das hochgeladene Porträt von Sarah ersetzt das Platzhalterbild „praxis-raum.jpg“ auf der Startseite (Über-mich-Sektion) und im Hero der Seite Über mich.
    • Optimierung nach Google-Bildrichtlinien: WebP-Format (48 KB statt JPEG), passende 4:5-Zuschnittgröße, responsives srcset mit 341w- und 682w-Variante inkl. sizes-Attribut, explizite width/height-Angaben gegen Layoutverschiebung, lazy loading und decoding=async.
    • Beschreibender Dateiname (sarah-theinert-portrait.webp) und aussagekräftiger Alt-Text auf der Startseite; im Hero bleibt das Bild dekorativ (alt="").
    • Hinweis: Die Vorlage hat nur 341 × 512 Pixel – auf sehr großen Bildschirmen wirkt das Bild etwas weich. Ein Foto in höherer Auflösung wäre ideal.

    Betroffen

    src/assets/sarah-theinert-portrait.webpsrc/assets/sarah-theinert-portrait-341w.webpsrc/components/sections/HomeSections.tsxsrc/components/common/PageHero.tsxsrc/routes/ueber-mich.tsx
    • Öffentliche Route /changelog mit chronologisch absteigender Liste, Gruppierung nach Datum und aufklappbaren Einträgen erstellt.
    • Filter nach Änderungstyp und Volltextsuche ergänzt.
    • Zentrale, versionierte Datenquelle src/data/changelog.ts angelegt (keine Browser-Speicherung, keine Bearbeitung durch Besucher).
    • Design-System (Farben, Schriften) definiert und Startseite als vorläufige Einstiegsseite eingerichtet.
    • Dauerhafte Projektregel zur Changelog-Pflege in PROJECT_RULES.md und AGENTS.md dokumentiert.

    Betroffen

    src/routes/changelog.tsxsrc/data/changelog.tssrc/routes/index.tsxsrc/routes/__root.tsxsrc/styles.cssPROJECT_RULES.mdAGENTS.md