From 74c52a070538687459bfd33e10f71f8082a88243 Mon Sep 17 00:00:00 2001 From: Lars Gebhardt-Kusche Date: Fri, 31 Jul 2026 21:58:32 +0200 Subject: [PATCH] XYX --- .projektstructure.txt | 1 + PROJECT_CONTEXT.md | 1 + README.md | 1 + partials/landing/account/dashboard.php | 75 ++++++++++++++++++-------- public/assets/css/app.css | 6 ++- 5 files changed, 60 insertions(+), 24 deletions(-) diff --git a/.projektstructure.txt b/.projektstructure.txt index 863c0ce..f3b4e7b 100755 --- a/.projektstructure.txt +++ b/.projektstructure.txt @@ -21,6 +21,7 @@ Aktueller Projektstand - Das Profil besitzt jetzt zusaetzlich eine vollstaendige Adresse mit verschluesselter Strasse/Hausnummer sowie eine optionale Adress-Lokalisierung ueber die vorhandenen externen Karten-/Geocoding-Dienste. - Die Profiladresse unterstuetzt jetzt ausserdem eine Auswahl moeglicher Adress-Treffer, die Uebernahme aus dem Browser-Standort und einen kurzen Hinweisdialog zur lokalen Relevanz. - Der Profil-Editor im Mitgliederbereich ist jetzt kompakter aufgebaut, in ausklappbare Bereiche gegliedert und enthaelt die bearbeitbare Konto-E-Mail direkt im Formular. +- Die Profil-Zusammenfassung oberhalb des Editors ist aktuell absichtlich als leicht rueckbaubare kompakte Zwischenvariante umgesetzt; die Umschaltstelle liegt direkt im Template. - Fuer Umkreis- und Distanzfunktionen bleiben nur `lat`/`lng` technisch im Klartext; die eigentliche Strasse/Hausnummer ist verschluesselt. - Alte statische Avatar-Presets und frühere Layer-Assets sind entfernt. - Änderungen an Funktionen mit Cookies, LocalStorage, SessionStorage, Geolocation, Tracking oder Drittanbietern müssen immer auch in Datenschutz-/Cookie-Hinweisen und im Consent-Flow berücksichtigt werden. diff --git a/PROJECT_CONTEXT.md b/PROJECT_CONTEXT.md index 87e6e9e..42c89c7 100644 --- a/PROJECT_CONTEXT.md +++ b/PROJECT_CONTEXT.md @@ -41,6 +41,7 @@ Papa-Kind-Treff ist eine PHP-basierte Plattform für Väter. Kernbereiche sind l - Im Profil koennen jetzt auch Strasse/Hausnummer, PLZ, Ort und Region gepflegt werden; fuer die Adress-Lokalisierung werden die bereits vorhandenen externen Karten-/Geocoding-Dienste wiederverwendet. - Die Profiladresse bietet jetzt zusaetzlich eine Trefferauswahl fuer die Suche, eine Uebernahme aus dem Browser-Standort und einen kurzen Hinweisdialog zur Relevanz fuer lokale Termin-Hinweise. - Der Profil-Editor ist jetzt kompakter gegliedert, nutzt ausklappbare Bereiche fuer Basisdaten, Adresse, Sprache/Beruf und Kurzvorstellung und enthaelt die bearbeitbare Konto-E-Mail direkt im Formular. +- Die Profil-Zusammenfassung oberhalb des Editors ist aktuell absichtlich als leicht rueckbaubare kompakte Zwischenvariante umgesetzt; die Umschaltstelle liegt direkt im Template. - Im Profil kann der Nutzer aktuell Komponenten wie Augen, Augenbrauen, Mund, Brille, Haare, Bart und Ohrringe direkt per Vorschaubild auswählen. - Der Button `Random Profilbild` setzt Seed und Varianten des aktiven Styles zufaellig neu und aktualisiert die Vorschau sofort. - Beim Oeffnen des Avatar-Generators wird nur der aktive Style-/Komponenten-Tab geladen; weitere Varianten werden erst beim Wechsel nachgeladen. diff --git a/README.md b/README.md index 9f852a6..d2385f4 100644 --- a/README.md +++ b/README.md @@ -35,6 +35,7 @@ Papa-Kind-Treff ist eine PHP-basierte Plattform für Väter mit Fokus auf lokale - das Profil unterstuetzt jetzt eine vollstaendige Adresse mit verschluesselter Strasse/Hausnummer sowie optionaler Adress-Lokalisierung ueber die bereits vorhandenen Karten-/Geocoding-Dienste - bei der Profiladresse gibt es jetzt eine Trefferauswahl fuer Adresssuche, eine Uebernahme aus dem Browser-Standort sowie einen mobilen Hinweisdialog, warum die Adresse fuer lokale Termine relevant ist - der Profil-Editor im Mitgliederbereich ist jetzt kompakter gruppiert, nutzt ausklappbare Abschnitte und enthaelt die bearbeitbare Konto-E-Mail wieder direkt im Formular +- die Profil-Zusammenfassung oberhalb des Editors laeuft aktuell als bewusst leicht rueckbaubare kompakte Zwischenvariante mit klarer Umschaltstelle direkt im Template - Debug-Floating-Button nur für `site_admin` im Debug-Modus ## Technik diff --git a/partials/landing/account/dashboard.php b/partials/landing/account/dashboard.php index 79664b6..6a64c77 100755 --- a/partials/landing/account/dashboard.php +++ b/partials/landing/account/dashboard.php @@ -13,6 +13,7 @@ $allowNoKidsChecked = $editEvent ? ((int)$editEvent['allow_kids'] === 0) : false $editingChild = isset($editChild) && $editChild !== null; $childAction = $editingChild ? 'child_update' : 'child_add'; $childModalTitle = $editingChild ? 'Kind bearbeiten' : 'Kind hinzufügen'; +$useCompactProfileSummary = true; $sectionLinks = [ 'profile' => 'Profil', 'children' => 'Kinder', @@ -78,30 +79,58 @@ $sectionLinks = [ -
-
- Basis - -
-
- Standort - -
-
- -
- Über dich -

