diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 16:23:59 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 16:23:59 -0700 |
| commit | 138eaaa12cdaeb6035951ff4f1547d73e8d12612 (patch) | |
| tree | 4337312e2a7dfa7dc1f6a4a4f5088771b57591ee /templates | |
| parent | 44627e1fec2d5e11179d8ce07fff95635a6633a2 (diff) | |
Add director image and biography to director page
- Fetch director profile image and biography from TMDB API
- Display image next to director name with lazy loading
- Show biography below director name
- Gracefully handle missing data (image/biography optional)
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/director.html | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/templates/director.html b/templates/director.html index 3257ee9..98ef9d6 100644 --- a/templates/director.html +++ b/templates/director.html @@ -3,9 +3,17 @@ {% block title %}{{ director_name }} · Lumière{% endblock %} {% block content %} - <section class="page-heading"> - <p class="eyebrow">Director</p> - <h1>{{ director_name }}</h1> + <section class="page-heading" style="display: flex; gap: 32px; align-items: flex-start;"> + <div style="flex: 1;"> + <p class="eyebrow">Director</p> + <h1 style="margin: 0;">{{ director_name }}</h1> + {% if director_biography %} + <p style="margin: 16px 0 0 0; color: var(--muted); line-height: 1.6; font-size: 15px;">{{ director_biography }}</p> + {% endif %} + </div> + {% if director_image %} + <img src="{{ director_image }}" alt="{{ director_name }}" style="width: 160px; height: auto; border-radius: 8px; flex-shrink: 0;" loading="lazy" /> + {% endif %} </section> <section class="director-summary" aria-label="Director summary"> |