From fb0c5c86395d7bb25e1cb9ba1fde8ce10da68d69 Mon Sep 17 00:00:00 2001 From: popovskik Date: Thu, 27 Aug 2026 16:43:18 +0200 Subject: [PATCH] fix(blog): use each published post hero image on the blog listing cards The blog index cards showed placeholder icons even for published posts that have a hero image. Replace the icon thumb with the post hero (cover-cropped) for every published card in EN/MK/SI, and add a .blog-thumb--image rule to mirror the existing featured-card image style. Coming-soon / unpublished cards keep their icons. Co-Authored-By: Claude Opus 4.8 (1M context) --- css/pages/_blog.css | 10 ++++++++++ en/blog/index.html | 12 ++++++------ mk/blog/index.html | 12 ++++++------ si/blog/index.html | 12 ++++++------ 4 files changed, 28 insertions(+), 18 deletions(-) diff --git a/css/pages/_blog.css b/css/pages/_blog.css index c957971a..bfe60c59 100644 --- a/css/pages/_blog.css +++ b/css/pages/_blog.css @@ -186,6 +186,16 @@ a.blog-card { text-decoration: none; color: inherit; } /* Vary the placeholder heights so the wall feels playful, not uniform */ .blog-card:nth-child(3n+1) .blog-thumb { min-height: 180px; } .blog-card:nth-child(4n+2) .blog-thumb { min-height: 120px; } +/* Real cover image inside a card thumb (replaces the icon placeholder) */ +.blog-thumb--image { position: relative; padding: 0; } +.blog-thumb--image img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} .blog-card-body { padding: 18px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .blog-card h3 { margin: 0; font-size: 18px; line-height: 1.3; color: #101828; } .blog-card p { margin: 0; font-size: 14px; line-height: 22px; color: #667085; } diff --git a/en/blog/index.html b/en/blog/index.html index 525f729c..d3d57ee2 100644 --- a/en/blog/index.html +++ b/en/blog/index.html @@ -238,7 +238,7 @@
-
+
Macedonian students settling into accommodation in Slovenia
Student life

Where to search for student accommodation in Slovenia

@@ -247,7 +247,7 @@
-
+
Macedonian students together in Slovenia
Guides

Study in Slovenia with an Ad futura scholarship

@@ -256,7 +256,7 @@
-
+
New students at a university welcome day in Slovenia
Student life

Welcome Days at Slovenia's four main universities

@@ -265,7 +265,7 @@
-
+
Students at a university event
Guides

Study in North Macedonia with a government scholarship

@@ -274,7 +274,7 @@
-
+
Macedonian students practising Slovene together
Study tips

Learning Slovene: where to start

@@ -283,7 +283,7 @@
-
+
A student reflecting after moving abroad to study
Community

How I coped with leaving home

diff --git a/mk/blog/index.html b/mk/blog/index.html index e6a91265..aabf578e 100644 --- a/mk/blog/index.html +++ b/mk/blog/index.html @@ -238,7 +238,7 @@