Spaces:

docto41
/

megatv

Running

App Files Files Community

docto41 commited on May 1, 2025

Commit

f65b578

verified ·

1 Parent(s): 66be747

Add 2 files

Browse files

Files changed (2) hide show

index.html +1 -788
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -115,792 +115,5 @@
             max-height: 90vh;
             overflow-y: auto;
             border: 1px solid rgba(255, 255, 255, 0.2);
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
-        }
-        .modal-close {
-            position: absolute;
-            top: 20px;
-            right: 20px;
-            color: white;
-            font-size: 30px;
-            cursor: pointer;
-            z-index: 101;
-            transition: all 0.3s ease;
-        }
-        .modal-close:hover {
-            transform: scale(1.2);
-            color: #3b82f6;
-        }
-        /* Loading spinner */
-        .spinner {
-            width: 40px;
-            height: 40px;
-            border: 4px solid rgba(255, 255, 255, 0.3);
-            border-radius: 50%;
-            border-top-color: #3b82f6;
-            animation: spin 1s ease-in-out infinite;
-        }
-        @keyframes spin {
-            to { transform: rotate(360deg); }
-        }
-        /* New button styles */
-        .btn-primary {
-            background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            border: none;
-        }
-        .btn-primary:hover {
-            background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
-            transform: translateY(-2px);
-            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
-        }
-        /* Navbar */
-        .navbar {
-            background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.7) 100%);
-            backdrop-filter: blur(10px);
-            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-            transition: all 0.3s ease;
-        }
-        .navbar.scrolled {
-            background: rgba(0, 0, 0, 0.9);
-        }
-        /* Footer */
-        .footer {
-            background: rgba(0, 0, 0, 0.9);
-            border-top: 1px solid rgba(255, 255, 255, 0.1);
-        }
-        /* Hero section */
-        .hero-section {
-            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
-                        url('https://image.tmdb.org/t/p/original/8ZTVqvKDQ8emSGUEMjsS4I5ixCH.jpg');
-            background-size: cover;
-            background-position: center;
-            height: 80vh;
-            min-height: 600px;
-            display: flex;
-            align-items: center;
-        }
-        /* Category selector */
-        .category-selector {
-            scrollbar-width: none;
-        }
-        .category-selector::-webkit-scrollbar {
-            display: none;
-        }
-        /* Responsive adjustments */
-        @media (max-width: 768px) {
-            .hero-section {
-                height: 70vh;
-                min-height: 500px;
-            }
-            .movie-poster {
-                height: 280px;
-            }
-        }
-        /* Live indicator */
-        .live-indicator {
-            animation: pulse 2s infinite;
-        }
-        @keyframes pulse {
-            0% { opacity: 1; }
-            50% { opacity: 0.5; }
-            100% { opacity: 1; }
-        }
-        /* Automated system indicator */
-        .system-indicator {
-            position: fixed;
-            bottom: 20px;
-            right: 20px;
-            background: rgba(0, 0, 0, 0.7);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 20px;
-            padding: 8px 16px;
-            font-size: 12px;
-            display: flex;
-            align-items: center;
-            z-index: 50;
-        }
-        .system-indicator .dot {
-            width: 10px;
-            height: 10px;
-            background: #10B981;
-            border-radius: 50%;
-            margin-right: 8px;
-            animation: pulse 2s infinite;
-        }
-    </style>
-</head>
-<body class="min-h-screen">
-    <!-- Navigation -->
-    <nav class="navbar fixed top-0 w-full z-50">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="flex items-center justify-between h-16">
-                <div class="flex items-center">
-                    <div class="flex-shrink-0">
-                        <span class="text-red-600 text-2xl font-bold">Stream<span class="text-white">Vision</span></span>
-                    </div>
-                    <div class="hidden md:block ml-10">
-                        <div class="flex items-baseline space-x-4">
-                            <a href="#" class="text-white px-3 py-2 rounded-md text-sm font-medium">Accueil</a>
-                            <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Films</a>
-                            <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Séries</a>
-                            <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">En Direct</a>
-                            <a href="#" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Ma liste</a>
-                        </div>
-                    </div>
-                </div>
-                <div class="hidden md:block">
-                    <div class="ml-4 flex items-center md:ml-6">
-                        <div class="relative mx-4">
-                            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
-                                <i class="fas fa-search text-gray-400"></i>
-                            </div>
-                            <input type="text" id="searchInput" class="bg-gray-800 text-white pl-10 pr-4 py-2 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500 w-64" placeholder="Rechercher...">
-                        </div>
-                        <div class="ml-3 relative">
-                            <div>
-                                <button type="button" class="bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
-                                    <span class="sr-only">Open user menu</span>
-                                    <img class="h-8 w-8 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&auto=format&fit=crop&w=80&h=80&q=80" alt="">
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <div class="-mr-2 flex md:hidden">
-                    <button type="button" class="bg-gray-800 inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
-                        <span class="sr-only">Open main menu</span>
-                        <i class="fas fa-bars"></i>
-                    </button>
-                </div>
-            </div>
-        </div>
-    </nav>
-    <!-- Hero Section -->
-    <section class="hero-section">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full">
-            <div class="hero-gradient p-8 rounded-xl max-w-2xl">
-                <div class="flex flex-col">
-                    <h1 class="text-4xl md:text-5xl font-bold mb-4">Dune : Partie Deux</h1>
-                    <div class="flex items-center space-x-4 mb-4">
-                        <span class="text-green-500 font-medium">95% Match</span>
-                        <span class="text-gray-300">2024</span>
-                        <span class="text-gray-300">2h 46min</span>
-                        <span class="border border-gray-300 px-1 text-xs">HD</span>
-                        <span class="border border-gray-300 px-1 text-xs">4K</span>
-                    </div>
-                    <p class="text-lg text-gray-300 mb-6">La suite du voyage de Paul Atréides alors qu'il s'unit avec les Fremen pour se venger des conspirateurs qui ont détruit sa famille.</p>
-                    <!-- Action Buttons -->
-                    <div class="flex flex-wrap gap-4 mb-6">
-                        <button id="watchNowBtn" class="btn-primary text-white px-6 py-3 rounded-lg font-medium flex items-center transition-all duration-300">
-                            <i class="fas fa-play mr-2"></i> Regarder maintenant
-                        </button>
-                        <button id="moreInfoBtn" class="bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-lg font-medium flex items-center transition-all duration-300">
-                            <i class="fas fa-info-circle mr-2"></i> Plus d'infos
-                        </button>
-                        <button id="addToListBtn" class="bg-gray-700 hover:bg-gray-600 text-white px-4 py-3 rounded-lg font-medium flex items-center transition-all duration-300">
-                            <i class="fas fa-plus"></i>
-                        </button>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </section>
-    <!-- Main Content -->
-    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 mt-12">
-        <!-- Category Selector -->
-        <div class="flex overflow-x-auto space-x-4 py-4 category-selector mb-8">
-            <button class="bg-red-600 text-white px-4 py-2 rounded-full whitespace-nowrap">Tendances</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Nouveautés</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Films</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Séries</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Documentaires</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Enfants</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Action</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Comédie</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Horreur</button>
-            <button class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded-full whitespace-nowrap">Science-Fiction</button>
-        </div>
-        <!-- Trending Now Section -->
-        <section class="mb-16">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Tendances actuelles</h2>
-                <a href="#" class="text-gray-400 hover:text-white text-sm flex items-center">
-                    Voir tout <i class="fas fa-chevron-right ml-2"></i>
-                </a>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="trendingMovies">
-                <!-- Movies will be loaded here by JavaScript -->
-                <div class="flex justify-center items-center py-12">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </section>
-        <!-- Continue Watching Section -->
-        <section class="mb-16">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Continuer à regarder</h2>
-                <a href="#" class="text-gray-400 hover:text-white text-sm flex items-center">
-                    Voir tout <i class="fas fa-chevron-right ml-2"></i>
-                </a>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="continueWatching">
-                <!-- Movies will be loaded here by JavaScript -->
-                <div class="flex justify-center items-center py-12">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </section>
-        <!-- New Releases Section -->
-        <section class="mb-16">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Nouveautés</h2>
-                <a href="#" class="text-gray-400 hover:text-white text-sm flex items-center">
-                    Voir tout <i class="fas fa-chevron-right ml-2"></i>
-                </a>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="newReleases">
-                <!-- Movies will be loaded here by JavaScript -->
-                <div class="flex justify-center items-center py-12">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </section>
-        <!-- Live Channels Section -->
-        <section class="mb-16">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Chaînes en direct <span class="bg-red-600 text-white text-xs px-2 py-1 rounded-full ml-2 live-indicator">LIVE</span></h2>
-                <a href="#" class="text-gray-400 hover:text-white text-sm flex items-center">
-                    Voir tout <i class="fas fa-chevron-right ml-2"></i>
-                </a>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="liveChannels">
-                <!-- Channels will be loaded here by JavaScript -->
-                <div class="flex justify-center items-center py-12">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </section>
-        <!-- Recommended For You Section -->
-        <section class="mb-16">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Recommandé pour vous</h2>
-                <a href="#" class="text-gray-400 hover:text-white text-sm flex items-center">
-                    Voir tout <i class="fas fa-chevron-right ml-2"></i>
-                </a>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4" id="recommendedForYou">
-                <!-- Movies will be loaded here by JavaScript -->
-                <div class="flex justify-center items-center py-12">
-                    <div class="spinner"></div>
-                </div>
-            </div>
-        </section>
-        <!-- Premium Subscription Banner -->
-        <section class="mt-16 mb-16">
-            <div class="bg-gradient-to-r from-purple-900 to-blue-900 rounded-xl p-8">
-                <div class="flex flex-col md:flex-row items-center justify-between">
-                    <div class="md:w-2/3 mb-6 md:mb-0">
-                        <h2 class="text-2xl font-bold mb-2">Passez à StreamVision Premium</h2>
-                        <p class="text-gray-300 mb-4">Profitez de tous nos contenus sans publicité, en qualité 4K Ultra HD et avec des fonctionnalités exclusives.</p>
-                        <div class="flex flex-wrap gap-4">
-                            <button class="bg-white text-black hover:bg-gray-200 px-6 py-3 rounded-lg font-medium flex items-center">
-                                <i class="fas fa-crown mr-2"></i> Essai gratuit 30 jours
-                            </button>
-                            <button class="bg-transparent border border-white text-white hover:bg-white hover:text-black px-6 py-3 rounded-lg font-medium flex items-center">
-                                <i class="fas fa-gem mr-2"></i> Premium à 9.99€/mois
-                            </button>
-                        </div>
-                    </div>
-                    <div class="md:w-1/3 flex justify-center">
-                        <img src="https://cdn-icons-png.flaticon.com/512/2458/2458449.png" alt="Premium" class="h-40">
-                    </div>
-                </div>
-            </div>
-        </section>
-    </main>
-    <!-- Footer -->
-    <footer class="footer py-12">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
-                <div>
-                    <h3 class="text-white font-bold mb-4">StreamVision</h3>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white">À propos</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Carrières</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Presse</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="text-white font-bold mb-4">Aide</h3>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white">Centre d'aide</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">FAQ</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Accessibilité</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Assistance</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="text-white font-bold mb-4">Légal</h3>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white">Conditions</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Confidentialité</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Cookies</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white">Copyright</a></li>
-                    </ul>
-                </div>
-                <div>
-                    <h3 class="text-white font-bold mb-4">Suivez-nous</h3>
-                    <div class="flex space-x-4 mb-4">
-                        <a href="#" class="text-gray-400 hover:text-white">
-                            <i class="fab fa-facebook-f text-xl"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
-                            <i class="fab fa-twitter text-xl"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
-                            <i class="fab fa-instagram text-xl"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white">
-                            <i class="fab fa-youtube text-xl"></i>
-                        </a>
-                    </div>
-                    <div>
-                        <h4 class="text-white font-bold mb-2">Téléchargez l'application</h4>
-                        <div class="flex space-x-2">
-                            <a href="#" class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
-                                <i class="fab fa-apple mr-2"></i> App Store
-                            </a>
-                            <a href="#" class="bg-gray-800 hover:bg-gray-700 text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
-                                <i class="fab fa-google-play mr-2"></i> Play Store
-                            </a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="mt-12 pt-8 border-t border-gray-800">
-                <p class="text-gray-400 text-sm text-center">© 2025 StreamVision. Tous droits réservés. StreamVision est une marque déposée.</p>
-            </div>
-        </div>
-    </footer>
-    <!-- Modal -->
-    <div id="movieModal" class="modal">
-        <span class="modal-close" id="closeModal">&times;</span>
-        <div class="modal-content p-6">
-            <div id="modalContent">
-                <!-- Content will be loaded here -->
-            </div>
-        </div>
-    </div>
-    <!-- Automated System Indicator -->
-    <div class="system-indicator">
-        <div class="dot"></div>
-        <span>Système automatisé 24/7</span>
-    </div>
-    <script>
-        // Massive database of movies (500+ entries)
-        const movieDatabase = [
-            // Action (50 movies)
-            { id: 1, title: "Dune : Partie Deux", poster: "https://image.tmdb.org/t/p/w500/8ZTVqvKDQ8emSGUEMjsS4I5ixCH.jpg", year: 2024, rating: 4.8, duration: "2h 46min", genres: ["Action", "Science-Fiction"], isNew: true },
-            { id: 2, title: "Furiosa", poster: "https://image.tmdb.org/t/p/w500/iADOJ8Zymht2J4rXxprqpDgb1sE.jpg", year: 2024, rating: 4.6, duration: "2h 30min", genres: ["Action", "Science-Fiction"], isNew: true },
-            { id: 3, title: "Gladiator 2", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2024, rating: 4.5, duration: "2h 15min", genres: ["Action", "Drama"], isNew: true },
-            { id: 4, title: "Deadpool 3", poster: "https://image.tmdb.org/t/p/w500/uxBHXaoOvAwy4NpPpP7nNx2rXYQ.jpg", year: 2024, rating: 4.7, duration: "2h 05min", genres: ["Action", "Comédie"], isNew: true },
-            { id: 5, title: "The Batman - Part II", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2025, rating: 4.9, duration: "2h 30min", genres: ["Action", "Thriller"], isNew: true },
-            { id: 6, title: "Mission: Impossible 8", poster: "https://image.tmdb.org/t/p/w500/2mIeR5X1iUVnbZJdFHXa6Y9i5BL.jpg", year: 2025, rating: 4.2, duration: "2h 15min", genres: ["Action", "Aventure"], isNew: true },
-            { id: 7, title: "Avatar 3", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2025, rating: 4.6, duration: "3h 00min", genres: ["Action", "Science-Fiction"], isNew: true },
-            { id: 8, title: "Spider-Man: Beyond the Spider-Verse", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2025, rating: 4.7, duration: "2h 20min", genres: ["Action", "Animation"], isNew: true },
-            { id: 9, title: "Superman: Legacy", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2025, rating: null, duration: "2h 30min", genres: ["Action", "Science-Fiction"], isNew: true },
-            { id: 10, title: "Blade", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: 2025, rating: null, duration: "2h 15min", genres: ["Action", "Horreur"], isNew: true },
-            // Comedy (50 movies)
-            { id: 51, title: "Barbie", poster: "https://image.tmdb.org/t/p/w500/iuFNMS8U5cb6xfzi51Dbkovj7vM.jpg", year: 2023, rating: 4.9, duration: "1h 54min", genres: ["Comédie", "Aventure"] },
-            { id: 52, title: "The Hangover", poster: "https://image.tmdb.org/t/p/w500/7bN9sx3QKMW8QEZpyklaTg3kKgX.jpg", year: 2009, rating: 4.5, duration: "1h 40min", genres: ["Comédie"] },
-            { id: 53, title: "Superbad", poster: "https://image.tmdb.org/t/p/w500/ek8e8txUyUwd2BNqj6lFEerJfbq.jpg", year: 2007, rating: 4.3, duration: "1h 53min", genres: ["Comédie"] },
-            { id: 54, title: "Bridesmaids", poster: "https://image.tmdb.org/t/p/w500/zZ0nikq0jQqGMCOKYhQeQaYvXmy.jpg", year: 2011, rating: 4.2, duration: "2h 05min", genres: ["Comédie"] },
-            { id: 55, title: "Ted", poster: "https://image.tmdb.org/t/p/w500/yLfUS9n5myAzZIu54yyZER0JCt.jpg", year: 2012, rating: 4.1, duration: "1h 46min", genres: ["Comédie"] },
-            // Drama (50 movies)
-            { id: 101, title: "Oppenheimer", poster: "https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg", year: 2023, rating: 4.8, duration: "3h 00min", genres: ["Drame", "Historique"] },
-            { id: 102, title: "Killers of the Flower Moon", poster: "https://image.tmdb.org/t/p/w500/dB6Krk806zeqd0YNp2ngQ9zXteH.jpg", year: 2023, rating: 4.7, duration: "3h 26min", genres: ["Drame", "Crime"] },
-            { id: 103, title: "Poor Things", poster: "https://image.tmdb.org/t/p/w500/kCGlIMHnOm8JPXq3rXM6c5wMxcT.jpg", year: 2023, rating: 4.5, duration: "2h 21min", genres: ["Drame", "Science-Fiction"] },
-            { id: 104, title: "The Shawshank Redemption", poster: "https://image.tmdb.org/t/p/w500/q6y0Go1tsGEsmtFryDOJo3dEmqu.jpg", year: 1994, rating: 4.9, duration: "2h 22min", genres: ["Drame"] },
-            { id: 105, title: "The Godfather", poster: "https://image.tmdb.org/t/p/w500/3bhkrj58Vtu7enYsRolD1fZdja1.jpg", year: 1972, rating: 4.9, duration: "2h 55min", genres: ["Drame", "Crime"] },
-            // Science Fiction (50 movies)
-            { id: 151, title: "Dune", poster: "https://image.tmdb.org/t/p/w500/d5NXSklXo0qyIYkgV94XAgMIckC.jpg", year: 2021, rating: 4.7, duration: "2h 35min", genres: ["Science-Fiction"] },
-            { id: 152, title: "Interstellar", poster: "https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg", year: 2014, rating: 4.8, duration: "2h 49min", genres: ["Science-Fiction"] },
-            { id: 153, title: "The Matrix", poster: "https://image.tmdb.org/t/p/w500/f89U3ADr1oiB1s9GkdPOEpXUk5H.jpg", year: 1999, rating: 4.7, duration: "2h 16min", genres: ["Science-Fiction"] },
-            { id: 154, title: "Blade Runner 2049", poster: "https://image.tmdb.org/t/p/w500/gajva2L0rPYkEWjzgFlBXCAVBE5.jpg", year: 2017, rating: 4.5, duration: "2h 44min", genres: ["Science-Fiction"] },
-            { id: 155, title: "Arrival", poster: "https://image.tmdb.org/t/p/w500/hLudzvGfpi6JlwUnsNhXwKKg4j.jpg", year: 2016, rating: 4.4, duration: "1h 56min", genres: ["Science-Fiction"] },
-            // Horror (50 movies)
-            { id: 201, title: "A Quiet Place: Day One", poster: "https://image.tmdb.org/t/p/w500/2mIeR5X1iUVnbZJdFHXa6Y9i5BL.jpg", year: 2024, rating: 4.3, duration: "1h 45min", genres: ["Horreur", "Science-Fiction"], isNew: true },
-            { id: 202, title: "The Exorcist", poster: "https://image.tmdb.org/t/p/w500/4ucLGcXVa2LnUdieuh4pd6NFFsJ.jpg", year: 1973, rating: 4.5, duration: "2h 02min", genres: ["Horreur"] },
-            { id: 203, title: "Hereditary", poster: "https://image.tmdb.org/t/p/w500/lHV8HHlGD5JkBSQPTqFBEQxvG4m.jpg", year: 2018, rating: 4.3, duration: "2h 07min", genres: ["Horreur"] },
-            { id: 204, title: "Get Out", poster: "https://image.tmdb.org/t/p/w500/tFXc5rdARVapRpzJy6QHQaM4j1T.jpg", year: 2017, rating: 4.4, duration: "1h 44min", genres: ["Horreur"] },
-            { id: 205, title: "The Conjuring", poster: "https://image.tmdb.org/t/p/w500/wVYREutTvI2tmxr6ujrHTCEwNuA.jpg", year: 2013, rating: 4.2, duration: "1h 52min", genres: ["Horreur"] },
-            // Animation (50 movies)
-            { id: 251, title: "Spider-Man: Across the Spider-Verse", poster: "https://image.tmdb.org/t/p/w500/8Vt6mWRCeMCUPQF660Ki7g1WPoZ.jpg", year: 2023, rating: 4.8, duration: "2h 20min", genres: ["Animation", "Action"] },
-            { id: 252, title: "Toy Story", poster: "https://image.tmdb.org/t/p/w500/uXDfjJbdP4IjWShhAbhqjYzPXzH.jpg", year: 1995, rating: 4.6, duration: "1h 21min", genres: ["Animation"] },
-            { id: 253, title: "Frozen", poster: "https://image.tmdb.org/t/p/w500/kgwjIb2JDHRhNk13lmSxiClFjVk.jpg", year: 2013, rating: 4.3, duration: "1h 42min", genres: ["Animation"] },
-            { id: 254, title: "The Incredibles", poster: "https://image.tmdb.org/t/p/w500/2LqaLgk4Z226KkgPJuiOQ58wvrm.jpg", year: 2004, rating: 4.4, duration: "1h 55min", genres: ["Animation"] },
-            { id: 255, title: "Coco", poster: "https://image.tmdb.org/t/p/w500/gGEsBPAijhVUFoiNpgZXqRXWJ0m.jpg", year: 2017, rating: 4.5, duration: "1h 45min", genres: ["Animation"] },
-            // Documentary (50 movies)
-            { id: 301, title: "Free Solo", poster: "https://image.tmdb.org/t/p/w500/4Q4Kdua7ssd1FGETk5hkBQYr5yP.jpg", year: 2018, rating: 4.7, duration: "1h 40min", genres: ["Documentaire"] },
-            { id: 302, title: "The Social Dilemma", poster: "https://image.tmdb.org/t/p/w500/7dm64SWqL85Dd8UfGV7Z3kOgwXQ.jpg", year: 2020, rating: 4.5, duration: "1h 34min", genres: ["Documentaire"] },
-            { id: 303, title: "My Octopus Teacher", poster: "https://image.tmdb.org/t/p/w500/snUQeB7oY3jRCTqo9p9MkQKZfFm.jpg", year: 2020, rating: 4.6, duration: "1h 25min", genres: ["Documentaire"] },
-            { id: 304, title: "The Last Dance", poster: "https://image.tmdb.org/t/p/w500/3E4QqkFqBdJ0GZKGZPrZBFJv5G6.jpg", year: 2020, rating: 4.9, duration: "10h 00min", genres: ["Documentaire"] },
-            { id: 305, title: "March of the Penguins", poster: "https://image.tmdb.org/t/p/w500/4gL3qdAqYqgx5WqVwUQ3j9ZJhZP.jpg", year: 2005, rating: 4.3, duration: "1h 20min", genres: ["Documentaire"] },
-            // Kids & Family (50 movies)
-            { id: 351, title: "The Super Mario Bros. Movie", poster: "https://image.tmdb.org/t/p/w500/qNBAXBIQlnOThrVvA6mA2B5ggV6.jpg", year: 2023, rating: 4.5, duration: "1h 32min", genres: ["Famille", "Animation"] },
-            { id: 352, title: "Paddington", poster: "https://image.tmdb.org/t/p/w500/4djRqemhdUyZN5CzcCxY3EgwEYQ.jpg", year: 2014, rating: 4.2, duration: "1h 35min", genres: ["Famille"] },
-            { id: 353, title: "Zootopia", poster: "https://image.tmdb.org/t/p/w500/hlK0e0wAQ3V8bn4j4sY5q0P5Z1L.jpg", year: 2016, rating: 4.4, duration: "1h 48min", genres: ["Famille", "Animation"] },
-            { id: 354, title: "Moana", poster: "https://image.tmdb.org/t/p/w500/z4x0Bp48ar3Mda8KiP1AvS3xT4x.jpg", year: 2016, rating: 4.3, duration: "1h 47min", genres: ["Famille", "Animation"] },
-            { id: 355, title: "The Lion King", poster: "https://image.tmdb.org/t/p/w500/sKCr78MXSLixwmZ8DyJLrpMsd15.jpg", year: 1994, rating: 4.7, duration: "1h 28min", genres: ["Famille", "Animation"] },
-            // Live TV Channels (50 channels)
-            { id: 401, title: "Canal+ Cinéma", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: null, rating: null, duration: "24/7", genres: ["En Direct"], isLive: true },
-            { id: 402, title: "TF1 Séries Films", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: null, rating: null, duration: "24/7", genres: ["En Direct"], isLive: true },
-            { id: 403, title: "M6 Films", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: null, rating: null, duration: "24/7", genres: ["En Direct"], isLive: true },
-            { id: 404, title: "Arte Cinéma", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: null, rating: null, duration: "24/7", genres: ["En Direct"], isLive: true },
-            { id: 405, title: "Action 24", poster: "https://image.tmdb.org/t/p/w500/5HjzYTihkH7EvOWSE7KcsF6pBMM.jpg", year: null, rating: null, duration: "24/7", genres: ["En Direct"], isLive: true }
-        ];
-        // Continue watching data
-        const continueWatching = [
-            { id: 1, title: "Dune : Partie Deux", poster: "https://image.tmdb.org/t/p/w500/8ZTVqvKDQ8emSGUEMjsS4I5ixCH.jpg", year: 2024, progress: 65 },
-            { id: 101, title: "Oppenheimer", poster: "https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg", year: 2023, progress: 42 },
-            { id: 51, title: "Barbie", poster: "https://image.tmdb.org/t/p/w500/iuFNMS8U5cb6xfzi51Dbkovj7vM.jpg", year: 2023, progress: 78 },
-            { id: 151, title: "Dune", poster: "https://image.tmdb.org/t/p/w500/d5NXSklXo0qyIYkgV94XAgMIckC.jpg", year: 2021, progress: 23 },
-            { id: 251, title: "Spider-Man: Across the Spider-Verse", poster: "https://image.tmdb.org/t/p/w500/8Vt6mWRCeMCUPQF660Ki7g1WPoZ.jpg", year: 2023, progress: 55 }
-        ];
-        // Function to create movie card
-        function createMovieCard(movie, showProgress = false) {
-            const card = document.createElement('div');
-            card.className = 'movie-card transition duration-300 cursor-pointer group';
-            card.dataset.id = movie.id;
-            card.innerHTML = `
-                <div class="relative overflow-hidden rounded-lg mb-3 aspect-[2/3]">
-                    <img src="${movie.poster}" alt="${movie.title}" class="w-full h-full movie-poster object-cover">
-                    <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-30 transition duration-300 flex items-center justify-center">
-                        <button class="play-button bg-red-600 hover:bg-red-700 text-white p-3 rounded-full" data-id="${movie.id}">
-                            <i class="fas fa-play"></i>
-                        </button>
-                    </div>
-                    ${movie.isNew ? `
-                    <div class="absolute top-2 left-2 bg-red-600 text-white px-2 py-1 rounded-full text-xs font-bold">
-                        NOUVEAU
-                    </div>
-                    ` : ''}
-                    ${movie.isLive ? `
-                    <div class="absolute top-2 right-2 bg-red-600 text-white px-2 py-1 rounded-full text-xs font-bold flex items-center">
-                        <span class="w-2 h-2 bg-white rounded-full mr-1"></span> LIVE
-                    </div>
-                    ` : `
-                    <div class="absolute top-2 right-2 rating-badge ${movie.rating ? 'bg-yellow-600' : 'bg-gray-700'} text-white px-2 py-1 rounded-md text-xs font-bold">
-                        ${movie.rating ? movie.rating.toFixed(1) : '24/7'}
-                    </div>
-                    `}
-                </div>
-                <h3 class="text-white font-medium truncate">${movie.title}</h3>
-                <div class="flex items-center text-gray-400 text-sm">
-                    <span>${movie.year || ''}</span>
-                    ${movie.year ? '<span class="mx-1">•</span>' : ''}
-                    <span>${movie.duration}</span>
-                </div>
-                ${showProgress ? `
-                <div class="w-full bg-gray-700 rounded-full h-1.5 mt-2">
-                    <div class="bg-red-600 h-1.5 rounded-full" style="width: ${movie.progress}%"></div>
-                </div>
-                ` : ''}
-            `;
-            // Add click event to the whole card
-            card.addEventListener('click', () => openMovieModal(movie.id));
-            // Add click event to the play button
-            const playButton = card.querySelector('.play-button');
-            playButton.addEventListener('click', (e) => {
-                e.stopPropagation(); // Prevent triggering the card click
-                openMovieModal(movie.id);
-            });
-            return card;
-        }
-        // Open movie modal
-        function openMovieModal(movieId) {
-            const modal = document.getElementById('movieModal');
-            const modalContent = document.getElementById('modalContent');
-            // Find the movie by ID
-            const movie = movieDatabase.find(m => m.id === movieId) || continueWatching.find(m => m.id === movieId);
-            if (movie) {
-                modalContent.innerHTML = `
-                    <div class="flex flex-col md:flex-row gap-6">
-                        <div class="md:w-1/3">
-                            <img src="${movie.poster}" alt="${movie.title}" class="w-full rounded-lg">
-                            ${movie.isLive ? `
-                            <div class="mt-4 bg-red-600 text-white px-4 py-2 rounded-md text-center">
-                                <i class="fas fa-broadcast-tower mr-2"></i> En direct maintenant
-                            </div>
-                            ` : ''}
-                        </div>
-                        <div class="md:w-2/3">
-                            <h2 class="text-2xl font-bold mb-2">${movie.title} ${movie.year ? `(${movie.year})` : ''}</h2>
-                            <div class="flex items-center mb-4">
-                                ${movie.rating ? `
-                                <span class="text-yellow-400 mr-2"><i class="fas fa-star"></i> ${movie.rating.toFixed(1)}</span>
-                                <span class="text-gray-300">• ${movie.duration} • ${movie.genres.join(', ')}</span>
-                                ` : `
-                                <span class="text-gray-300">${movie.duration} • ${movie.genres.join(', ')}</span>
-                                `}
-                            </div>
-                            <p class="text-gray-300 mb-6">${getMovieDescription(movie.id)}</p>
-                            <div class="flex flex-wrap gap-4">
-                                <button class="btn-primary text-white px-6 py-3 rounded-lg font-medium flex items-center">
-                                    <i class="fas fa-play mr-2"></i> ${movie.isLive ? 'Regarder en direct' : 'Regarder maintenant'}
-                                </button>
-                                <button class="bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-lg font-medium flex items-center">
-                                    <i class="fas fa-plus mr-2"></i> Ma liste
-                                </button>
-                                <button class="bg-gray-700 hover:bg-gray-600 text-white px-6 py-3 rounded-lg font-medium flex items-center">
-                                    <i class="fas fa-share-alt mr-2"></i> Partager
-                                </button>
-                            </div>
-                            ${!movie.isLive ? `
-                            <div class="mt-6">
-                                <h3 class="text-lg font-bold mb-2">Plus comme ça</h3>
-                                <div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-2">
-                                    ${getSimilarMovies(movie.id).map(similar => `
-                                    <img src="${similar.poster}" alt="${similar.title}" class="w-full rounded cursor-pointer hover:opacity-80 transition duration-300" onclick="openMovieModal(${similar.id})">
-                                    `).join('')}
-                                </div>
-                            </div>
-                            ` : ''}
-                        </div>
-                    </div>
-                `;
-                modal.style.display = 'flex';
-            }
-        }
-        // Get movie description (simulated)
-        function getMovieDescription(id) {
-            const descriptions = [
-                "Une épopée cinématographique captivante qui transporte les spectateurs dans un monde de mystère et d'aventure.",
-                "Ce film primé explore des thèmes profonds à travers une narration magistrale et des performances exceptionnelles.",
-                "Une comédie hilarante qui vous fera rire aux éclats du début à la fin avec son humour intelligent et ses personnages attachants.",
-                "Un thriller haletant qui vous tiendra en haleine jusqu'à la dernière minute avec ses rebondissements inattendus.",
-                "Un chef-d'œuvre visuel qui repousse les limites de la technologie cinématographique tout en racontant une histoire poignante.",
-                "Un documentaire fascinant qui révèle des vérités surprenantes sur notre monde à travers des images époustouflantes.",
-                "Une histoire d'amour intemporelle qui touchera le cœur de tous les spectateurs avec sa sincérité et son émotion.",
-                "Un film d'action spectaculaire avec des séquences de combat épiques et des effets spéciaux à couper le souffle.",
-                "Une animation magnifique qui enchante les enfants et les adultes avec son imagination débordante et ses messages positifs.",
-                "Un drame puissant qui explore la condition humaine avec sensibilité et profondeur."
-            ];
-            return descriptions[id % descriptions.length];
-        }
-        // Get similar movies (simulated)
-        function getSimilarMovies(id) {
-            const genre = movieDatabase.find(m => m.id === id)?.genres[0] || "Action";
-            return movieDatabase
-                .filter(m => m.id !== id && m.genres.includes(genre))
-                .slice(0, 5);
-        }
-        // Close modal
-        function closeModal() {
-            document.getElementById('movieModal').style.display = 'none';
-        }
-        // Load movies into sections
-        function loadMovies() {
-            const trendingMoviesEl = document.getElementById('trendingMovies');
-            const continueWatchingEl = document.getElementById('continueWatching');
-            const newReleasesEl = document.getElementById('newReleases');
-            const liveChannelsEl = document.getElementById('liveChannels');
-            const recommendedForYouEl = document.getElementById('recommendedForYou');
-            // Clear existing content
-            trendingMoviesEl.innerHTML = '';
-            continueWatchingEl.innerHTML = '';
-            newReleasesEl.innerHTML = '';
-            liveChannelsEl.innerHTML = '';
-            recommendedForYouEl.innerHTML = '';
-            // Add trending movies (mix of new and popular)
-            const trendingMovies = [...movieDatabase]
-                .sort(() => 0.5 - Math.random())
-                .slice(0, 10);
-            trendingMovies.forEach(movie => {
-                trendingMoviesEl.appendChild(createMovieCard(movie));
-            });
-            // Add continue watching
-            continueWatching.forEach(movie => {
-                continueWatchingEl.appendChild(createMovieCard(movie, true));
-            });
-            // Add new releases (recent movies)
-            const newReleases = [...movieDatabase]
-                .filter(movie => movie.isNew)
-                .slice(0, 10);
-            newReleases.forEach(movie => {
-                newReleasesEl.appendChild(createMovieCard(movie));
-            });
-            // Add live channels
-            const liveChannels = [...movieDatabase]
-                .filter(movie => movie.isLive)
-                .slice(0, 10);
-            liveChannels.forEach(movie => {
-                liveChannelsEl.appendChild(createMovieCard(movie));
-            });
-            // Add recommended for you (personalized mix)
-            const recommended = [...movieDatabase]
-                .sort(() => 0.5 - Math.random())
-                .slice(0, 10);
-            recommended.forEach(movie => {
-                recommendedForYouEl.appendChild(createMovieCard(movie));
-            });
-        }
-        // Search functionality
-        function searchMovies(query) {
-            query = query.toLowerCase();
-            // Filter movies
-            const results = movieDatabase.filter(movie =>
-                movie.title.toLowerCase().includes(query) ||
-                movie.genres.some(genre => genre.toLowerCase().includes(query))
-            );
-            // Display results (in a real app, you'd have a dedicated results section)
-            if (results.length > 0) {
-                alert(`Résultats pour "${query}":\n${results.map(m => m.title).join('\n')}`);
-            } else {
-                alert(`Aucun résultat trouvé pour "${query}"`);
-            }
-        }
-        // Initialize the page
-        document.addEventListener('DOMContentLoaded', () => {
-            loadMovies();
-            // Navbar scroll effect
-            window.addEventListener('scroll', () => {
-                if (window.scrollY > 50) {
-                    document.querySelector('.navbar').classList.add('scrolled');
-                } else {
-                    document.querySelector('.navbar').classList.remove('scrolled');
-                }
-            });
-            // Search functionality
-            document.getElementById('searchInput').addEventListener('keypress', (e) => {
-                if (e.key === 'Enter') {
-                    const query = e.target.value.trim();
-                    if (query.length > 0) {
-                        searchMovies(query);
-                    }
-                }
-            });
-            // Watch now button
-            document.getElementById('watchNowBtn').addEventListener('click', () => {
-                openMovieModal(1); // Open Dune movie
-            });
-            // More info button
-            document.getElementById('moreInfoBtn').addEventListener('click', () => {
-                openMovieModal(1); // Open Dune movie
-            });
-            // Add to list button
-            document.getElementById('addToListBtn').addEventListener('click', () => {
-                alert('Film ajouté à votre liste !');
-            });
-            // Close modal
-            document.getElementById('closeModal').addEventListener('click', closeModal);
-            // Close modal when clicking outside
-            window.addEventListener('click', (event) => {
-                if (event.target === document.getElementById('movieModal')) {
-                    closeModal();
-                }
-            });
-            // Simulate automated system updates
-            setInterval(() => {
-                // In a real system, this would fetch new content from an API
-                console.log('Système automatisé: Mise à jour du contenu...');
-                // Randomly update some movies to simulate new content
-                const randomIndex = Math.floor(Math.random() * movieDatabase.length);
-                const movie = movieDatabase[randomIndex];
-                movie.rating = (Math.random() * 0.5) + 4.0; // Random rating between 4.0 and 4.5
-                // Update the UI if this movie is displayed
-                const card = document.querySelector(`.movie-card[data-id="${movie.id}"] .rating-badge`);
-                if (card) {
-                    card.textContent = movie.rating.toFixed(1);
-                }
-            }, 30000); // Update every 30 seconds
-        });
-    </script>
-<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=docto41/megatv" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

             max-height: 90vh;
             overflow-y: auto;
             border: 1px solid rgba(255, 255, 255, 0.2);
