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/index.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'templates/index.html')

diff --git a/templates/index.html b/templates/index.html
index 52c633f..cb0e1fc 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -38,10 +38,10 @@
   {% endif %}
 
   {% if films %}
-    <section class="diary-feed" aria-label="Diary entries">
+    <section class="diary-feed" id="film-feed" aria-label="Diary entries">
       {% if active_shelf == 'diary' and grouped_films %}
         {% for group in grouped_films %}
-          <div class="month-group">
+          <div class="month-group" data-month="{{ group.month }}">
             <p class="month-label">{{ group.month }}</p>
             {% for film in group.films %}
               {% include "_film_card.html" %}
@@ -54,6 +54,9 @@
         {% endfor %}
       {% endif %}
     </section>
+    {% if has_more %}
+    <div id="feed-sentinel" data-shelf="{{ active_shelf }}" data-offset="20" data-total="{{ total_films }}" style="height: 1px; margin: 20px 0;"></div>
+    {% endif %}
   {% else %}
     <section class="empty-state">
       <h2>{{ shelf_meta.empty_title }}</h2>
-- 
cgit v1.3-2-g0d8e