From 1bdf4ca8c0f51718124ffe5247ac133973d4f251 Mon Sep 17 00:00:00 2001
From: Tyler Hoang <tyler@tylerhoang.xyz>
Date: Wed, 6 May 2026 15:25:36 -0700
Subject: Add authentication, public profile, and infinite scroll
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Implement session-based auth with argon2 password hashing
- Add login form and logout button in nav
- Create public /tyler profile page with curated stats
- Implement infinite scroll for film lists (load 20 at a time)
- Add lazy loading for poster images
- Fix profile page CSS to use dark theme variables
- Use consistent star character (✦) across all pages
- Add /films/partial endpoint for pagination

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 templates/year_review.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'templates/year_review.html')

diff --git a/templates/year_review.html b/templates/year_review.html
index 5339c34..1234e80 100644
--- a/templates/year_review.html
+++ b/templates/year_review.html
@@ -99,7 +99,7 @@
             <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">
+                  <img src="{{ film.poster_url }}" alt="{{ film.title }} poster" loading="lazy">
                 {% else %}
                   <span>{{ film.title[:1] }}</span>
                 {% endif %}
@@ -123,7 +123,7 @@
           <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">
+                <img src="{{ highlight_films.first_watch.poster_url }}" alt="{{ highlight_films.first_watch.title }} poster" loading="lazy">
               {% else %}
                 <span>{{ highlight_films.first_watch.title[:1] }}</span>
               {% endif %}
@@ -140,7 +140,7 @@
           <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">
+                <img src="{{ highlight_films.last_watch.poster_url }}" alt="{{ highlight_films.last_watch.title }} poster" loading="lazy">
               {% else %}
                 <span>{{ highlight_films.last_watch.title[:1] }}</span>
               {% endif %}
@@ -157,7 +157,7 @@
           <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">
+                <img src="{{ highlight_films.most_rewatched.poster_url }}" alt="{{ highlight_films.most_rewatched.title }} poster" loading="lazy">
               {% else %}
                 <span>{{ highlight_films.most_rewatched.title[:1] }}</span>
               {% endif %}
-- 
cgit v1.3-2-g0d8e