Spaces:

docto41
/

deepsite-pro

Running

App Files Files Community

docto41 commited on May 4

Commit

077bafa

verified ·

1 Parent(s): 75f1117

Add 2 files

Browse files

Files changed (2) hide show

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

index.html CHANGED Viewed

@@ -36,6 +36,7 @@
         .tool-card {
             transition: all 0.3s ease;
             transform-style: preserve-3d;
         }
         .tool-card:hover {
             transform: translateY(-5px) scale(1.02);
@@ -55,6 +56,13 @@
             background: rgba(0,255,255,0.3);
             border-radius: 4px;
         }
     </style>
 </head>
 <body class="bg-gray-900 text-gray-100 grid-pattern">
@@ -276,7 +284,8 @@
                     color: category.color,
                     power: power,
                     rating: (Math.random() * 5).toFixed(1),
-                    cores: Math.floor(Math.random() * 1000) + 1
                 });
             }
             return tools;
@@ -288,6 +297,37 @@
         const toolsContainer = document.getElementById('toolsContainer');
         const visibleToolsCounter = document.getElementById('visibleTools');
         // Render tools
         const renderTools = (tools) => {
             toolsContainer.innerHTML = '';
@@ -320,7 +360,36 @@
                     <div class="mt-2 text-xs text-gray-500">
                         Uses ${tool.cores} AI cores
                     </div>
                 `;
                 toolsContainer.appendChild(toolCard);
             });
             visibleToolsCounter.textContent = visibleTools;
@@ -348,8 +417,10 @@
                     tool.description.toLowerCase().includes(searchTerm) ||
                     tool.category.toLowerCase().includes(searchTerm)
                 );
                 renderTools(filteredTools);
             } else {
                 renderTools(allTools);
             }
         });
@@ -363,6 +434,21 @@
                 this.querySelector('i').classList.remove('fa-spin');
             });
         });
     </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/deepsite-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

         .tool-card {
             transition: all 0.3s ease;
             transform-style: preserve-3d;
+            cursor: pointer;
         }
         .tool-card:hover {
             transform: translateY(-5px) scale(1.02);
             background: rgba(0,255,255,0.3);
             border-radius: 4px;
         }
+        .btn-action {
+            transition: all 0.2s ease;
+        }
+        .btn-action:hover {
+            transform: scale(1.05);
+            box-shadow: 0 0 15px currentColor;
+        }
     </style>
 </head>
 <body class="bg-gray-900 text-gray-100 grid-pattern">
                     color: category.color,
                     power: power,
                     rating: (Math.random() * 5).toFixed(1),
+                    cores: Math.floor(Math.random() * 1000) + 1,
+                    url: `https://deepsite.pro/tools/${category.name.toLowerCase()}/${i}`
                 });
             }
             return tools;
         const toolsContainer = document.getElementById('toolsContainer');
         const visibleToolsCounter = document.getElementById('visibleTools');
