Spaces:

docto41
/

cin-verse

Running

App Files Files Community

docto41 commited on May 16

Commit

36711f4

verified ·

1 Parent(s): 4453549

Add 2 files

Browse files

Files changed (2) hide show

index.html +85 -15
prompts.txt +2 -1

index.html CHANGED Viewed

@@ -35,6 +35,13 @@
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
     </style>
 </head>
 <body class="bg-gray-900 text-white">
@@ -88,6 +95,43 @@
         </div>
     </main>
     <footer class="bg-black py-8 mt-12">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
@@ -308,19 +352,45 @@
             }
         });
-        // Fonction pour afficher les détails du film (ouvre une nouvelle fenêtre avec les plateformes disponibles)
-        function showMovieDetails(movieId) {
-            // Dans une application réelle, vous utiliseriez l'API "watch providers" de TMDB
-            // pour trouver où regarder le film légalement
-            // Pour cet exemple, nous ouvrons simplement la page TMDB du film
-            window.open(`https://www.themoviedb.org/movie/${movieId}?language=fr`, '_blank');
-            // Pour un site complet, vous pourriez créer une modale avec :
-            // - Les détails du film
-            // - Les plateformes de streaming disponibles
-            // - Les options de location/achat
-        }
-    </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/cin-verse" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
         }
+        .streaming-option {
+            transition: all 0.3s ease;
+        }
+        .streaming-option:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
+        }
     </style>
 </head>
 <body class="bg-gray-900 text-white">
         </div>
     </main>
+    <!-- Template pour la page de détails du film (caché par défaut) -->
+    <div id="movieDetailsTemplate" class="hidden fixed inset-0 bg-black bg-opacity-90 z-50 overflow-y-auto">
+        <div class="container mx-auto px-4 py-12">
+            <button onclick="closeMovieDetails()" class="absolute top-4 right-4 text-3xl text-white hover:text-red-500">
+                <i class="fas fa-times"></i>
+            </button>
+            <div class="flex flex-col lg:flex-row gap-8">
+                <div class="lg:w-1/3">
+                    <img id="detailPoster" src="" alt="Affiche du film" class="w-full rounded-lg shadow-xl">
+                </div>
+                <div class="lg:w-2/3">
+                    <h1 id="detailTitle" class="text-3xl font-bold mb-2"></h1>
+                    <div class="flex items-center space-x-4 mb-4">
+                        <span id="detailYear" class="text-gray-400"></span>
+                        <span id="detailRuntime" class="text-gray-400"></span>
+                        <span id="detailRating" class="flex items-center text-yellow-400">
+                            <i class="fas fa-star mr-1"></i>
+                            <span></span>
+                        </span>
+                    </div>
+                    <p id="detailOverview" class="text-lg mb-6"></p>
+                    <div class="mb-8">
+                        <h2 class="text-xl font-semibold mb-4">Où regarder</h2>
+                        <div id="streamingOptions" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
+                            <!-- Les options de streaming seront ajoutées ici -->
+                        </div>
+                        <p class="text-gray-400 mt-4 text-sm">* Les liens pointent vers des plateformes légales de streaming</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     <footer class="bg-black py-8 mt-12">
         <div class="container mx-auto px-4">
             <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
             }
         });
