mark/msos
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(blog): use each published post hero image on the blog listing cards

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-27 16:43:18 +02:00
1 parent 9a9eec21c5
commit fb0c5c8639
4 files changed
+28 -18
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

en/blog/index.html
+6 -6
View File
@@ -238,7 +238,7 @@
</div>
<div class="blog-grid">
<a class="blog-card" data-topic="student-life" href="where-to-search-for-accommodation-in-slovenia/">
<div class="blog-thumb"><i class="fas fa-house" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Macedonian students settling into accommodation in Slovenia"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--student-life"><i class="fas fa-mug-hot" aria-hidden="true"></i> Student life</span>
<h3>Where to search for student accommodation in Slovenia</h3>
@@ -247,7 +247,7 @@
</div>
</a>
<a class="blog-card" data-topic="guides" href="ad-futura-scholarship-slovenia-2026/">
<div class="blog-thumb"><i class="fas fa-hand-holding-dollar" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Macedonian students together in Slovenia"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--guides"><i class="fas fa-signs-post" aria-hidden="true"></i> Guides</span>
<h3>Study in Slovenia with an Ad futura scholarship</h3>
@@ -256,7 +256,7 @@
</div>
</a>
<a class="blog-card" data-topic="student-life" href="welcome-days-slovenian-universities-2026-2027/">
<div class="blog-thumb"><i class="fas fa-people-roof" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="New students at a university welcome day in Slovenia"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--student-life"><i class="fas fa-mug-hot" aria-hidden="true"></i> Student life</span>
<h3>Welcome Days at Slovenia's four main universities</h3>
@@ -265,7 +265,7 @@
</div>
</a>
<a class="blog-card" data-topic="guides" href="study-in-north-macedonia-government-scholarship-2026-2027/">
<div class="blog-thumb"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Students at a university event"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--guides"><i class="fas fa-signs-post" aria-hidden="true"></i> Guides</span>
<h3>Study in North Macedonia with a government scholarship</h3>
@@ -274,7 +274,7 @@
</div>
</a>
<a class="blog-card" data-topic="study-tips" href="learning-slovene-where-to-start/">
<div class="blog-thumb"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Macedonian students practising Slovene together"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--study-tips"><i class="fas fa-lightbulb" aria-hidden="true"></i> Study tips</span>
<h3>Learning Slovene: where to start</h3>
@@ -283,7 +283,7 @@
</div>
</a>
<a class="blog-card" data-topic="community" href="how-i-coped-with-leaving-home/">
<div class="blog-thumb"><i class="fas fa-heart" aria-hidden="true"></i></div>
<div class="blog-thumb blog-thumb--image"><img width="1600" height="1067" loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="A student reflecting after moving abroad to study"></div>
<div class="blog-card-body">
<span class="blog-tag blog-tag--community"><i class="fas fa-people-group" aria-hidden="true"></i> Community</span>
<h3>How I coped with leaving home</h3>