Spaces:

docto41
/

mega-academy

Running

App Files Files Community

docto41 commited on May 16

Commit

f6e824d

verified ·

1 Parent(s): a8adef4

Add 2 files

Browse files

Files changed (2) hide show

index.html +258 -345
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MegaStream - Films en Streaming</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -14,20 +14,20 @@
             transform: translateY(-5px);
             box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.3);
         }
-        .blur-card {
-            backdrop-filter: blur(10px);
-            background: rgba(30, 41, 59, 0.7);
-        }
         .scroll-hidden::-webkit-scrollbar {
             display: none;
         }
-        .genre-chip:hover {
-            background-color: rgba(124, 58, 237, 0.2);
         }
     </style>
 </head>
 <body class="gradient-bg min-h-screen text-gray-100">
-    <!-- Header -->
     <header class="bg-slate-900/80 border-b border-slate-800 sticky top-0 z-50 backdrop-blur-sm">
         <div class="container mx-auto px-4 py-3">
             <div class="flex justify-between items-center">
@@ -35,347 +35,200 @@
                     <div class="h-8 w-8 bg-red-600 rounded flex items-center justify-center">
                         <i class="fas fa-play"></i>
                     </div>
-                    <h1 class="text-xl font-bold bg-gradient-to-r from-red-400 to-purple-400 bg-clip-text text-transparent">MegaStream</h1>
                 </div>
                 <div class="flex items-center space-x-4">
-                    <div class="relative hidden md:block">
-                        <input type="text" placeholder="Rechercher un film..." class="w-64 px-4 py-2 pl-10 bg-slate-800 border border-slate-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
-                        <i class="fas fa-search absolute left-3 top-3 text-gray-400"></i>
                     </div>
                     <button class="px-4 py-2 bg-gradient-to-r from-red-600 to-purple-600 hover:from-red-700 hover:to-purple-700 rounded-lg text-sm">
-                        Connexion
                     </button>
                 </div>
             </div>
         </div>
     </header>
-    <!-- Main Content -->
-    <main class="container mx-auto px-4 py-8">
-        <!-- Hero Section -->
-        <section class="mb-10 relative rounded-xl overflow-hidden">
-            <div class="absolute inset-0 bg-gradient-to-t from-slate-900 to-transparent z-10"></div>
-            <img src="https://image.tmdb.org/t/p/original/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg" alt="Film à l'affiche" class="w-full h-96 object-cover">
-            <div class="absolute bottom-0 left-0 p-8 z-20">
-                <h2 class="text-3xl font-bold mb-2">Dune: Partie Deux</h2>
-                <div class="flex items-center mb-4">
-                    <span class="bg-yellow-500 text-yellow-900 px-2 py-1 rounded text-xs font-bold mr-3">4.8</span>
-                    <span class="text-gray-300 mr-3">2024</span>
-                    <span class="text-gray-300">2h 46min</span>
                 </div>
-                <p class="text-gray-300 mb-4 max-w-2xl">Paul Atreides s'unit avec Chani et les Fremen pour mener la révolte contre ceux qui ont détruit sa famille. Alors qu'il tente d'éviter un terrible futur, il doit faire un choix entre l'amour de sa vie et le destin de l'univers.</p>
-                <button onclick="playMovie('Dune: Partie Deux')" class="px-6 py-3 bg-gradient-to-r from-red-600 to-purple-600 hover:from-red-700 hover:to-purple-700 rounded-lg font-bold flex items-center">
-                    <i class="fas fa-play mr-2"></i> Regarder maintenant
-                </button>
-            </div>
-        </section>
-        <!-- Categories -->
-        <section class="mb-8 overflow-x-auto scroll-hidden">
-            <div class="flex space-x-2 pb-2">
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Tous les films
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Action
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Aventure
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Comédie
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Drame
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Science-fiction
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Thriller
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Horreur
-                </button>
-                <button class="genre-chip px-4 py-2 bg-slate-800/50 rounded-lg whitespace-nowrap hover:bg-slate-700/50 transition-colors duration-300">
-                    Animation
-                </button>
-            </div>
-        </section>
-        <!-- Popular Movies -->
-        <section class="mb-10">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Populaires en ce moment</h2>
-                <button class="text-sm text-gray-400 hover:text-white">Voir plus</button>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" id="moviesGrid">
-                <!-- Movies will be loaded here -->
-            </div>
-        </section>
-        <!-- New Releases -->
-        <section class="mb-10">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Nouveautés</h2>
-                <button class="text-sm text-gray-400 hover:text-white">Voir plus</button>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" id="newReleasesGrid">
-                <!-- New releases will be loaded here -->
-            </div>
-        </section>
-        <!-- Subscription Banner -->
-        <div class="blur-card rounded-xl p-6 mb-8 border border-purple-500/30">
-            <div class="flex flex-col md:flex-row justify-between items-center gap-6">
-                <div class="flex-1">
-                    <h2 class="text-2xl font-bold mb-2">Accès Premium MegaStream</h2>
-                    <p class="text-gray-400">Accédez à notre catalogue de 9 726 000 films en qualité HD sans publicité. Abonnez-vous maintenant pour un accès illimité !</p>
-                </div>
-                <div class="flex space-x-3">
-                    <button class="px-6 py-3 bg-gradient-to-r from-red-600 to-purple-600 hover:from-red-700 hover:to-purple-700 rounded-lg font-medium">
-                        S'abonner
-                    </button>
-                    <button class="px-6 py-3 bg-slate-700/50 hover:bg-slate-600/50 rounded-lg font-medium">
-                        Essai gratuit
-                    </button>
                 </div>
             </div>
         </div>
