Spaces:

docto41
/

envato-code

Running

App Files Files Community

docto41 commited on May 7

Commit

d036fc2

verified ·

1 Parent(s): 9593d05

Add 2 files

Browse files

Files changed (2) hide show

index.html +268 -116
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>Hacker Codes - Envato & CodeCanyon</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>
@@ -225,6 +225,30 @@
                 opacity: 0.4;
             }
         }
     </style>
 </head>
 <body class="min-h-screen flex flex-col items-center justify-center p-4">
@@ -237,7 +261,7 @@
             <h1 class="glitch text-4xl md:text-6xl font-bold mb-4" data-text="HACKER CODES">
                 HACKER CODES
             </h1>
-            <p class="typewriter text-xl neon-text">Envato & CodeCanyon Premium Access</p>
         </div>
         <!-- Main terminal -->
@@ -248,108 +272,55 @@
                 <div class="terminal-btn green"></div>
             </div>
             <div class="mb-6">
                 <div class="flex items-center mb-2">
                     <span class="text-green-400 mr-2">$</span>
-                    <span class="text-gray-300">sudo access envato_codes --admin</span>
-                </div>
-                <div class="text-green-400 mb-4 ml-4">
-                    <p>> Access granted. Welcome back, admin.</p>
-                    <p>> Loading premium codes database...</p>
-                    <p>> Decrypting secure entries...</p>
                 </div>
-            </div>
-            <!-- Code display section -->
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
-                <!-- Envato Codes -->
-                <div class="bg-gray-900 rounded p-4 neon-border-blue">
-                    <div class="flex items-center mb-3">
-                        <i class="fab fa-envato text-2xl text-blue-400 mr-2"></i>
-                        <h3 class="text-xl font-bold text-blue-400">ENVATO CODES</h3>
-                    </div>
-                    <div class="space-y-3">
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">Premium Theme</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">ENV-7XK9-2P4M-Q6R1</code>
-                                <button onclick="copyCode('ENV-7XK9-2P4M-Q6R1')" class="text-xs bg-blue-900 text-blue-300 px-2 py-1 rounded hover:bg-blue-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">Graphic Pack</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">ENV-3L8D-9F2K-5N7J</code>
-                                <button onclick="copyCode('ENV-3L8D-9F2K-5N7J')" class="text-xs bg-blue-900 text-blue-300 px-2 py-1 rounded hover:bg-blue-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">Audio Bundle</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">ENV-1M4P-7R9T-2S6V</code>
-                                <button onclick="copyCode('ENV-1M4P-7R9T-2S6V')" class="text-xs bg-blue-900 text-blue-300 px-2 py-1 rounded hover:bg-blue-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
                     </div>
                 </div>
-                <!-- CodeCanyon Codes -->
-                <div class="bg-gray-900 rounded p-4 neon-border-pink">
-                    <div class="flex items-center mb-3">
-                        <i class="fas fa-code text-2xl text-pink-400 mr-2"></i>
-                        <h3 class="text-xl font-bold text-pink-400">CODECANYON CODES</h3>
                     </div>
-                    <div class="space-y-3">
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">Plugin Suite</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">CC-5H8J-3K9M-4P2Q</code>
-                                <button onclick="copyCode('CC-5H8J-3K9M-4P2Q')" class="text-xs bg-pink-900 text-pink-300 px-2 py-1 rounded hover:bg-pink-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">Script Package</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">CC-7R2T-9Y4U-1I6O</code>
-                                <button onclick="copyCode('CC-7R2T-9Y4U-1I6O')" class="text-xs bg-pink-900 text-pink-300 px-2 py-1 rounded hover:bg-pink-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
-                        <div class="bg-gray-800 p-3 rounded">
-                            <p class="text-gray-400 text-sm">App Template</p>
-                            <div class="flex items-center justify-between">
-                                <code class="text-green-400 font-mono">CC-8W3E-5R7T-2Y9U</code>
-                                <button onclick="copyCode('CC-8W3E-5R7T-2Y9U')" class="text-xs bg-pink-900 text-pink-300 px-2 py-1 rounded hover:bg-pink-800 transition">
-                                    <i class="fas fa-copy mr-1"></i> Copy
-                                </button>
-                            </div>
-                        </div>
                     </div>
                 </div>
             </div>
-            <!-- Generate new code section -->
-            <div class="mb-6">
                 <div class="flex items-center mb-2">
                     <span class="text-green-400 mr-2">$</span>
-                    <span class="text-gray-300">generate_new_code --type=</span>
-                    <select class="code-input ml-2 px-2 py-1 rounded bg-black text-green-400">
-                        <option value="envato">Envato</option>
-                        <option value="codecanyon">CodeCanyon</option>
-                    </select>
                 </div>
