Die Detailseite trägt wieder

Drei Dinge, eins davon war mein Fehlbefund: Regie und Drehbuch werden sehr
wohl angezeigt — nur standen sie irgendwo zwischen dreissig Gesichtern.
Jetzt kommt der Stab zuerst, weil man beim Suchen eher die Regie im Kopf
hat als den zwölften Darsteller.

Bei Zeichentrick hängt TMDB "(voice)" an den Rollennamen, und so stand es
auch da — englisch, mitten im deutschen Text. Daraus wird "Stimme: Gru".

Ähnliche Titel als eigene Reihe, nachgeladen, damit die Seite sofort
steht. Aus dem eigenen Bestand gerechnet, nicht aus TMDBs
Empfehlungsliste: ein Vorschlag, den man nicht abspielen kann, ist
Werbung. Gemeinsame Menschen wiegen dreifach gegenüber gemeinsamen
Genres — dass zwei Filme "Drama" sind, sagt wenig; dieselbe Regie sagt
viel. Kostet keine einzige fremde Anfrage, der Katalog steht ohnehin in
der Datenbank. Findet sich nichts, erscheint die Reihe gar nicht.

Und der Hintergrund: er begann bei left: 240px, also hinter der
Seitenleiste, und war mit opacity .28 und blur(2px) weder Bild noch
Fläche. Jetzt über die volle Breite, kräftiger unscharf — er taucht die
Seite in die Farbe des Films, so wie bei Plex.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-10-04 12:37:55 +02:00
co-authored by Claude Opus 5
parent 11a44f6a90
commit e1399c808f
4 changed files with 138 additions and 6 deletions
+11 -3
View File
@@ -417,12 +417,20 @@ svg { width: 20px; height: 20px; display: block; flex: none; }
/* **Der Hintergrund füllt die Seite, nicht nur einen Streifen.** Bei Plex
liegt er unscharf und abgedunkelt hinter allem und gibt der Seite die
Farbe des Films. */
/* **Über die volle Breite, nicht erst hinter der Seitenleiste.**
*
* Vorher begann das Bild bei `left: 240px` und war mit `opacity: .28` und
* `blur(2px)` weder Bild noch Fläche — ein grau verwischter Rest, der nichts
* tat. Jetzt taucht es die Seite in die Farbe des Films, so wie bei Plex. */
.detail-hintergrund {
position: fixed; top: var(--topbar-h); left: var(--sidebar-w); right: 0; bottom: 0;
position: fixed; inset: 0;
z-index: -1;
background-size: cover; background-position: center top;
opacity: .28; filter: blur(2px);
mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.45) 55%, transparent 92%);
opacity: .45; filter: blur(28px) saturate(1.1);
/* Weiter hochgezogen als das Bild selbst: die Unschärfe würde sonst am
Rand als harte Kante sichtbar. */
transform: scale(1.1);
mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.55) 55%, transparent 92%);
}
.detail-kopf {