From da7fbaf5b19723f94308fac8f48c92099520641d Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Sat, 20 Jun 2026 13:04:09 +0000
Subject: [PATCH] feat: replace journal entry card with inline journal-post in
 trip feed

---
 themes/intotheeast/templates/trip.html.twig | 72 ++++++++++++---------
 1 file changed, 40 insertions(+), 32 deletions(-)

diff --git a/themes/intotheeast/templates/trip.html.twig b/themes/intotheeast/templates/trip.html.twig
index 90fbc4f..a42b98e 100644
--- a/themes/intotheeast/templates/trip.html.twig
+++ b/themes/intotheeast/templates/trip.html.twig
@@ -222,45 +222,53 @@
                     {% endif %}
 
                     {% if item.type == 'journal' %}
-                    <a class="entry-card" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}" 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>
+                    {% set weather_icons = {
+                        'Sunny': '☀️', 'Partly cloudy': '⛅', 'Cloudy': '☁️',
+                        'Foggy': '🌫️', 'Drizzle': '🌦️', 'Rain': '🌧️',
+                        'Snow': '❄️', 'Thunderstorm': '⛈️'
+                    } %}
+                    <article class="journal-post" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
+                        <header class="journal-post-header">
+                            <h2 class="journal-post-title">{{ entry.title }}</h2>
+                            <p class="journal-post-meta">
+                                <a class="journal-post-permalink" href="{{ entry.url }}">
+                                    <time datetime="{{ entry.date|date('Y-m-d') }}">{{ entry.date|date('d M Y')|upper }}</time>
+                                </a>
                                 {% if entry.header.location_city or entry.header.location_country %}
-                                <span class="entry-location-plain">
+                                <span class="journal-post-location">
+                                    · 📍
                                     {%- set _loc = [] -%}
                                     {%- if entry.header.location_city -%}{%- set _loc = _loc|merge([entry.header.location_city]) -%}{%- endif -%}
                                     {%- if entry.header.location_country -%}{%- set _loc = _loc|merge([entry.header.location_country]) -%}{%- endif -%}
-                                    📍 {{ _loc|join(', ') }}
+                                    {{ _loc|join(', ') }}
                                 </span>
                                 {% endif %}
+                                {% if entry.header.weather_desc %}
+                                <span class="journal-post-weather">· {{ weather_icons[entry.header.weather_desc] ?? '' }} {{ entry.header.weather_desc }}</span>
+                                {% endif %}
+                            </p>
+                        </header>
+
+                        {% set images = entry.media.images %}
+                        {% if images|length > 0 %}
+                        <div class="journal-photo-strip" data-slides="{{ images|length }}">
+                            {% for img in images %}
+                            <div class="journal-photo-slide">
+                                <img src="{{ img.cropResize(900, 600).url }}" alt="{{ entry.title }}" loading="lazy">
                             </div>
-                            {% endif %}
-                            <div class="entry-card-body">
-                                <h2 class="entry-title">{{ entry.title }}</h2>
-                                <p class="entry-excerpt">{{ entry.summary|striptags|slice(0, 250)|trim }}</p>
-                                <span class="entry-read-more">Read entry →</span>
-                            </div>
-                    </a>
+                            {% endfor %}
+                        </div>
+                        {% if images|length > 1 %}
+                        <div class="journal-photo-dots" aria-hidden="true">
+                            {% for img in images %}
+                            <span class="journal-photo-dot{% if loop.first %} is-active{% endif %}"></span>
+                            {% endfor %}
+                        </div>
+                        {% endif %}
+                        {% endif %}
+
+                        <div class="journal-post-body">{{ entry.content|raw }}</div>
+                    </article>
                     {% else %}
                     <a class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story" href="{{ entry.url }}">
                             {% if hero %}