-                <button id="generateBtn" class="ml-8 mt-2 px-4 py-2 bg-green-900 text-green-300 rounded hover:bg-green-800 transition flex items-center pulse">
-                    <i class="fas fa-bolt mr-2"></i> Generate New Code
-                </button>
             </div>
             <!-- Status bar -->
@@ -363,15 +334,15 @@
                     <span class="text-gray-400">SECURE</span>
                 </div>
                 <div>
-                    <span class="text-pink-400">LAST UPDATE:</span>
-                    <span class="text-gray-400">2023-11-15 14:37:42</span>
                 </div>
             </div>
         </div>
         <!-- Disclaimer -->
         <div class="text-center text-xs text-gray-500 neon-border p-3 rounded">
-            <p class="flicker">WARNING: These are demo codes for UI demonstration only. They are not valid for actual use on Envato or CodeCanyon.</p>
         </div>
     </div>
@@ -425,13 +396,217 @@
             canvas.height = window.innerHeight;
         });
         // Copy code function
         function copyCode(code) {
             navigator.clipboard.writeText(code).then(() => {
                 // Show copied notification
                 const notification = document.createElement('div');
                 notification.className = 'fixed top-4 right-4 bg-green-900 text-green-300 px-4 py-2 rounded shadow-lg flex items-center';
-                notification.innerHTML = `<i class="fas fa-check-circle mr-2"></i> Copied: ${code}`;
                 document.body.appendChild(notification);
                 setTimeout(() => {
@@ -440,29 +615,6 @@
                 }, 2000);
             });
         }
-        // Generate new code button
-        document.getElementById('generateBtn').addEventListener('click', function() {
-            const typeSelect = document.querySelector('.code-input');
-            const type = typeSelect.value;
-            // Generate a random code
-            const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
-            let code = '';
-            for (let i = 0; i < 4; i++) {
-                if (i > 0) code += '-';
-                for (let j = 0; j < 4; j++) {
-                    code += chars.charAt(Math.floor(Math.random() * chars.length));
-                }
-            }
-            // Prefix based on type
-            code = (type === 'envato' ? 'ENV-' : 'CC-') + code.substring(4);
-            // Show the generated code in an alert (in a real app, you'd add it to the list)
-            alert(`New ${type} code generated:\n${code}\n\nThis is a demo - in a real app, this would be added to the database.`);
-        });
     </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/envato-code" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hacker Codes - Recherche Envato & CodeCanyon</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>
                 opacity: 0.4;
             }
         }
+        .dropzone {
+            border: 2px dashed var(--neon-blue);
+            border-radius: 5px;
+            padding: 25px;
+            text-align: center;
+            cursor: pointer;
+            transition: all 0.3s;
+        }
+        .dropzone:hover {
+            border-color: var(--neon-green);
+            box-shadow: 0 0 10px var(--neon-green);
+        }
+        .dropzone.active {
+            border-color: var(--neon-pink);
+            background-color: rgba(255, 0, 255, 0.05);
+        }
+        .search-highlight {
+            background-color: rgba(57, 255, 20, 0.3);
+            font-weight: bold;
+        }
     </style>
 </head>
 <body class="min-h-screen flex flex-col items-center justify-center p-4">
             <h1 class="glitch text-4xl md:text-6xl font-bold mb-4" data-text="HACKER CODES">
                 HACKER CODES
             </h1>
+            <p class="typewriter text-xl neon-text">Recherche de codes Envato & CodeCanyon</p>
         </div>
         <!-- Main terminal -->
                 <div class="terminal-btn green"></div>
             </div>
+            <!-- Search section -->
             <div class="mb-6">
                 <div class="flex items-center mb-2">
                     <span class="text-green-400 mr-2">$</span>
+                    <span class="text-gray-300">search_codes --method=</span>
+                    <select id="searchMethod" class="code-input ml-2 px-2 py-1 rounded bg-black text-green-400">
+                        <option value="text">Nom du produit</option>
+                        <option value="image">Image du produit</option>
+                    </select>
                 </div>
+                <!-- Text search -->
+                <div id="textSearch" class="ml-8 mt-4">
+                    <div class="flex items-center mb-2">
+                        <span class="text-green-400 mr-2">></span>
+                        <input type="text" id="searchInput" placeholder="Entrez le nom du produit..." class="code-input w-full px-3 py-2 rounded bg-black text-green-400">
                     </div>
+                    <button id="searchBtn" class="mt-2 px-4 py-2 bg-blue-900 text-blue-300 rounded hover:bg-blue-800 transition flex items-center">
+                        <i class="fas fa-search mr-2"></i> Rechercher
+                    </button>
                 </div>