-        <!-- Top Rated -->
-        <section class="mb-10">
-            <div class="flex justify-between items-center mb-6">
-                <h2 class="text-xl font-bold">Les mieux notés</h2>
-                <button class="text-sm text-gray-400 hover:text-white">Voir plus</button>
-            </div>
-            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" id="topRatedGrid">
-                <!-- Top rated will be loaded here -->
-            </div>
-        </section>
-    </main>
-    <!-- Footer -->
-    <footer class="bg-slate-900/80 border-t border-slate-800 py-12">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
                 <div>
-                    <div class="flex items-center space-x-3 mb-4">
-                        <div class="h-8 w-8 bg-red-600 rounded flex items-center justify-center">
-                            <i class="fas fa-play"></i>
-                        </div>
-                        <h3 class="text-lg font-bold">MegaStream</h3>
-                    </div>
-                    <p class="text-gray-400 text-sm">La plus grande plateforme de streaming avec plus de 9 millions de films et séries.</p>
                 </div>
                 <div>
-                    <h4 class="font-bold mb-4">Navigation</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Accueil</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Films</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Séries</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Nouveautés</a></li>
-                    </ul>
                 </div>
                 <div>
-                    <h4 class="font-bold mb-4">Aide</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Centre d'aide</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">FAQ</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Nous contacter</a></li>
-                    </ul>
                 </div>
                 <div>
-                    <h4 class="font-bold mb-4">Légal</h4>
-                    <ul class="space-y-2">
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Conditions d'utilisation</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Politique de confidentialité</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white text-sm">Cookies</a></li>
-                    </ul>
                 </div>
             </div>
-            <div class="border-t border-slate-700 pt-8">
-                <div class="flex flex-col md:flex-row justify-between items-center">
-                    <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 MegaStream. Tous droits réservés.</p>
-                    <div class="flex space-x-4">
-                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook"></i></a>
-                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a>
-                        <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a>
-                    </div>
                 </div>
             </div>
         </div>
     </footer>
     <script>
