m038andClaude Opus 4.8
ad72739b99
Give trips an optional one-liner (header.tagline) and description (markdown content), surface them where they help, and fix the soft cover image — all editable from admin. - U1: header.cover_image blueprint field → pagemediaselect media picker. - U2: new macros/cover.html.twig — single source for cover resolution (author-selected → first journal image → none; missing file falls back) and retina rendering (1x/2x cropResize + srcset). Merged resolve+render into one macro since Twig macros can't return a Medium object. - U3: trip-list card renders the one-liner (when set) and the retina cover. - U4: trip-page in-column header gains the one-liner, an expandable description, and a thin banner strip — gated behind a trip_header_extras partial flag (default off) so the shared home active-trip view is unchanged (R12/KTD4). - U5: styles for the card/header one-liner, collapsible description (max-height preview, not line-clamp, so it holds across paragraphs) and the banner, with a mobile banner-height reduction. Covers R1–R15. Verified with new Playwright specs + full trip/home/maps regression against an isolated worktree dev server. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RDS6t8wcpbwKvvrxykVQ5K
39 lines
1.7 KiB
Twig
39 lines
1.7 KiB
Twig
{% extends 'partials/base.html.twig' %}
|
|
|
|
{% block content %}
|
|
{% import 'macros/cover.html.twig' as cover %}
|
|
<h1 class="trips-heading">Past Trips</h1>
|
|
{% set trips = page.children.published()|sort((a, b) => a.date < b.date ? 1 : -1) %}
|
|
{% if trips|length == 0 %}
|
|
<p class="feed-empty">No trips yet.</p>
|
|
{% else %}
|
|
<div class="trips-list">
|
|
{% for trip in trips %}
|
|
{% set dailies_page = grav.pages.find(trip.route ~ '/dailies') %}
|
|
{% set stories_page = grav.pages.find(trip.route ~ '/stories') %}
|
|
{% set journal_count = dailies_page ? dailies_page.children.published()|length : 0 %}
|
|
{% set story_count = stories_page ? stories_page.children.published()|length : 0 %}
|
|
<a class="trip-card" href="{{ trip.url }}">
|
|
{{ cover.render(trip, trip.title, 720, 240, 'trip-card-cover', '(max-width: 700px) 100vw, 360px') }}
|
|
<div class="trip-card-title">{{ trip.title }}</div>
|
|
{% if trip.header.tagline %}
|
|
<div class="trip-card-tagline">{{ trip.header.tagline }}</div>
|
|
{% endif %}
|
|
<div class="trip-card-meta">
|
|
{% if trip.header.date_start %}
|
|
<span class="trip-card-dates">
|
|
{{ trip.header.date_start|date('M Y') }}
|
|
{% if trip.header.date_end %} — {{ trip.header.date_end|date('M Y') }}{% else %} — Ongoing{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
<span class="trip-card-counts">
|
|
{{ journal_count }} journal {{ journal_count == 1 ? 'entry' : 'entries' }}
|
|
{% if story_count > 0 %} · {{ story_count }} {{ story_count == 1 ? 'story' : 'stories' }}{% endif %}
|
|
</span>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|