+                <!-- Image search -->
+                <div id="imageSearch" class="ml-8 mt-4 hidden">
+                    <div id="dropzone" class="dropzone mb-4">
+                        <i class="fas fa-cloud-upload-alt text-3xl text-blue-400 mb-2"></i>
+                        <p class="text-blue-300">Glissez-déposez une image ici</p>
+                        <p class="text-gray-400 text-sm mt-2">ou cliquez pour sélectionner</p>
+                        <input type="file" id="fileInput" accept="image/*" class="hidden">
                     </div>
+                    <div id="imagePreview" class="hidden mb-4">
+                        <img id="preview" src="#" alt="Aperçu de l'image" class="max-h-40 mx-auto rounded border border-blue-400">
                     </div>
+                    <button id="searchImageBtn" class="px-4 py-2 bg-pink-900 text-pink-300 rounded hover:bg-pink-800 transition flex items-center">
+                        <i class="fas fa-camera mr-2"></i> Rechercher par image
+                    </button>
                 </div>
             </div>
+            <!-- Results section -->
+            <div id="results" class="hidden">
                 <div class="flex items-center mb-2">
                     <span class="text-green-400 mr-2">$</span>
+                    <span class="text-gray-300">results_found --count=<span id="resultCount" class="text-green-400">0</span></span>
+                </div>
+                <div id="resultsContainer" class="mt-4 space-y-4">
+                    <!-- Results will be displayed here -->
                 </div>
             </div>
             <!-- Status bar -->
                     <span class="text-gray-400">SECURE</span>
                 </div>
                 <div>
+                    <span class="text-pink-400">LAST SEARCH:</span>
+                    <span id="lastSearch" class="text-gray-400">Aucune</span>
                 </div>
             </div>
         </div>
         <!-- Disclaimer -->
         <div class="text-center text-xs text-gray-500 neon-border p-3 rounded">
+            <p class="flicker">WARNING: Ceci est une démonstration d'interface. Les fonctionnalités de recherche sont simulées.</p>
         </div>
     </div>
             canvas.height = window.innerHeight;
         });
