diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-09 01:45:13 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-09 01:45:13 -0700 |
| commit | bc0df9c764f27118d9d6b475e85f38b7e235db35 (patch) | |
| tree | ae4fc720bc440baffb913ec2c55c479527158a77 /templates | |
| parent | 2f3a891d0944a3b200d3dda949475bf9e1742f56 (diff) | |
Show ratings inline with year/director using brand logos
IMDb, Rotten Tomatoes, and Metacritic scores now appear on the same
row as the subtitle with SVG brand logos instead of plain text chips.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/detail.html | 61 |
1 files changed, 31 insertions, 30 deletions
diff --git a/templates/detail.html b/templates/detail.html index 5bf4b3f..9c558f7 100644 --- a/templates/detail.html +++ b/templates/detail.html @@ -51,39 +51,40 @@ {% if film.original_title %} <p class="original-title">{{ film.original_title }}</p> {% endif %} - <p class="subtitle"> - {% if film.year %}{{ film.year }}{% endif %} - {% set directors = split_credit_names(film.director) %} - {% if directors %} - {% if film.year %} · {% endif %} - {% for director in directors %} - <a class="inline-link" href="{{ director_href(director) }}">{{ director }}</a>{% if not loop.last %}, {% endif %} - {% endfor %} - {% endif %} - </p> - - {% if ratings %} - <div class="ratings-row"> - {% if ratings.imdb %} - <div class="rating-chip"> - <span class="rating-chip-label">IMDb</span> - <span class="rating-chip-value">{{ ratings.imdb }}</span> - </div> - {% endif %} - {% if ratings.rt %} - <div class="rating-chip"> - <span class="rating-chip-label">Rotten Tomatoes</span> - <span class="rating-chip-value">{{ ratings.rt }}</span> - </div> - {% endif %} - {% if ratings.metacritic %} - <div class="rating-chip"> - <span class="rating-chip-label">Metacritic</span> - <span class="rating-chip-value">{{ ratings.metacritic }}</span> + <div class="detail-subtitle"> + <p class="subtitle"> + {% if film.year %}{{ film.year }}{% endif %} + {% set directors = split_credit_names(film.director) %} + {% if directors %} + {% if film.year %} · {% endif %} + {% for director in directors %} + <a class="inline-link" href="{{ director_href(director) }}">{{ director }}</a>{% if not loop.last %}, {% endif %} + {% endfor %} + {% endif %} + </p> + {% if ratings %} + <div class="ratings-inline"> + {% if ratings.imdb %} + <span class="rating-badge"> + <img src="/static/logos/imdb.svg" alt="IMDb" height="18"> + <span>{{ ratings.imdb }}</span> + </span> + {% endif %} + {% if ratings.rt %} + <span class="rating-badge"> + <img src="/static/logos/rt.svg" alt="Rotten Tomatoes" height="18"> + <span>{{ ratings.rt }}</span> + </span> + {% endif %} + {% if ratings.metacritic %} + <span class="rating-badge"> + <img src="/static/logos/metacritic.svg" alt="Metacritic" height="18"> + <span>{{ ratings.metacritic }}</span> + </span> + {% endif %} </div> {% endif %} </div> - {% endif %} <section class="detail-grid"> <article class="detail-panel"> |