m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign entry feed cards with full-bleed photo + gradient overlay

Browse Source
This commit is contained in:
Mischa
2026-06-18 14:21:00 +02:00
parent c33dc2ca56
commit 521c678f1c
2 changed files with 143 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/templates/tracker.html.twig
+38 -28
View File
@@ -72,36 +72,46 @@ if (latLngs.length === 1) {
{% set hero = entry.media.images|first %}
{% endif %}
{% if hero %}
<div class="entry-thumb">
<a href="{{ entry.url }}">
<img src="{{ hero.cropResize(680, 383).url }}" alt="{{ entry.title }}" loading="lazy">
</a>
</div>
{% endif %}
<div class="entry-card-meta">
<time class="entry-date" datetime="{{ entry.date|date('Y-m-d') }}">
{{ entry.date|date('d M Y') }}
</time>
{% if entry.header.location_city or entry.header.location_country %}
<span class="entry-location entry-location--card">
📍
{% if entry.header.location_city %}{{ entry.header.location_city|slice(0,25) }}{% endif %}
{% if entry.header.location_city and entry.header.location_country %}, {% endif %}
{% if entry.header.location_country %}{{ entry.header.location_country }}{% endif %}
</span>
<a class="entry-card-inner" href="{{ entry.url }}">
{% if hero %}
<div class="entry-card-photo">
<img src="{{ hero.cropResize(720, 405).url }}" alt="{{ entry.title }}" loading="lazy">
<div class="entry-card-photo-overlay">
<time class="entry-date-overlay" datetime="{{ entry.date|date('Y-m-d') }}">
{{ entry.date|date('d M Y')|upper }}
</time>
{% if entry.header.location_city or entry.header.location_country %}
<span class="entry-location-overlay">
📍
{% if entry.header.location_city %}{{ entry.header.location_city|slice(0,20) }}{% endif %}
{% if entry.header.location_city and entry.header.location_country %}, {% endif %}
{% if entry.header.location_country %}{{ entry.header.location_country }}{% endif %}
</span>
{% endif %}
</div>
</div>
{% else %}
<div class="entry-card-textmeta">
<time class="entry-date-plain" datetime="{{ entry.date|date('Y-m-d') }}">
{{ entry.date|date('d M Y')|upper }}
</time>
{% if entry.header.location_city or entry.header.location_country %}
<span class="entry-location-plain">
📍
{% if entry.header.location_city %}{{ entry.header.location_city }}{% endif %}
{% if entry.header.location_city and entry.header.location_country %}, {% endif %}
{% if entry.header.location_country %}{{ entry.header.location_country }}{% endif %}
</span>
{% endif %}
</div>
{% endif %}
</div>
<h2 class="entry-title">
<a href="{{ entry.url }}">{{ entry.title }}</a>
</h2>
<div class="entry-excerpt">
{{ entry.summary }}
</div>
<a class="entry-read-more" href="{{ entry.url }}">Read more →</a>
<div class="entry-card-body">
<h2 class="entry-title">{{ entry.title }}</h2>
<p class="entry-excerpt">{{ entry.summary }}</p>
<span class="entry-read-more">Read entry →</span>
</div>
</a>
</article>
{% endfor %}
{% else %}