De cover in de leesweergave: niet opblazen, niet bijsnijden
Barts melding (20-8): het plaatje bij een post in Lezen mag netter, zoals
het in de tijdlijn was. Nagemeten in de browser op dev, twee gevallen:
geen-koffie-wel-thee 221x165 natuurlijk -> 505x378 getoond (2,28x)
strike-homerun 553x464 natuurlijk -> 505x400 getoond (bijgesneden)
Allebei kwamen ze uit width:100% met object-fit:cover. De kleine werd ruim
twee keer opgeblazen en dus wazig; de grote verloor zijn onderkant tegen
de hoogtegrens. De tijdlijn deed dat nooit -- daar zat een cover in een
vakje van 120px, dus klein bleef klein.
Nu: width/height auto met max-width en max-height, zodat de browser de
verhouding zelf houdt en het beeld HEEL in het vak past. De figure krimpt
eromheen (fit-content) en staat gecentreerd, in plaats van een klein
plaatje in een veel te grote lijst te zetten. Wit erachter voor logo's met
doorzichtige achtergrond, dezelfde keuze als .post-list-cover.
De hoogtegrens van 45svh blijft: die houdt titel en eerste alinea boven de
vouw. Zonder het bijsnijden krimpt een staande foto nu netjes mee in
plaats van dat er een stuk af gaat.
style.css naar v72 -- /assets staat buiten development op max-age=1y, dus
zonder bump krijgt wie hier eerder was de oude opmaak bij de nieuwe pagina.
Co-Authored-By: Claude Opus 5 <noreply@…>
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