+        // Fonction pour afficher les détails du film dans une modale
+        async function showMovieDetails(movieId) {
+            try {
+                // Afficher le loader
+                const detailsTemplate = document.getElementById('movieDetailsTemplate');
+                detailsTemplate.classList.remove('hidden');
+                detailsTemplate.innerHTML = `
+                    <div class="flex justify-center items-center h-full">
+                        <i class="fas fa-spinner loading-spinner text-4xl text-red-500"></i>
+                    </div>
+                `;
+                // Récupérer les détails du film
+                const movieResponse = await fetch(`https://api.themoviedb.org/3/movie/${movieId}?api_key=3fd2be6f0c70a2a598f084ddfb75487c&language=fr-FR`);
+                const movieData = await movieResponse.json();
+                // Récupérer les options de streaming (simulé car l'API watch providers nécessite une clé premium)
+                // Dans une application réelle, vous utiliseriez: /movie/{movie_id}/watch/providers
+                const streamingOptions = [
+                    { provider_name: "Netflix", logo_path: "/9A1JSVmSxsyaBK4SUFsYVqbAYfW.jpg", link: `https://www.netflix.com/search?q=${encodeURIComponent(movieData.title)}` },
+                    { provider_name: "Amazon Prime", logo_path: "/5NyLm42TmCqCMOZFvH4fcoSNKEW.jpg", link: `https://www.primevideo.com/search/ref=atv_nb_sr?phrase=${encodeURIComponent(movieData.title)}` },
+                    { provider_name: "Disney+", logo_path: "/drg0fW8CQ5icOq2PZ3mzAfpXvDF.jpg", link: `https://www.disneyplus.com/fr-fr/search?q=${encodeURIComponent(movieData.title)}` },
+                    { provider_name: "Canal+", logo_path: "/sVBEF7q7LqjHAWSnKwDbzmr2EMY.jpg", link: `https://www.canalplus.com/recherche/?q=${encodeURIComponent(movieData.title)}` }
+                ];
+                // Afficher les détails
+                detailsTemplate.innerHTML = `
+                    <div class="container mx-auto px-4 py-12">
+                        <button onclick="closeMovieDetails()" class="absolute top-4 right-4 text-3xl text-white hover:text-red-500">
+                            <i class="fas fa-times"></i>
+                        </button>
+                        <div class="flex flex-col lg:flex-row gap-8">
+                            <div class="lg:w-1/3">
+                                <img id="detailPoster" src="${movieData.poster_path ? 'https://image.tmdb.org/t/p/w500' + movieData.poster_path : 'https://via.placeholder.com/500x750?text=Affiche+non+disponible'}" alt="${movieData.title}" class="w-full rounded-lg shadow-xl">
+                            </div>
+                            <div class="lg:w-2/3">
+                                <h1 id="detailTitle" class="text-3xl font-bold mb-2">${movieData.title}</h1>
+                                <div class="flex items-center space-x-4 mb-4">
+                                    <span id="detailYear" class="text-gray-400">
 </html>

prompts.txt CHANGED Viewed

@@ -3,4 +3,5 @@ je veux creer le plis imense marketp   ajouter bouton paypal , stripe , avec mes
 je veux creer le plus gigantesque marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA  dans toutes les domaine de services, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement    ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement  je veux acces  et toute produit pour moi seul les autre devront payer un abonnement   :   [email protected] : Admin270574@ et [email protected] : Admin270574@
 ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement    ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement  je veux acces  et toute produit pour moi seul les autre devront payer un abonnement   :   [email protected] : Admin270574@ et [email protected] : Admin270574@
 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
-je veux que le site posséde sont vrais serveur de lient de film a jours

 je veux creer le plus gigantesque marché de INTELIGENCES ARTIFICIEL AVEC PLUS DE 990099 BOUTONS D ASSISANT IA  dans toutes les domaine de services, je veux q'uon affiche toutes les boutons directement et que chaque boutons cliqué s'ouvre dans une nouvel fenetre je veux que toi soit gré en automatique et aussi ,: je veux un tableau de bord gigantesque ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement    ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement  je veux acces  et toute produit pour moi seul les autre devront payer un abonnement   :   [email protected] : Admin270574@ et [email protected] : Admin270574@
 ajouter bouton paypal , stripe , avec mes information pour etre payer , ajouter panier d'achat , obligatio de sabonner pour utiliser le site gratuitement    ajouter tableau de bord avec les information de paiement paypal, stripe, avec bouton stripe ,bouton paypal etc.. plus panier d'achat pour les information de paiement pour recevoir mes paement  je veux acces  et toute produit pour moi seul les autre devront payer un abonnement   :   [email protected] : Admin270574@ et [email protected] : Admin270574@
 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
+je veux que le site posséde sont vrais serveur de lient de film a jours
+je veux activer les lecture complet des film en entier et en francais  , actier chaque lecture des film dans une nouvel page