diff options
| author | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 15:25:36 -0700 |
|---|---|---|
| committer | Tyler Hoang <tyler@tylerhoang.xyz> | 2026-05-06 15:25:36 -0700 |
| commit | 1bdf4ca8c0f51718124ffe5247ac133973d4f251 (patch) | |
| tree | 2904145bdbc5d2a2164cd3cb6c95346e48afd4a5 /templates/year_review.html | |
| parent | 051775337251b0c7036959901eacb58471100862 (diff) | |
Add authentication, public profile, and infinite scroll
- 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>
Diffstat (limited to 'templates/year_review.html')
| -rw-r--r-- | templates/year_review.html | 8 |
1 files changed, 4 insertions, 4 deletions
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 %} |