feat: transparent header and image download scripts

- Made header transparent on scroll for premium Netflix-style look
- Added browser console script to download all IndeeHub images
- Created Python script for batch image downloading
- Added shell script for curl-based downloads

The header now starts fully transparent and transitions to semi-transparent
black with blur when scrolling, creating a floating navigation effect.

Download scripts will extract all film posters, backdrops, and metadata
from IndeeHub.studio screening room.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-02 22:23:17 +00:00
parent 0bb1bcc5f9
commit f8abd42329
4 changed files with 231 additions and 1 deletions

View File

@@ -2,7 +2,7 @@
<div class="browse-view">
<!-- Header / Navigation -->
<header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300"
:class="{ 'bg-black/90 backdrop-blur-md': scrolled }">
:class="{ 'bg-black/95 backdrop-blur-md shadow-lg': scrolled, 'bg-transparent': !scrolled }">
<div class="container mx-auto px-6 py-4">
<div class="flex items-center justify-between">
<!-- Logo -->