-        // Movie database (simulated)
-        const movieDatabase = [
-            {
-                id: 1,
-                title: "Dune: Partie Deux",
-                year: 2024,
-                rating: 4.8,
-                duration: "2h 46min",
-                genres: ["Science-fiction", "Aventure"],
-                poster: "https://image.tmdb.org/t/p/w500/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/8Vt6mWEReuy4Of61Lnj5Xj704m8.jpg",
-                description: "Paul Atreides s'unit avec Chani et les Fremen pour mener la révolte contre ceux qui ont détruit sa famille."
-            },
-            {
-                id: 2,
-                title: "Oppenheimer",
-                year: 2023,
-                rating: 4.7,
-                duration: "3h",
-                genres: ["Drame", "Historique"],
-                poster: "https://image.tmdb.org/t/p/w500/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/8Gxv8gSFCU0XGDykEGv7zR1n2ua.jpg",
-                description: "L'histoire du physicien J. Robert Oppenheimer et son rôle dans le développement de la bombe atomique."
-            },
-            {
-                id: 3,
-                title: "The Batman",
-                year: 2022,
-                rating: 4.3,
-                duration: "2h 56min",
-                genres: ["Action", "Thriller"],
-                poster: "https://image.tmdb.org/t/p/w500/seyWFgGInaLqW7nOZvu0ZD95Gin.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/seyWFgGInaLqW7nOZvu0ZD95Gin.jpg",
-                description: "Batman enquête sur la corruption qui sévit à Gotham City et affronte le Riddler, un tueur en série."
-            },
-            {
-                id: 4,
-                title: "Avatar: La Voie de l'eau",
-                year: 2022,
-                rating: 4.2,
-                duration: "3h 12min",
-                genres: ["Science-fiction", "Aventure"],
-                poster: "https://image.tmdb.org/t/p/w500/jRXYjXNq0Cs2TcJjLkki24MLp7u.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/jRXYjXNq0Cs2TcJjLkki24MLp7u.jpg",
-                description: "Jake Sully et Ney'tiri forment une famille mais doivent quitter leur foyer pour explorer les récifs de Pandora."
-            },
-            {
-                id: 5,
-                title: "Top Gun: Maverick",
-                year: 2022,
-                rating: 4.5,
-                duration: "2h 10min",
-                genres: ["Action", "Drame"],
-                poster: "https://image.tmdb.org/t/p/w500/jTrXwK56EoLHHsQaM6xzf6jQHxP.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/jTrXwK56EoLHHsQaM6xzf6jQHxP.jpg",
-                description: "Après plus de 30 ans de service, Pete 'Maverick' Mitchell est toujours un des meilleurs pilotes de la Navy."
-            },
-            {
-                id: 6,
-                title: "Spider-Man: No Way Home",
-                year: 2021,
-                rating: 4.4,
-                duration: "2h 28min",
-                genres: ["Action", "Aventure"],
-                poster: "https://image.tmdb.org/t/p/w500/uJYYizSuA9Y3DC0qDYYy0sh9U6E.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/uJYYizSuA9Y3DC0qDYYy0sh9U6E.jpg",
-                description: "Peter Parker demande l'aide du Docteur Strange pour que le monde oublie qu'il est Spider-Man."
-            },
-            {
-                id: 7,
-                title: "Joker",
-                year: 2019,
-                rating: 4.6,
-                duration: "2h 2min",
-                genres: ["Drame", "Thriller"],
-                poster: "https://image.tmdb.org/t/p/w500/udDclJoHjfjb8Ekgsd4FDteOkCU.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/udDclJoHjfjb8Ekgsd4FDteOkCU.jpg",
-                description: "Un comédien raté sombre dans la folie et devient un dangereux criminel dans Gotham City."
-            },
-            {
-                id: 8,
-                title: "Interstellar",
-                year: 2014,
-                rating: 4.8,
-                duration: "2h 49min",
-                genres: ["Science-fiction", "Drame"],
-                poster: "https://image.tmdb.org/t/p/w500/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/gEU2QniE6E77NI6lCU6MxlNBvIx.jpg",
-                description: "Une équipe d'explorateurs voyage à travers un trou de ver pour sauver l'humanité."
-            },
-            {
-                id: 9,
-                title: "Inception",
-                year: 2010,
-                rating: 4.7,
-                duration: "2h 28min",
-                genres: ["Science-fiction", "Action"],
-                poster: "https://image.tmdb.org/t/p/w500/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/9gk7adHYeDvHkCSEqAvQNLV5Uge.jpg",
-                description: "Un voleur qui s'introduit dans les rêves des autres est chargé de planter une idée dans l'esprit d'un PDG."
-            },
-            {
-                id: 10,
-                title: "The Dark Knight",
-                year: 2008,
-                rating: 4.9,
-                duration: "2h 32min",
-                genres: ["Action", "Thriller"],
-                poster: "https://image.tmdb.org/t/p/w500/qJ2tW6WMUDux911r6m7haRef0WH.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/qJ2tW6WMUDux911r6m7haRef0WH.jpg",
-                description: "Batman affronte le Joker, un criminel psychopathe qui sème le chaos dans Gotham City."
-            },
-            {
-                id: 11,
-                title: "Pulp Fiction",
-                year: 1994,
-                rating: 4.8,
-                duration: "2h 34min",
-                genres: ["Thriller", "Crime"],
-                poster: "https://image.tmdb.org/t/p/w500/d5iIlFn5s0ImszYzBPb8JPIfbXD.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/d5iIlFn5s0ImszYzBPb8JPIfbXD.jpg",
-                description: "Les vies de deux hommes de main, d'un boxeur et d'un gangster s'entrecroisent dans une série d'histoires violentes."
-            },
-            {
-                id: 12,
-                title: "Le Parrain",
-                year: 1972,
-                rating: 4.9,
-                duration: "2h 55min",
-                genres: ["Drame", "Crime"],
-                poster: "https://image.tmdb.org/t/p/w500/iVZ3JAzAeqkQIlQgj0jB6Q5GMyX.jpg",
-                backdrop: "https://image.tmdb.org/t/p/original/iVZ3JAzAeqkQIlQgj0jB6Q5GMyX.jpg",
-                description: "Le patriarche d'une dynastie mafieuse transmet le contrôle de son empire clandestin à son fils réticent."
             }
-        ];
-        // Simulate a large database by duplicating movies with different IDs
-        function generateLargeDatabase() {
-            const largeDatabase = [];
-            for (let i = 0; i < 100; i++) { // Reduced for demo purposes
-                movieDatabase.forEach(movie => {
-                    largeDatabase.push({
-                        ...movie,
-                        id: movie.id + (i * movieDatabase.length)
-                    });
-                });
             }
-            return largeDatabase;
         }
-        const fullMovieDatabase = generateLargeDatabase();
-        // Play movie function
-        function playMovie(title) {
-            // In a real app, this would open the movie player
-            alert(`Ouverture du film: ${title}\nCette fonctionnalité ouvrirait le lecteur vidéo dans une nouvelle fenêtre.`);
-            // Simulate opening in new window
-            // window.open(`/watch?movie=${encodeURIComponent(title)}`, '_blank');
         }