+        // Function to show tool details
+        const showToolDetails = (tool) => {
+            // In a real app, this would redirect to the tool's page
+            // For demo purposes, we'll show an alert
+            alert(`Launching: ${tool.name}\n\n${tool.description}\n\nPower: ${tool.power}\nRating: ${tool.rating} ★\nAI Cores: ${tool.cores}\n\nURL: ${tool.url}`);
+            // Simulate loading animation
+            const loading = document.createElement('div');
+            loading.className = 'fixed inset-0 bg-black bg-opacity-80 flex items-center justify-center z-50';
+            loading.innerHTML = `
+                <div class="text-center">
+                    <div class="text-4xl text-blue-400 mb-4">
+                        <i class="fas fa-cog fa-spin"></i>
+                    </div>
+                    <h3 class="text-2xl text-white font-bold">Initializing ${tool.name}</h3>
+                    <p class="text-gray-300 mt-2">Allocating ${tool.cores} AI cores...</p>
+                    <div class="w-full bg-gray-700 rounded-full h-2.5 mt-4">
+                        <div class="bg-blue-500 h-2.5 rounded-full animate-pulse" style="width: 100%"></div>
+                    </div>
+                </div>
+            `;
+            document.body.appendChild(loading);
+            // Remove after 2 seconds (simulating load time)
+            setTimeout(() => {
+                loading.remove();
+                // In a real app, you would redirect here:
+                // window.location.href = tool.url;
+            }, 2000);
+        };
         // Render tools
         const renderTools = (tools) => {
             toolsContainer.innerHTML = '';
                     <div class="mt-2 text-xs text-gray-500">
                         Uses ${tool.cores} AI cores
                     </div>
+                    <div class="mt-4 flex space-x-2">
+                        <button class="btn-action bg-${tool.color}-500 hover:bg-${tool.color}-600 text-white text-xs px-3 py-1 rounded-full transition-all">
+                            <i class="fas fa-play mr-1"></i> Launch
+                        </button>
+                        <button class="btn-action bg-gray-700 hover:bg-gray-600 text-gray-300 text-xs px-3 py-1 rounded-full transition-all">
+                            <i class="fas fa-info-circle mr-1"></i> Details
+                        </button>
+                    </div>
                 `;
+                // Add click event to the whole card
+                toolCard.addEventListener('click', (e) => {
+                    // Don't trigger if clicking on buttons (they have their own handlers)
+                    if (!e.target.closest('button')) {
+                        showToolDetails(tool);
+                    }
+                });
+                // Add click events to buttons
+                const buttons = toolCard.querySelectorAll('button');
+                buttons[0].addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    showToolDetails(tool);
+                });
+                buttons[1].addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    alert(`Detailed information about ${tool.name}\n\nCategory: ${tool.category}\nPower Level: ${tool.power}\nRating: ${tool.rating} ★\nAI Cores: ${tool.cores}\n\n${tool.description}`);
+                });
                 toolsContainer.appendChild(toolCard);
             });
             visibleToolsCounter.textContent = visibleTools;
                     tool.description.toLowerCase().includes(searchTerm) ||
                     tool.category.toLowerCase().includes(searchTerm)
                 );
+                visibleTools = 50; // Reset visible tools when searching
                 renderTools(filteredTools);
             } else {
+                visibleTools = 50; // Reset visible tools when clearing search
                 renderTools(allTools);
             }
         });
                 this.querySelector('i').classList.remove('fa-spin');
             });
         });
+        // Make category cards clickable
+        document.querySelectorAll('.grid-cols-6 > div').forEach(card => {
+            card.addEventListener('click', function() {
+                const category = this.querySelector('h3').textContent;
+                const filteredTools = allTools.filter(tool => tool.category === category);
+                visibleTools = 50;
+                renderTools(filteredTools);
+                // Scroll to tools section
+                document.getElementById('toolsContainer').scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
     </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/deepsite-pro" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

@@ -1,2 +1,3 @@
 accompagner d'une armées de 360000 INTELIGENCES ARTIFICIEL  les plus puissant je veux creer la copie du site de DeepSite  mais en 100000 fois plus rapide , plus performant , plus sofistiqué , plus robotisé  , que par systeme de description uniquement avec visuel de la creeation du site  , je veux 20000 fois plus d'outil que DeepSite avec toute les derniére technonogie
-AFFICHER TOUTE +19,995 MORE TOOLS

 accompagner d'une armées de 360000 INTELIGENCES ARTIFICIEL  les plus puissant je veux creer la copie du site de DeepSite  mais en 100000 fois plus rapide , plus performant , plus sofistiqué , plus robotisé  , que par systeme de description uniquement avec visuel de la creeation du site  , je veux 20000 fois plus d'outil que DeepSite avec toute les derniére technonogie
+AFFICHER TOUTE +19,995 MORE TOOLS
+les boutons des tools  ne sont pas cliquable et ne fonctionne pas