diff --git a/assets/css/main.css b/assets/css/main.css index 660fb71..12d865e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1102,7 +1102,10 @@ body.mit-hintergrund::after { display: flex; flex-wrap: wrap; justify-content: center; - align-items: flex-start; + /* stretch statt flex-start: alle Karten einer Ebene werden gleich hoch, + egal ob der Name/die Rolle bei der einen Person länger ist als bei + der anderen (z.B. Diene/Funny) — Wunsch von Dogi. */ + align-items: stretch; gap: clamp(1rem, 3vw, 2rem); } /* Leuchtender Knoten pro Ebene, sitzt genau auf der Linie */ @@ -1122,8 +1125,15 @@ body.mit-hintergrund::after { } .pyramid-tier .profile-card { width: 100%; + /* Flex-Spalte, damit der "Profil ansehen"-Button per margin-top:auto immer + ganz unten sitzt — dadurch wirken alle Karten einer Ebene gleich hoch + und gleich aufgebaut, auch wenn Name/Rolle unterschiedlich lang sind. */ + display: flex; + flex-direction: column; + align-items: center; transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, border-color .3s ease; } +.pyramid-tier .profile-card .btn { margin-top: auto; } .pyramid-tier .profile-card:hover { transform: translateY(-6px) scale(1.02); } /* Fünf Größenstufen — je tiefer, desto kompakter */ diff --git a/assets/img/bg-dogfather-person-mobile.jpg b/assets/img/bg-dogfather-person-mobile.jpg new file mode 100644 index 0000000..4327871 Binary files /dev/null and b/assets/img/bg-dogfather-person-mobile.jpg differ diff --git a/assets/img/bg-dogfather-person.jpg b/assets/img/bg-dogfather-person.jpg new file mode 100644 index 0000000..9268143 Binary files /dev/null and b/assets/img/bg-dogfather-person.jpg differ diff --git a/creator.html b/creator.html index 4f27236..c04f60a 100644 --- a/creator.html +++ b/creator.html @@ -4,17 +4,17 @@
Content Creator, die bei Spicy Media / Team Dogi mitmachen.
+Content Creator, die bei Dogfather / Spicy Media mitmachen.