trihub-ernaehrung-advinters/docs/integration-review.md

Integration der Ernährungsseite

Review-Branch: integration/ernaehrung-review, erstellt aus main. Die vier Quellbranches wurden mit Merge-Commits eingebunden. Ihre Historie bleibt erhalten; die Quellbranches und main wurden nicht verändert.

Bereich	Quellbranch / Stand	CSS-Datei	CSS-Bereich
Shahnam	S-Produktübersicht / f7605d8	css/produktuebersicht.css	.produktuebersicht
Vincent	feature/V-US-01-02-leistungsuebersicht / 312e788	css/leistungen.css	.pakete
Ahmad	A-Berater-und-Qualifikationen / d945d0a	css/berater.css	.berater-section
Dennis	D-info-ueber-beratung / 6b2bcb4	css/beratung.css	.beratung-bereich

css/site.css enthält nur die gemeinsame Seitengrundlage. Gleiche Dateinamen an unterschiedlichen Pfaden wären technisch erlaubt. Gegen Stilkonflikte helfen jedoch die begrenzten Selektoren und Variablen, nicht der Dateiname. Beispiel: .produktuebersicht .container betrifft nur Shahnam. Neue Regeln bitte innerhalb des jeweiligen CSS-Bereichs halten.

Aufgelöste Konflikte und Fehler

• index.html: ein Dokument mit einem main; alle vier Beiträge erhalten.
• Gleichnamige CSS-Dateien: getrennte Namen, lokale Variablen und Selektoren.
• Dennis' style.css / script.js: Modify/Delete-Konflikte durch Übernahme nach css/beratung.css / js/beratung.js aufgelöst.
• Pakete: falscher JSON-Pfad von data/ auf json/ korrigiert; Fehleranzeige ergänzt. Die in Vincents erstem Commit vorhandene Auswahl samt Event paket:ausgewaehlt funktioniert wieder mit den JSON-Karten.
• Berater: Kartenbreite für kleine Displays begrenzt; JS nur von überflüssigen Leerzeichen bereinigt, Daten und Rendering-Logik unverändert.
• Beratung: Hintergrund und Scroll-Reveal auf den eigenen Bereich begrenzt; Grid und lange Wörter verursachen auf kleinen Displays keinen Überlauf.
• Schriftarten einmal im gemeinsamen Head eingebunden; .DS_Store entfernt.

JSON-Inhalte, Bilder, Preise, Links und Texte wurden nicht redaktionell geändert. Zur fachlichen Prüfung bleiben unter anderem die zwei gleich benannten Beraterprofile, die Paketbezeichnung STANDART, Platzhalter und Buchungslinks. Die Paketauswahl ist noch keine Buchungsfunktion.

Lokal prüfen

index.html über VS Code Live Server öffnen, nicht direkt als file://; die beiden JSON-Dateien werden per fetch geladen.

Geprüft in Chrome bei 320, 390, 768, 1366 und 1920 px: alle vier Bereiche, 3 Pakete, 2 Berater, Bilder, eindeutige IDs und kein horizontaler Überlauf. Zusätzlich: Paketwechsel mit genau einer Auswahl und korrektem Event, reduzierte Bewegung, Fehleranzeigen bei fehlenden JSON-Dateien sowie keine unbehandelten JavaScript-Fehler oder fehlgeschlagenen lokalen Ressourcen im Normalbetrieb.

Weitere Änderungen zusammenführen

1. Auf diesen Integrationsbranch wechseln und git fetch origin ausführen.
2. Den aktualisierten Quellbranch mit git merge origin/BRANCHNAME einbinden.
3. Bei Konflikten mit git status die betroffenen Dateien prüfen. <<<<<<<, ======= und >>>>>>> markieren die beiden Versionen. In der gemeinsamen HTML-Datei beide benötigten Bereiche zusammensetzen; nicht pauschal eine komplette Seite mit „ours“ oder „theirs“ ersetzen.
4. Marker entfernen, Pfade und CSS-Bereiche prüfen und im Browser testen.
5. Aufgelöste Dateien mit git add DATEIPFAD markieren, git commit ausführen und ausschließlich diesen Integrationsbranch pushen.

Ein noch laufender Merge lässt sich mit git merge --abort abbrechen. Bereits abgeschlossene Merges bleiben bestehen. Erst nach Team-Review soll ein Pull Request von diesem Branch nach main zusammengeführt werden.