+ +
+
+ Kontakt + +

+

+
+
+ Standort + +

+
+
+ Profil + +

+

+
+ +
+ Über dich +

+
+ + +
+
+ Basis + +
+
+ Standort + +
+
+ +
+ Über dich +

+
+
diff --git a/public/assets/css/app.css b/public/assets/css/app.css index b8e94de..bd9f07f 100755 --- a/public/assets/css/app.css +++ b/public/assets/css/app.css @@ -252,6 +252,10 @@ body { .profile-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .profile-summary-card { padding: 18px; background: #fffdfa; border: 1px solid var(--color-border); border-radius: 18px; } .profile-summary-card__eyebrow { display: inline-block; margin-bottom: 12px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--color-highlight); } +.profile-hero-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } +.profile-hero-summary__card { display: grid; gap: 8px; align-content: start; padding: 18px; background: linear-gradient(135deg, #fffdfa, #f7f0e6); border: 1px solid var(--color-border); border-radius: 18px; } +.profile-hero-summary__card strong { font-size: 18px; line-height: 1.25; } +.profile-hero-summary__card p { margin: 0; color: var(--color-muted); line-height: 1.5; } .profile-about-card { margin-top: 16px; padding: 18px; background: linear-gradient(135deg, #fff, #f8f4ec); border: 1px solid var(--color-border); border-radius: 18px; } .profile-about-card strong { display: block; margin-bottom: 8px; } .profile-about-card p { margin: 0; line-height: 1.65; color: var(--color-text); } @@ -302,7 +306,7 @@ body { .avatar-component-card__label { font-size: 12px; font-weight: 700; color: var(--color-text); text-align: center; } .avatar-component-card:has(input:checked) { border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(52,72,90,0.14); } @media (max-width: 980px){ .avatar-component-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } -@media (max-width: 860px){ .avatar-builder__hero { grid-template-columns: 1fr; } .avatar-builder__actions { justify-content: center; } .avatar-component-colors { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .avatar-component-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .profile-summary-grid { grid-template-columns: 1fr; } } +@media (max-width: 860px){ .avatar-builder__hero { grid-template-columns: 1fr; } .avatar-builder__actions { justify-content: center; } .avatar-component-colors { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .avatar-component-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .profile-summary-grid, .profile-hero-summary { grid-template-columns: 1fr; } } .avatar-swatch-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; } .avatar-swatch { display: grid; grid-template-columns: 20px 18px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--color-border); border-radius: 14px; background: #fff; cursor: pointer; } .avatar-swatch__color { width: 18px; height: 18px; border-radius: 999px; background: var(--swatch-color); border: 1px solid rgba(0,0,0,0.12); }