-        // Create movie card element
-        function createMovieCard(movie) {
             const card = document.createElement('div');
             card.className = 'movie-card bg-slate-800/70 rounded-lg overflow-hidden transition-all duration-300 cursor-pointer';
             card.innerHTML = `
@@ -384,9 +237,12 @@
                     <div class="absolute top-2 right-2 bg-yellow-500 text-yellow-900 px-2 py-1 rounded text-xs font-bold">
                         ${movie.rating}
                     </div>
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
-                        <button onclick="event.stopPropagation(); playMovie('${movie.title}')" class="w-full py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium">
-                            <i class="fas fa-play mr-1"></i> Regarder
                         </button>
                     </div>
                 </div>
@@ -396,55 +252,112 @@
                         <span>${movie.year}</span>
                         <span>${movie.duration}</span>
                     </div>
                 </div>
             `;
-            card.addEventListener('click', () => playMovie(movie.title));
             return card;
         }
-        // Load movies into grid
-        function loadMovies() {
-            const moviesGrid = document.getElementById('moviesGrid');
-            const newReleasesGrid = document.getElementById('newReleasesGrid');
-            const topRatedGrid = document.getElementById('topRatedGrid');
-            // Clear existing content
-            moviesGrid.innerHTML = '';
-            newReleasesGrid.innerHTML = '';
-            topRatedGrid.innerHTML = '';
-            // Load popular movies (first 12)
-            for (let i = 0; i < 12; i++) {
-                if (fullMovieDatabase[i]) {
-                    moviesGrid.appendChild(createMovieCard(fullMovieDatabase[i]));
-                }
-            }
-            // Load new releases (next 12)
-            for (let i = 12; i < 24; i++) {
-                if (fullMovieDatabase[i]) {
-                    newReleasesGrid.appendChild(createMovieCard(fullMovieDatabase[i]));
                 }
-            }
-            // Load top rated (sorted by rating)
-            const topRated = [...fullMovieDatabase].sort((a, b) => b.rating - a.rating).slice(0, 12);
-            topRated.forEach(movie => {
-                topRatedGrid.appendChild(createMovieCard(movie));
             });
         }
-        // Initialize
         document.addEventListener('DOMContentLoaded', () => {
-            loadMovies();
-            // Simulate loading more movies when scrolling
-            window.addEventListener('scroll', () => {
-                if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight - 500) {
-                    // In a real app, this would load more movies from the server
-                    console.log('Chargement de films supplémentaires...');
-                }
             });
         });
     </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/mega-academy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>MegaStream Pro - 9M+ Films Automatisés</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
             transform: translateY(-5px);
             box-shadow: 0 10px 25px -5px rgba(109, 40, 217, 0.3);
         }
         .scroll-hidden::-webkit-scrollbar {
             display: none;
         }
+        .loading-bar {
+            animation: loading 1.5s infinite;
+        }
+        @keyframes loading {
+            0% { width: 0%; }
+            100% { width: 100%; }
         }
     </style>
 </head>
 <body class="gradient-bg min-h-screen text-gray-100">
+    <!-- Header Automatisé -->
     <header class="bg-slate-900/80 border-b border-slate-800 sticky top-0 z-50 backdrop-blur-sm">
         <div class="container mx-auto px-4 py-3">
             <div class="flex justify-between items-center">
                     <div class="h-8 w-8 bg-red-600 rounded flex items-center justify-center">
                         <i class="fas fa-play"></i>
                     </div>
+                    <h1 class="text-xl font-bold bg-gradient-to-r from-red-400 to-purple-400 bg-clip-text text-transparent">MegaStream Pro</h1>
+                    <div class="text-xs bg-green-500 text-green-900 px-2 py-1 rounded-full">
+                        AUTO-SYSTEM v4.2
+                    </div>
                 </div>
                 <div class="flex items-center space-x-4">
+                    <div class="text-sm text-gray-400">
+                        <span id="movieCount">Chargement...</span> films disponibles
                     </div>
                     <button class="px-4 py-2 bg-gradient-to-r from-red-600 to-purple-600 hover:from-red-700 hover:to-purple-700 rounded-lg text-sm">
+                        <i class="fas fa-robot mr-1"></i> Dashboard
                     </button>
                 </div>
             </div>
         </div>
     </header>
+    <!-- Système de Chargement Automatique -->
+    <div class="container mx-auto px-4 py-8">
+        <div class="flex justify-between items-center mb-6">
+            <h2 class="text-xl font-bold">Système Automatique de Streaming</h2>
+            <div class="flex items-center space-x-2">
+                <div class="text-sm text-gray-400">
+                    <span id="loadedMovies">0</span>/<span id="totalMovies">9 726 000</span> chargés
                 </div>
+                <div class="w-24 h-1 bg-gray-700 rounded-full overflow-hidden">
+                    <div id="loadingProgress" class="h-full bg-green-500 loading-bar"></div>
                 </div>
             </div>
         </div>
