diff options
Diffstat (limited to 'templates/year_review.html')
| -rw-r--r-- | templates/year_review.html | 175 |
1 files changed, 175 insertions, 0 deletions
diff --git a/templates/year_review.html b/templates/year_review.html new file mode 100644 index 0000000..5339c34 --- /dev/null +++ b/templates/year_review.html @@ -0,0 +1,175 @@ +{% extends "base.html" %} + +{% block title %}{{ selected_year }} Year in Review · Lumière{% endblock %} + +{% block content %} + <section class="review-hero"> + <div> + <p class="eyebrow">Year in Review</p> + <h1>{{ selected_year }}</h1> + <p class="review-intro">A snapshot of the films you logged that year.</p> + </div> + + <form class="year-picker" method="get" action="/stats/year-in-review"> + <label for="year">Year</label> + <select id="year" name="year" onchange="this.form.submit()"> + {% for option in available_years %} + <option value="{{ option }}" {% if option == selected_year %}selected{% endif %}>{{ option }}</option> + {% endfor %} + </select> + </form> + </section> + + {% if total_watched == 0 %} + <section class="empty-state"> + <p class="eyebrow">No entries</p> + <h2>No diary films for this year</h2> + <p>Pick another year or add more diary entries.</p> + </section> + {% else %} + <section class="review-metrics"> + <article class="summary-card"> + <span class="summary-label">Films watched</span> + <strong>{{ total_watched }}</strong> + </article> + <article class="summary-card"> + <span class="summary-label">Average stars</span> + <strong>{{ "%.1f"|format(average_stars) }}</strong> + </article> + <article class="summary-card"> + <span class="summary-label">Rewatch rate</span> + <strong>{{ (rewatch_rate.rate * 100)|round(0) }}%</strong> + </article> + <article class="summary-card"> + <span class="summary-label">Top director</span> + <strong>{% if top_director %}{{ top_director.director }}{% else %}—{% endif %}</strong> + </article> + <article class="summary-card"> + <span class="summary-label">Top month</span> + <strong>{% if top_month %}{{ top_month.month }}{% else %}—{% endif %}</strong> + </article> + </section> + + <section class="review-grid"> + <article class="review-panel review-panel-wide"> + <p class="eyebrow">Monthly activity</p> + <div class="year-bars"> + {% set max_month = films_per_month | map(attribute='count') | max if films_per_month else 1 %} + {% for item in films_per_month %} + <div class="year-bar-row"> + <span>{{ item.month[:3] }}</span> + <div class="year-bar-track"> + <div class="year-bar-fill" style="width: {{ (item.count / max_month * 100) if max_month else 0 }}%"></div> + </div> + <strong>{{ item.count }}</strong> + </div> + {% endfor %} + </div> + </article> + + <article class="review-panel"> + <p class="eyebrow">Stars</p> + <div class="stats-bars"> + {% set max_stars = star_distribution | map(attribute='count') | max if star_distribution else 1 %} + {% for item in star_distribution %} + <div class="stats-bar-row"> + <span>{{ item.stars }} star</span> + <div class="stats-bar-track"><div class="stats-bar-fill" style="width: {{ (item.count / max_stars * 100) if max_stars else 0 }}%"></div></div> + <strong>{{ item.count }}</strong> + </div> + {% endfor %} + </div> + </article> + + <article class="review-panel"> + <p class="eyebrow">Companions</p> + <ol class="stats-list"> + {% for item in watched_with_breakdown %} + <li><span>{{ item.watched_with }}</span><strong>{{ item.count }}</strong></li> + {% endfor %} + </ol> + </article> + </section> + + <section class="review-panel"> + <p class="eyebrow">Highlights</p> + <div class="highlight-grid"> + {% if highlight_films.highest_rated %} + {% for film in highlight_films.highest_rated %} + <article class="highlight-card"> + <a class="poster-frame" href="/films/{{ film.id }}"> + {% if film.poster_url %} + <img src="{{ film.poster_url }}" alt="{{ film.title }} poster"> + {% else %} + <span>{{ film.title[:1] }}</span> + {% endif %} + </a> + <div> + <h2><a href="/films/{{ film.id }}">{{ film.title }}</a></h2> + <p class="muted">{{ film.director or "Unknown director" }}</p> + <p class="highlight-meta"> + {% if film.date_watched %}{{ film.date_watched }}{% endif %} + {% if film.stars %} · {% for _ in range(film.stars) %}✦{% endfor %}{% endif %} + </p> + {% if film.notes_excerpt %} + <p class="notes-preview">{{ film.notes_excerpt }}</p> + {% endif %} + </div> + </article> + {% endfor %} + {% endif %} + + {% if highlight_films.first_watch %} + <article class="highlight-card"> + <a class="poster-frame" href="/films/{{ highlight_films.first_watch.id }}"> + {% if highlight_films.first_watch.poster_url %} + <img src="{{ highlight_films.first_watch.poster_url }}" alt="{{ highlight_films.first_watch.title }} poster"> + {% else %} + <span>{{ highlight_films.first_watch.title[:1] }}</span> + {% endif %} + </a> + <div> + <p class="summary-label">First watch</p> + <h2><a href="/films/{{ highlight_films.first_watch.id }}">{{ highlight_films.first_watch.title }}</a></h2> + <p class="muted">{{ highlight_films.first_watch.date_watched }}</p> + </div> + </article> + {% endif %} + + {% if highlight_films.last_watch %} + <article class="highlight-card"> + <a class="poster-frame" href="/films/{{ highlight_films.last_watch.id }}"> + {% if highlight_films.last_watch.poster_url %} + <img src="{{ highlight_films.last_watch.poster_url }}" alt="{{ highlight_films.last_watch.title }} poster"> + {% else %} + <span>{{ highlight_films.last_watch.title[:1] }}</span> + {% endif %} + </a> + <div> + <p class="summary-label">Last watch</p> + <h2><a href="/films/{{ highlight_films.last_watch.id }}">{{ highlight_films.last_watch.title }}</a></h2> + <p class="muted">{{ highlight_films.last_watch.date_watched }}</p> + </div> + </article> + {% endif %} + + {% if highlight_films.most_rewatched %} + <article class="highlight-card"> + <a class="poster-frame" href="/films/{{ highlight_films.most_rewatched.id }}"> + {% if highlight_films.most_rewatched.poster_url %} + <img src="{{ highlight_films.most_rewatched.poster_url }}" alt="{{ highlight_films.most_rewatched.title }} poster"> + {% else %} + <span>{{ highlight_films.most_rewatched.title[:1] }}</span> + {% endif %} + </a> + <div> + <p class="summary-label">Most rewatched</p> + <h2><a href="/films/{{ highlight_films.most_rewatched.id }}">{{ highlight_films.most_rewatched.title }}</a></h2> + <p class="muted">{{ highlight_films.most_rewatched.rewatch_count }} rewatches</p> + </div> + </article> + {% endif %} + </div> + </section> + {% endif %} +{% endblock %} |