Hero-Bilder, TODO-Bereinigung und Foto-Zuschnitte
- Neue Husky-/Hasen-Hero-Bilder aus echtem Artwork, runde Portrait-Optik - Alle sichtbaren TODO-/Platzhalter-Texte entfernt (jetzt HTML-Kommentare oder freundliche "folgt in Kürze"-Texte) - Foto-Zuschnitte gefixt: object-position pro Bild, damit Gesichter und Caspers Kopf nie abgeschnitten werden - Team-Avatare zoomen jetzt auf den Gesichtsbereich der Karten Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
+22
-7
@@ -318,8 +318,19 @@ header.site-header {
|
||||
font-size: 1.6rem;
|
||||
color: var(--accent-contrast);
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
/* Team-Karten sind quadratische Motive mit viel Rahmen — der Avatar zoomt
|
||||
deshalb auf den Gesichtsbereich (ca. 50% / 33% des Motivs), damit das
|
||||
Gesicht im 96px-Kreis wirklich erkennbar bleibt. */
|
||||
.avatar img {
|
||||
position: absolute;
|
||||
width: 190%;
|
||||
height: 190%;
|
||||
left: -45%;
|
||||
top: -13%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.avatar img { width: 100%; height: 100%; object-fit: cover; }
|
||||
.profile-card .role { color: var(--accent); font-weight: 600; font-size: .85rem; margin-bottom: .6rem; }
|
||||
.profile-card .quote { font-style: italic; font-size: .9rem; }
|
||||
.profile-card .socials { display: flex; justify-content: center; gap: .6rem; margin-top: .8rem; }
|
||||
@@ -600,16 +611,20 @@ footer.site-footer {
|
||||
.hero-critter img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 14px;
|
||||
aspect-ratio: 1 / 1;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
border: 3px solid var(--accent);
|
||||
box-shadow: 0 0 0 6px rgba(143, 217, 234, .14), 0 14px 32px rgba(0, 0, 0, .55);
|
||||
}
|
||||
.hero-critter.rabbit img { border-color: #c7ccd1; box-shadow: 0 0 0 6px rgba(199, 204, 209, .14), 0 14px 32px rgba(0, 0, 0, .55); }
|
||||
.hero-critter.main {
|
||||
width: min(16vw, 175px);
|
||||
opacity: .95;
|
||||
width: min(17vw, 190px);
|
||||
opacity: .98;
|
||||
}
|
||||
.hero-critter.small {
|
||||
width: min(9vw, 105px);
|
||||
opacity: .55;
|
||||
width: min(10vw, 115px);
|
||||
opacity: .65;
|
||||
animation-duration: 12s;
|
||||
filter: drop-shadow(0 0 14px rgba(143, 217, 234, .35));
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 173 KiB After Width: | Height: | Size: 278 KiB |
Reference in New Issue
Block a user