+        <!-- Filtres Automatisés -->
+        <div class="bg-slate-800/50 rounded-lg p-4 mb-8">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                 <div>
+                    <label class="block text-sm text-gray-400 mb-1">Génération par</label>
+                    <select id="genMethod" class="w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-sm">
+                        <option value="popular">Popularité</option>
+                        <option value="year">Année</option>
+                        <option value="rating">Note</option>
+                        <option value="random">Aléatoire</option>
+                    </select>
                 </div>
                 <div>
+                    <label class="block text-sm text-gray-400 mb-1">Boutons par page</label>
+                    <select id="perPage" class="w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-sm">
+                        <option value="100">100</option>
+                        <option value="500" selected>500</option>
+                        <option value="1000">1 000</option>
+                        <option value="5000">5 000</option>
+                    </select>
                 </div>
                 <div>
+                    <label class="block text-sm text-gray-400 mb-1">Serveur source</label>
+                    <select id="serverSource" class="w-full px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-sm">
+                        <option value="auto" selected>Auto-sélection</option>
+                        <option value="europe">Europe</option>
+                        <option value="asia">Asie</option>
+                        <option value="america">Amérique</option>
+                    </select>
                 </div>
                 <div>
+                    <label class="block text-sm text-gray-400 mb-1">Actions</label>
+                    <button id="generateBtn" class="w-full px-3 py-2 bg-green-600 hover:bg-green-700 rounded-lg text-sm font-medium">
+                        <i class="fas fa-bolt mr-1"></i> Générer
+                    </button>
                 </div>
             </div>
+        </div>
+        <!-- Grille de Films Automatisée -->
+        <div id="movieGridContainer">
+            <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" id="autoMovieGrid">
+                <!-- Les films seront générés ici automatiquement -->
+            </div>
+            <div class="mt-8 text-center" id="loadingMore">
+                <div class="inline-block px-4 py-2 bg-slate-800/50 rounded-lg text-sm text-gray-400">
+                    <i class="fas fa-circle-notch fa-spin mr-2"></i> Chargement automatique en cours...
                 </div>
             </div>
         </div>
+    </div>
+    <!-- Pied de Page Automatisé -->
+    <footer class="bg-slate-900/80 border-t border-slate-800 py-8 mt-12">
+        <div class="container mx-auto px-4">
+            <div class="text-center text-gray-500 text-sm">
+                <p>Système automatisé MegaStream Pro v4.2 - Base de données de 9 726 000 films</p>
+                <p class="mt-2">Serveurs actifs: <span id="activeServers" class="text-green-400">72</span> | Films chargés: <span id="totalLoaded">0</span></p>
+            </div>
+        </div>
     </footer>
     <script>
+        // Configuration du système automatisé
+        const autoSystemConfig = {
+            totalMovies: 9726000,
+            moviesPerPage: 500,
+            currentPage: 1,
+            loadingSpeed: 50, // ms entre chaque chargement
+            activeServers: 72,
+            serverSources: ['europe', 'asia', 'america']
+        };
+        // Base de données simulée avec génération aléatoire
+        class AutoMovieDB {
+            constructor() {
+                this.genres = [
+                    "Action", "Aventure", "Animation", "Comédie", "Crime",
+                    "Documentaire", "Drame", "Familial", "Fantastique", "Histoire",
+                    "Horreur", "Musique", "Mystère", "Romance", "Science-Fiction",
+                    "Thriller", "Guerre", "Western"
+                ];
+                this.years = Array.from({length: 50}, (_, i) => 2024 - i);
+                this.ratings = Array.from({length: 50}, (_, i) => (1 + (i * 0.1)).toFixed(1));
+                this.durations = ["1h 30min", "1h 45min", "2h", "2h 15min", "2h 30min"];
+                this.servers = [
+                    "https://server1.megastream.com",
+                    "https://server2.megastream.com",
+                    "https://cdn3.megastream.net",
+                    "https://europe-server.megastream.pro",
+                    "https://asia-cdn.megastream.live"
+                ];
+                this.titlesPrefix = [
+                    "Le", "La", "Les", "Le Secret de", "L'Histoire de", "Le Retour de",
+                    "Le Dernier", "Le Grand", "La Guerre des", "Les Aventures de",
+                    "Le Mystère de", "La Quête du", "Le Trésor de", "La Malédiction du"
+                ];
+                this.titlesMain = [
+                    "Temps", "Rêves", "Destin", "Pouvoir", "Royaume", "Étoiles",
+                    "Océan", "Montagne", "Sorcier", "Guerrier", "Dragon", "Phénix",
+                    "Légende", "Prophétie", "Trésor", "Malédiction", "Secret",
+                    "Aventure", "Voyage", "Mystère", "Ennemi", "Allié", "Épée",
+                    "Couronne", "Mirroir", "Portail", "Temple", "Pyramide", "Galaxie"
+                ];
+                this.tmdbPosters = [
+                    "8Vt6mWEReuy4Of61Lnj5Xj704m8", "8Gxv8gSFCU0XGDykEGv7zR1n2ua",
+                    "seyWFgGInaLqW7nOZvu0ZD95Gin", "jRXYjXNq0Cs2TcJjLkki24MLp7u",
+                    "jTrXwK56EoLHHsQaM6xzf6jQHxP", "uJYYizSuA9Y3DC0qDYYy0sh9U6E",
+                    "udDclJoHjfjb8Ekgsd4FDteOkCU", "gEU2QniE6E77NI6lCU6MxlNBvIx",
+                    "9gk7adHYeDvHkCSEqAvQNLV5Uge", "qJ2tW6WMUDux911r6m7haRef0WH",
+                    "d5iIlFn5s0ImszYzBPb8JPIfbXD", "iVZ3JAzAeqkQIlQgj0jB6Q5GMyX"
+                ];
             }
+            generateRandomMovie(id) {
+                const titlePrefix = this.titlesPrefix[Math.floor(Math.random() * this.titlesPrefix.length)];
+                const titleMain = this.titlesMain[Math.floor(Math.random() * this.titlesMain.length)];
+                const title = `${titlePrefix} ${titleMain}`;
+                const genreCount = 1 + Math.floor(Math.random() * 3);
+                const genres = [];
+                for (let i = 0; i < genreCount; i++) {
+                    const genre = this.genres[Math.floor(Math.random() * this.genres.length)];
+                    if (!genres.includes(genre)) genres.push(genre);
+                }
+                return {
+                    id: id,
+                    title: title,
+                    year: this.years[Math.floor(Math.random() * this.years.length)],
+                    rating: this.ratings[Math.floor(Math.random() * this.ratings.length)],
+                    duration: this.durations[Math.floor(Math.random() * this.durations.length)],
+                    genres: genres,
+                    poster: `https://image.tmdb.org/t/p/w500/${this.tmdbPosters[Math.floor(Math.random() * this.tmdbPosters.length)]}.jpg`,
+                    server: this.servers[Math.floor(Math.random() * this.servers.length)],
+                    views: Math.floor(Math.random() * 1000000)
+                };
+            }
+            generateBatch(startId, count) {
+                const movies = [];
+                for (let i = 0; i < count; i++) {
+                    movies.push(this.generateRandomMovie(startId + i));
+                }
+                return movies;
             }
         }
