fs/tsv08kulmbach-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Person-Card: geschlechtsneutraler Initialen-Avatar als Fallback (statt männlichem Foto-Platzhalter), platzhalter.jpg entfernt

Browse Source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Felix Schneider
2026-06-11 22:24:45 +02:00
parent 335749b6d0
commit d757fe1043
3 changed files with 43 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
public/assets/css/components.css
View File

@@ -319,6 +319,34 @@
object-fit: cover;
}
/* Initialen-Avatar: geschlechtsneutraler Fallback ohne Foto */
.person-card__initials {
position: relative;
display: grid;
place-items: center;
aspect-ratio: 4 / 5;
background: radial-gradient(circle at 50% 35%, rgb(255 255 255 / 0.07), transparent 65%), var(--clr-bg-deep);
overflow: hidden;
}
.person-card__initials span {
font-family: var(--ff-heading);
font-size: var(--fs-800);
letter-spacing: 0.06em;
color: var(--clr-text-muted);
}
.person-card__initials::after {
/* dezente rote Akzentlinie unten, statt Logo-Wasserzeichen */
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background: linear-gradient(90deg, transparent, rgb(var(--clr-accent-rgb) / 0.6), transparent);
}
.person-card__body {
display: grid;
gap: 0.2rem;