Changeset 69a10e7 in Klonkt

Timestamp:

06/28/2026 11:16:48 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

2f919c0

Parents:

2eca083

Message:

style(covers): subtle 0.4px blur on grid + timeline covers to smooth downscaled line-art

• assets/css/style.css — .grid-tile-img + .post-list-cover img get filter: blur(.4px)
• views/shell.ejs — style.css cache buster v59

Location:

src

Files:

• assets/css/style.css (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -1937 +1937 @@
     object-fit: cover;
     display: block;
+    filter: blur(.4px); /* subtle smoothing of downscaled line-art covers */
 }
 .post-list-body { display: flex; flex-direction: column; gap: .35rem; }
@@ -2383 +2384 @@
 /* Cover as a real <img> (not background-image): browsers downsample <img> with the
    high-quality image pipeline, so high-res line-art covers don't go jagged when shrunk. */
-.grid-tile-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
+.grid-tile-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; filter: blur(.4px); }
 .grid-tile:hover { transform: scale(0.98); }
 .grid-tile-overlay {

src/views/shell.ejs

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