+        // Initialisation du système
+        const autoDB = new AutoMovieDB();
+        let currentMovies = [];
+        let isLoading = false;
+        // Mettre à jour les compteurs
+        function updateCounters() {
+            document.getElementById('movieCount').textContent = autoSystemConfig.totalMovies.toLocaleString();
+            document.getElementById('totalMovies').textContent = autoSystemConfig.totalMovies.toLocaleString();
+            document.getElementById('activeServers').textContent = autoSystemConfig.activeServers;
         }
+        // Créer une carte de film automatisée
+        function createAutoMovieCard(movie) {
             const card = document.createElement('div');
             card.className = 'movie-card bg-slate-800/70 rounded-lg overflow-hidden transition-all duration-300 cursor-pointer';
             card.innerHTML = `
                     <div class="absolute top-2 right-2 bg-yellow-500 text-yellow-900 px-2 py-1 rounded text-xs font-bold">
                         ${movie.rating}
                     </div>
+                    <div class="absolute bottom-2 left-2 bg-slate-900/80 text-white px-2 py-1 rounded text-xs">
+                        ${movie.views.toLocaleString()} vues
+                    </div>
                     <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-4">
+                        <button onclick="event.stopPropagation(); playAutoMovie('${movie.id}')" class="w-full py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium">
+                            <i class="fas fa-play mr-1"></i> Regarder (${movie.server.split('//')[1].split('.')[0]})
                         </button>
                     </div>
                 </div>
                         <span>${movie.year}</span>
                         <span>${movie.duration}</span>
                     </div>
+                    <div class="flex flex-wrap gap-1 mt-2">
+                        ${movie.genres.map(genre => `<span class="text-xs bg-slate-700/50 text-gray-300 px-2 py-0.5 rounded-full">${genre}</span>`).join('')}
+                    </div>
                 </div>
             `;
+            card.addEventListener('click', () => playAutoMovie(movie.id));
             return card;
         }
