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/index.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/index.html')
| -rw-r--r-- | templates/index.html | 7 |
1 files changed, 5 insertions, 2 deletions
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> |