Changeset 2eca083 in Klonkt for src/views/shell.ejs

Timestamp:

06/28/2026 11:05:58 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

69a10e7

Parents:

73cffc3

Message:

fix(images): render grid + related covers as <img> (no jagged downscaling)

High-res line-art covers went jagged when shrunk into the small grid tiles / related cards
because they were CSS background-images (lower-quality GPU downscaling, worse on the
transform:scale(0.98) hover layer). Switched both to a real <img object-fit:cover>, which
browsers downsample with the high-quality image pipeline.

• views/partials/post-tile.ejs — grid cover = <img class=grid-tile-img>
• views/pages/post.ejs — related cover = <img class=post-related-img>
• assets/css/style.css — .grid-tile-img (absolute, object-fit:cover)
• views/shell.ejs — style.css cache buster v58

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -198 +198 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=57">
+<link rel="stylesheet" href="/assets/css/style.css?v=58">
 <script>
 /* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in