lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add downloaded film images

Browse Source 
- Downloaded 15 film posters and backdrops from CloudFront CDN
- Updated film data to use local images where available
- Remaining films still use CDN URLs
- Images saved in public/images/films/ directory

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-02 22:33:00 +00:00
parent 92d6943cb3
commit 8b8d5f7b0f
116 changed files with 118 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/Browse.vue
View File

@@ -2,8 +2,11 @@
<div class="browse-view">
<!-- Header / Navigation -->
<header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300"
:class="{ 'bg-black/95 backdrop-blur-md shadow-lg': scrolled, 'bg-transparent': !scrolled }">
<div class="container mx-auto px-6 py-4">
:class="{
'bg-white/10 dark:bg-black/20 backdrop-blur-xl shadow-2xl border-b border-white/10': scrolled,
'bg-transparent': !scrolled
}">
<div class="container mx-auto px-8 py-4">
<div class="flex items-center justify-between">
<!-- Logo -->
<div class="flex items-center gap-8">
@@ -48,7 +51,7 @@
</div>
<!-- Hero Content -->
<div class="relative container mx-auto px-6 h-full flex items-end pb-16 md:pb-20">
<div class="relative container mx-auto px-8 h-full flex items-end pb-16 md:pb-20">
<div class="max-w-2xl space-y-2.5 md:space-y-3 animate-fade-in">
<!-- Title -->
<h1 class="text-3xl md:text-5xl lg:text-6xl font-bold drop-shadow-2xl leading-tight">
@@ -88,8 +91,9 @@
</section>
<!-- Content Rows -->
<section class="relative -mt-24 pb-20">
<div class="container mx-auto px-6 space-y-12">
<section class="relative pt-8 pb-20">
<div class="mx-auto px-8 space-y-12" style="max-width: 75%;">
<!-- Featured Films -->
<ContentRow
title="Featured Films"
@@ -154,7 +158,9 @@ const dramas = computed(() => contentStore.contentRows.dramas)
const documentaries = computed(() => contentStore.contentRows.documentaries)
const handleScroll = () => {
scrolled.value = window.scrollY > 50
// Calculate 30% of the page height
const scrollThreshold = document.documentElement.scrollHeight * 0.3
scrolled.value = window.scrollY > scrollThreshold
}
const toggleSearch = () => {
@@ -180,6 +186,5 @@ onUnmounted(() => {
<style scoped>
.browse-view {
min-height: 100vh;
padding-top: 64px;
}
</style>