+        // Jouer un film automatisé
+        function playAutoMovie(movieId) {
+            const movie = currentMovies.find(m => m.id === movieId) ||
+                         currentMovies[Math.floor(Math.random() * currentMovies.length)];
+            const server = movie.server;
+            const movieUrl = `${server}/watch/${movieId}?title=${encodeURIComponent(movie.title)}&year=${movie.year}`;
+            // Ouvrir dans une nouvelle fenêtre avec des paramètres de sécurité
+            const features = 'width=1280,height=720,menubar=no,toolbar=no,location=no,resizable=yes,scrollbars=yes';
+            window.open(movieUrl, '_blank', features);
+            // Enregistrer la vue dans le système (simulé)
+            movie.views++;
+            console.log(`Film #${movieId} "${movie.title}" joué depuis ${server}`);
+        }
+        // Charger des films automatiquement
+        function loadAutoMovies() {
+            if (isLoading) return;
+            isLoading = true;
+            const movieGrid = document.getElementById('autoMovieGrid');
+            const loadingMore = document.getElementById('loadingMore');
+            const loadedCount = document.getElementById('loadedMovies');
+            const totalLoaded = document.getElementById('totalLoaded');
+            // Simuler un chargement progressif
+            let loaded = 0;
+            const totalToLoad = autoSystemConfig.moviesPerPage;
+            const startId = (autoSystemConfig.currentPage - 1) * autoSystemConfig.moviesPerPage + 1;
+            // Afficher l'indicateur de chargement
+            loadingMore.style.display = 'block';
+            movieGrid.innerHTML = '';
+            // Simuler la génération de films par lots
+            const loadBatch = () => {
+                const batchSize = 50;
+                const end = Math.min(loaded + batchSize, totalToLoad);
+                // Générer un lot de films
+                const newMovies = autoDB.generateBatch(startId + loaded, end - loaded);
+                currentMovies = currentMovies.concat(newMovies);
+                // Ajouter les films à la grille
+                newMovies.forEach(movie => {
+                    movieGrid.appendChild(createAutoMovieCard(movie));
+                });
+                // Mettre à jour les compteurs
+                loaded = end;
+                loadedCount.textContent = (autoSystemConfig.currentPage - 1) * autoSystemConfig.moviesPerPage + loaded;
+                totalLoaded.textContent = (autoSystemConfig.currentPage - 1) * autoSystemConfig.moviesPerPage + loaded;
+                // Continuer ou terminer le chargement
+                if (loaded < totalToLoad) {
+                    setTimeout(loadBatch, autoSystemConfig.loadingSpeed);
+                } else {
+                    isLoading = false;
+                    loadingMore.style.display = 'none';
+                    autoSystemConfig.currentPage++;
+                    // Configurer le chargement automatique au scroll
+                    setupAutoScroll();
                 }
+            };
+            // Démarrer le chargement
+            loadBatch();
+        }
+        // Configurer le chargement automatique au scroll
+        function setupAutoScroll() {
+            window.addEventListener('scroll', () => {
+                const { scrollTop, scrollHeight, clientHeight } = document.documentElement;
+                if (scrollTop + clientHeight >= scrollHeight - 500 && !isLoading) {
+                    loadAutoMovies();
+                }
             });
         }
+        // Initialisation du système
         document.addEventListener('DOMContentLoaded', () => {
+            updateCounters();
+            // Configurer le bouton de génération
+            document.getElementById('generateBtn').addEventListener('click', () => {
+                autoSystemConfig.moviesPerPage = parseInt(document.getElementById('perPage').value);
+                autoSystemConfig.currentPage = 1;
+                currentMovies = [];
+                loadAutoMovies();
             });
+            // Démarrer le chargement automatique
+            loadAutoMovies();
         });
     </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/mega-academy" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>

prompts.txt CHANGED Viewed

@@ -4,4 +4,5 @@ je veux un tableau de bord personnel pour entrer mes information de paiement pay
 https://huggingface.co/spaces/docto41/mega-academy
 Your Cart  Introduction to AI Beginner  $19.99  Subtotal: $19.99 Tax: $2.00 Total: $21.99  Proceed to Checkout  Admin Mega AI Academy  1  Subscribe  Login Unlock the Power of AI Learning Access our collection of 990,099 AI-powered courses across all domains. Subscribe now to get unlimited access!   Get Premium Access  Watch Demo Popular Categories  Machine Learning  Robotics  Data Science  Computer Vision  NLP  AI Security AI-Powered Courses  Sort by Popularity Search courses...  Search All Categories Beginner Intermediate Advanced Free Courses Premium Only  Machine Learning 62 courses  Deep Learning 5 courses  Neural Networks 40 courses  Computer Vision 28 courses  Natural Language Processing 97 courses  Reinforcement Learning 79 courses  Robotics 37 courses  AI Ethics 4 courses  Generative AI 73 courses  Predictive Analytics 39 courses  AI in Healthcare 48 courses  AI for Finance 16 courses  Autonomous Vehicles 89 courses  AI Chips 70 courses  Quantum AI 37 courses  AI Security 83 courses  AI Art 93 courses  AI Music 84 courses  AI Writing 4 courses  AI for Business 11 courses  AI Marketing 45 courses  AI Psychology 93 courses  AI Education 22 courses  AI Agriculture 30 courses  AI Manufacturing 80 courses  AI Logistics 10 courses  AI Customer Service 32 courses  AI Legal 68 courses  AI Government 27 courses  AI Climate 53 courses  AI Space 32 courses  AI Gaming 5 courses  AI Sports 95 courses  AI Fashion 96 courses  AI Cooking 89 courses  AI Architecture 26 courses  AI Chemistry 68 courses  AI Biology 28 courses  AI Physics 57 courses  AI Mathematics 23 courses  AI History 89 courses  AI Linguistics 79 courses  AI Philosophy 49 courses  AI Sociology 45 courses  AI Anthropology 84 courses  AI Archaeology 92 courses  AI Geology 43 courses  AI Oceanography 76 courses  AI Meteorology 43 courses  AI Astronomy 26 courses  Load More Courses What Our Students Say JD John Doe "The AI courses here transformed my career. The quality is unmatched and the instructors are top-notch."  AS Alice Smith "I've tried many platforms, but the depth of AI content here is incredible. Worth every penny!"  RJ Robert Johnson "As a researcher, I find the advanced AI courses extremely valuable. The platform keeps getting better."  Mega AI Academy The world's largest AI learning platform with 990,099 courses across all domains.  Quick Links Home Courses Pricing About Us Support Help Center Contact Us FAQ Community Legal Terms of Service Privacy Policy Cookie Policy GDPR © 2023 Mega AI Academy. All rights reserved.  Made with DeepSite LogoDeepSite - 🧬 Remix
 activer tout en automatique