+        // Sample database of products
+        const products = [
+            {
+                name: "ThemeForest - Avada",
+                type: "envato",
+                code: "ENV-7XK9-2P4M-Q6R1",
+                category: "Thème WordPress",
+                description: "Thème WordPress multi-usage avec constructeur de page avancé."
+            },
+            {
+                name: "CodeCanyon - Slider Revolution",
+                type: "codecanyon",
+                code: "CC-5H8J-3K9M-4P2Q",
+                category: "Plugin WordPress",
+                description: "Plugin de création de sliders et animations avancées."
+            },
+            {
+                name: "ThemeForest - BeTheme",
+                type: "envato",
+                code: "ENV-3L8D-9F2K-5N7J",
+                category: "Thème WordPress",
+                description: "Thème WordPress avec plus de 600 démos pré-construites."
+            },
+            {
+                name: "CodeCanyon - WPBakery",
+                type: "codecanyon",
+                code: "CC-7R2T-9Y4U-1I6O",
+                category: "Plugin WordPress",
+                description: "Constructeur de page visuel pour WordPress."
+            },
+            {
+                name: "ThemeForest - The7",
+                type: "envato",
+                code: "ENV-1M4P-7R9T-2S6V",
+                category: "Thème WordPress",
+                description: "Thème WordPress ultra-personnalisable avec options avancées."
+            },
+            {
+                name: "CodeCanyon - Elementor Pro",
+                type: "codecanyon",
+                code: "CC-8W3E-5R7T-2Y9U",
+                category: "Plugin WordPress",
+                description: "Constructeur de page avancé avec fonctionnalités pro."
+            }
+        ];
+        // Search method toggle
+        const searchMethod = document.getElementById('searchMethod');
+        const textSearch = document.getElementById('textSearch');
+        const imageSearch = document.getElementById('imageSearch');
+        searchMethod.addEventListener('change', function() {
+            if (this.value === 'text') {
+                textSearch.classList.remove('hidden');
+                imageSearch.classList.add('hidden');
+            } else {
+                textSearch.classList.add('hidden');
+                imageSearch.classList.remove('hidden');
+            }
+        });
+        // Image upload handling
+        const dropzone = document.getElementById('dropzone');
+        const fileInput = document.getElementById('fileInput');
+        const imagePreview = document.getElementById('imagePreview');
+        const preview = document.getElementById('preview');
+        // Handle drag and drop
+        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+            dropzone.addEventListener(eventName, preventDefaults, false);
+        });
+        function preventDefaults(e) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        ['dragenter', 'dragover'].forEach(eventName => {
+            dropzone.addEventListener(eventName, highlight, false);
+        });
+        ['dragleave', 'drop'].forEach(eventName => {
+            dropzone.addEventListener(eventName, unhighlight, false);
+        });
+        function highlight() {
+            dropzone.classList.add('active');
+        }
+        function unhighlight() {
+            dropzone.classList.remove('active');
+        }
+        dropzone.addEventListener('drop', handleDrop, false);
+        dropzone.addEventListener('click', () => fileInput.click(), false);
+        fileInput.addEventListener('change', function() {
+            handleFiles(this.files);
+        });
+        function handleDrop(e) {
+            const dt = e.dataTransfer;
+            const files = dt.files;
+            handleFiles(files);
+        }
+        function handleFiles(files) {
+            if (files.length) {
+                const file = files[0];
+                if (file.type.startsWith('image/')) {
+                    const reader = new FileReader();
+                    reader.onload = function(e) {
+                        preview.src = e.target.result;
+                        imagePreview.classList.remove('hidden');
+                    };
+                    reader.readAsDataURL(file);
+                }
+            }
+        }
+        // Text search function
+        document.getElementById('searchBtn').addEventListener('click', function() {
+            const searchTerm = document.getElementById('searchInput').value.trim().toLowerCase();
+            if (searchTerm) {
+                searchProducts(searchTerm);
+                document.getElementById('lastSearch').textContent = `Texte: "${searchTerm}"`;
+            }
+        });
+        // Image search function (simulated)
+        document.getElementById('searchImageBtn').addEventListener('click', function() {
+            if (preview.src && !preview.src.endsWith('#')) {
+                // Simulate image search with random results
+                const randomProducts = [...products].sort(() => 0.5 - Math.random()).slice(0, 3);
+                displayResults(randomProducts);
+                document.getElementById('lastSearch').textContent = "Par image";
+                document.getElementById('resultCount').textContent = randomProducts.length;
+                document.getElementById('results').classList.remove('hidden');
+            } else {
+                alert("Veuillez d'abord sélectionner une image.");
+            }
+        });
+        // Search products function
+        function searchProducts(searchTerm) {
+            const results = products.filter(product =>
+                product.name.toLowerCase().includes(searchTerm) ||
+                product.description.toLowerCase().includes(searchTerm) ||
+                product.category.toLowerCase().includes(searchTerm)
+            );
+            displayResults(results, searchTerm);
+            document.getElementById('resultCount').textContent = results.length;
+            document.getElementById('results').classList.remove('hidden');
+        }
+        // Display results function
+        function displayResults(results, searchTerm = '') {
+            const resultsContainer = document.getElementById('resultsContainer');
+            resultsContainer.innerHTML = '';
+            if (results.length === 0) {
+                resultsContainer.innerHTML = '<p class="text-gray-400">Aucun résultat trouvé.</p>';
+                return;
+            }
+            results.forEach(product => {
+                const productElement = document.createElement('div');
+                productElement.className = 'bg-gray-800 p-4 rounded neon-border-blue';
+                // Highlight search term in results
+                let highlightedName = product.name;
+                let highlightedDesc = product.description;
+                if (searchTerm) {
+                    const regex = new RegExp(searchTerm, 'gi');
+                    highlightedName = product.name.replace(regex, match =>
+                        `<span class="search-highlight">${match}</span>`
+                    );
+                    highlightedDesc = product.description.replace(regex, match =>
+                        `<span class="search-highlight">${match}</span>`
+                    );
+                }
+                productElement.innerHTML = `
+                    <div class="flex justify-between items-start">
+                        <div>
+                            <h3 class="text-lg font-bold text-blue-400">${highlightedName}</h3>
+                            <p class="text-sm text-gray-400">${product.category}</p>
+                            <p class="text-gray-300 mt-2">${highlightedDesc}</p>
+                        </div>
+                        <div class="flex flex-col items-end">
+                            <code class="text-green-400 font-mono text-sm">${product.code}</code>
+                            <button onclick="copyCode('${product.code}')" class="mt-2 text-xs ${product.type === 'envato' ? 'bg-blue-900 text-blue-300' : 'bg-pink-900 text-pink-300'} px-2 py-1 rounded hover:${product.type === 'envato' ? 'bg-blue-800' : 'bg-pink-800'} transition">
+                                <i class="fas fa-copy mr-1"></i> Copier
+                            </button>
+                        </div>
+                    </div>
+                `;
+                resultsContainer.appendChild(productElement);
+            });
+        }
         // Copy code function
         function copyCode(code) {
             navigator.clipboard.writeText(code).then(() => {
                 // Show copied notification
                 const notification = document.createElement('div');
                 notification.className = 'fixed top-4 right-4 bg-green-900 text-green-300 px-4 py-2 rounded shadow-lg flex items-center';
+                notification.innerHTML = `<i class="fas fa-check-circle mr-2"></i> Copié: ${code}`;
                 document.body.appendChild(notification);
                 setTimeout(() => {
                 }, 2000);
             });
         }
     </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/envato-code" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt CHANGED Viewed

	@@ -1 +1,2 @@
1	- hacker code d'achat envato et codecanyon


1	+ hacker code d'achat envato et codecanyon
2	+ je veux rechercher par non du produit ou image