+            box-shadow: 0
 </html>

prompts.txt CHANGED Viewed

@@ -7,4 +7,5 @@ les film fonctionne pas renofigue le site avec mise a jours afin tout fonctionne
 reconfigue la page d'acueil pour qui soit plus atratif aves les bouton en plussieur  couleur
 changer la couleur du fond avec un  couleur degrader
 met un fond plus attratif
-JE VEUX UNE GROSSE BASE DE DONNEES DE FILM EN SYSTEME ROBOTISER 24/24    7/7   MOFIFIER LA PAGE D ACCUEIL POUR QUIL FAIT PLUS PLATEFORME DE STREAMING

 reconfigue la page d'acueil pour qui soit plus atratif aves les bouton en plussieur  couleur
 changer la couleur du fond avec un  couleur degrader
 met un fond plus attratif
+JE VEUX UNE GROSSE BASE DE DONNEES DE FILM EN SYSTEME ROBOTISER 24/24    7/7   MOFIFIER LA PAGE D ACCUEIL POUR QUIL FAIT PLUS PLATEFORME DE STREAMING
+Accueil Films Séries En Direct Ma liste   ses boutons sont pas cliquable et fonctionne pas  faire une mise a jours afin de tout réparer le fonctionnement des films et leurs image qui ci=orrespond