From 138eaaa12cdaeb6035951ff4f1547d73e8d12612 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Wed, 6 May 2026 16:23:59 -0700
Subject: 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>
---
 templates/director.html | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'templates/director.html')

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">
-- 
cgit v1.3-2-g0d8e