-creer un générateur de site de films streaming a regarder de suite avec plus de 5025200 boutons cliquable automatiques des film qui s'ouvre dans une nouvel fenetre quand on cique sure chaque bouton je veux des vrais film reel en automatique pas de site d exemple  , avec sont propre database de plus de 9726000 film complet directement pret a l'emploi les film je les veux tous en francais , avec des tres belle affiche reel des film et leur affiche d'origine , avec des serveurs de base de donnée avec leur lien d'origine

 https://huggingface.co/spaces/docto41/mega-academy
 Your Cart  Introduction to AI Beginner  $19.99  Subtotal: $19.99 Tax: $2.00 Total: $21.99  Proceed to Checkout  Admin Mega AI Academy  1  Subscribe  Login Unlock the Power of AI Learning Access our collection of 990,099 AI-powered courses across all domains. Subscribe now to get unlimited access!   Get Premium Access  Watch Demo Popular Categories  Machine Learning  Robotics  Data Science  Computer Vision  NLP  AI Security AI-Powered Courses  Sort by Popularity Search courses...  Search All Categories Beginner Intermediate Advanced Free Courses Premium Only  Machine Learning 62 courses  Deep Learning 5 courses  Neural Networks 40 courses  Computer Vision 28 courses  Natural Language Processing 97 courses  Reinforcement Learning 79 courses  Robotics 37 courses  AI Ethics 4 courses  Generative AI 73 courses  Predictive Analytics 39 courses  AI in Healthcare 48 courses  AI for Finance 16 courses  Autonomous Vehicles 89 courses  AI Chips 70 courses  Quantum AI 37 courses  AI Security 83 courses  AI Art 93 courses  AI Music 84 courses  AI Writing 4 courses  AI for Business 11 courses  AI Marketing 45 courses  AI Psychology 93 courses  AI Education 22 courses  AI Agriculture 30 courses  AI Manufacturing 80 courses  AI Logistics 10 courses  AI Customer Service 32 courses  AI Legal 68 courses  AI Government 27 courses  AI Climate 53 courses  AI Space 32 courses  AI Gaming 5 courses  AI Sports 95 courses  AI Fashion 96 courses  AI Cooking 89 courses  AI Architecture 26 courses  AI Chemistry 68 courses  AI Biology 28 courses  AI Physics 57 courses  AI Mathematics 23 courses  AI History 89 courses  AI Linguistics 79 courses  AI Philosophy 49 courses  AI Sociology 45 courses  AI Anthropology 84 courses  AI Archaeology 92 courses  AI Geology 43 courses  AI Oceanography 76 courses  AI Meteorology 43 courses  AI Astronomy 26 courses  Load More Courses What Our Students Say JD John Doe "The AI courses here transformed my career. The quality is unmatched and the instructors are top-notch."  AS Alice Smith "I've tried many platforms, but the depth of AI content here is incredible. Worth every penny!"  RJ Robert Johnson "As a researcher, I find the advanced AI courses extremely valuable. The platform keeps getting better."  Mega AI Academy The world's largest AI learning platform with 990,099 courses across all domains.  Quick Links Home Courses Pricing About Us Support Help Center Contact Us FAQ Community Legal Terms of Service Privacy Policy Cookie Policy GDPR © 2023 Mega AI Academy. All rights reserved.  Made with DeepSite LogoDeepSite - 🧬 Remix
 activer tout en automatique
+creer un générateur de site de films streaming a regarder de suite avec plus de 5025200 boutons cliquable automatiques des film qui s'ouvre dans une nouvel fenetre quand on cique sure chaque bouton je veux des vrais film reel en automatique pas de site d exemple  , avec sont propre database de plus de 9726000 film complet directement pret a l'emploi les film je les veux tous en francais , avec des tres belle affiche reel des film et leur affiche d'origine , avec des serveurs de base de donnée avec leur lien d'origine
+robotiser toutes en systeme automatique