hacker-code-generator / index.html
docto41's picture
Add 2 files
18f456d verified
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scanner de Produits Envato</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>
@keyframes glitch {
0% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
25% { text-shadow: -2px 0 #ff00ff, 2px 0 #00ffff; }
50% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
75% { text-shadow: -2px 0 #ff00ff, 2px 0 #00ffff; }
100% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
}
.glitch-text {
animation: glitch 1s linear infinite;
}
.terminal {
font-family: 'Courier New', monospace;
background-color: #111;
color: #0f0;
border-radius: 5px;
padding: 20px;
height: 300px;
overflow-y: auto;
}
.terminal-line {
margin-bottom: 5px;
}
.cursor {
display: inline-block;
width: 10px;
height: 15px;
background-color: #0f0;
animation: blink 1s infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
.hacker-card {
transition: all 0.3s;
border: 1px solid #333;
}
.hacker-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 255, 0, 0.2);
border-color: #0f0;
}
#previewImage {
max-height: 200px;
object-fit: contain;
}
.progress-bar {
height: 5px;
background-color: #333;
border-radius: 2px;
overflow: hidden;
}
.progress-value {
height: 100%;
background-color: #0f0;
width: 0%;
transition: width 0.3s;
}
.envato-badge {
background: linear-gradient(135deg, #82b541 0%, #5a8f29 100%);
color: white;
}
</style>
</head>
<body class="bg-black text-white min-h-screen">
<div class="container mx-auto px-4 py-8">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold mb-4 glitch-text">ENVATO PRODUCT SCANNER</h1>
<p class="text-gray-400 max-w-2xl mx-auto">Simulation à des fins éducatives uniquement. Le piratage réel est illégal.</p>
</header>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
<div class="hacker-card bg-gray-900 rounded-lg p-6">
<div class="flex items-center mb-4">
<i class="fab fa-envira text-green-500 text-2xl mr-3"></i>
<h2 class="text-xl font-bold">Recherche par Nom</h2>
</div>
<div class="mb-4">
<label class="block text-gray-400 mb-2">Nom du Produit Envato</label>
<input type="text" id="envatoProductName" class="w-full bg-gray-800 border border-gray-700 rounded px-4 py-2 text-white focus:border-green-500 focus:outline-none" placeholder="Ex: 'Avada', 'Betheme'...">
</div>
<div class="mb-4">
<label class="block text-gray-400 mb-2">ID du Produit (optionnel)</label>
<input type="text" id="envatoProductId" class="w-full bg-gray-800 border border-gray-700 rounded px-4 py-2 text-white focus:border-green-500 focus:outline-none" placeholder="Ex: 12345678">
</div>
<button onclick="scanEnvatoByName()" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded flex items-center justify-center">
<i class="fas fa-search mr-2"></i> Scanner le Produit
</button>
</div>
<div class="hacker-card bg-gray-900 rounded-lg p-6">
<div class="flex items-center mb-4">
<i class="fas fa-image text-green-500 text-2xl mr-3"></i>
<h2 class="text-xl font-bold">Recherche par Image</h2>
</div>
<div class="mb-4">
<label class="block text-gray-400 mb-2">Capture d'écran du produit</label>
<div class="border-2 border-dashed border-gray-700 rounded p-4 text-center">
<img id="previewImage" src="" alt="Aperçu" class="mx-auto mb-2 hidden">
<input type="file" id="imageUpload" accept="image/*" class="hidden" onchange="previewFile()">
<button onclick="document.getElementById('imageUpload').click()" class="bg-gray-800 hover:bg-gray-700 text-white px-4 py-2 rounded">
<i class="fas fa-upload mr-2"></i> Choisir une image
</button>
<p class="text-gray-500 text-sm mt-2">Formats supportés: JPG, PNG, GIF</p>
</div>
</div>
<div class="progress-bar mb-4 hidden" id="imageProgress">
<div class="progress-value" id="imageProgressValue"></div>
</div>
<button onclick="scanEnvatoByImage()" id="scanImageBtn" class="w-full bg-gray-600 text-white font-bold py-3 px-4 rounded flex items-center justify-center opacity-50 cursor-not-allowed" disabled>
<i class="fab fa-envira mr-2"></i> Scanner l'Image Envato
</button>
</div>
</div>
<div class="bg-gray-900 rounded-lg p-6 mb-8">
<h2 class="text-xl font-bold mb-4 flex items-center">
<i class="fab fa-envira text-green-500 mr-2"></i> Résultats du Scan Envato
</h2>
<div class="terminal" id="envato-results-terminal">
<div class="terminal-line">> Envato Product Scanner v3.2.1</div>
<div class="terminal-line">> Connexion sécurisée établie</div>
<div class="terminal-line">> En attente de commande...</div>
<div class="terminal-line">> Tapez "help" pour les options<span class="cursor"></span></div>
</div>
</div>
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-6">
<h2 class="text-xl font-bold mb-2 flex items-center">
<i class="fas fa-exclamation-triangle mr-2"></i> Avertissement Légal Important
</h2>
<p class="text-gray-300">
Cette simulation est fournie à des fins éducatives uniquement. Toute tentative réelle d'obtenir des codes d'achat ou des produits Envato/CodeCanyon sans paiement est illégale et constitue une violation des conditions d'utilisation. Envato dispose de systèmes de sécurité avancés et toute activité frauduleuse peut entraîner des poursuites judiciaires.
</p>
<div class="mt-4 p-4 envato-badge rounded-lg flex items-center">
<i class="fab fa-envira text-2xl mr-3"></i>
<div>
<h3 class="font-bold">Achetez légalement sur Envato</h3>
<p class="text-sm">Supportez les créateurs en achetant des licences valides sur <a href="https://envato.com" class="underline">envato.com</a></p>
</div>
</div>
</div>
</div>
<script>
let uploadedImage = null;
function previewFile() {
const file = document.getElementById('imageUpload').files[0];
const preview = document.getElementById('previewImage');
const scanBtn = document.getElementById('scanImageBtn');
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
preview.src = e.target.result;
preview.classList.remove('hidden');
uploadedImage = e.target.result;
// Simulate image processing
const progressBar = document.getElementById('imageProgress');
const progressValue = document.getElementById('imageProgressValue');
progressBar.classList.remove('hidden');
progressValue.style.width = '0%';
let progress = 0;
const interval = setInterval(() => {
progress += 5;
progressValue.style.width = `${progress}%`;
if (progress >= 100) {
clearInterval(interval);
setTimeout(() => {
progressBar.classList.add('hidden');
scanBtn.classList.remove('bg-gray-600', 'opacity-50', 'cursor-not-allowed');
scanBtn.classList.add('bg-green-600', 'hover:bg-green-700');
scanBtn.disabled = false;
}, 500);
}
}, 100);
}
reader.readAsDataURL(file);
}
}
function scanEnvatoByName() {
const productName = document.getElementById('envatoProductName').value.trim();
const productId = document.getElementById('envatoProductId').value.trim();
const resultsTerminal = document.getElementById('envato-results-terminal');
if (!productName) {
alert("Veuillez entrer un nom de produit Envato");
return;
}
resultsTerminal.innerHTML = '';
addTerminalLine(resultsTerminal, `> Lancement du scan pour: ${productName} ${productId ? '(ID: '+productId+')' : ''}`);
addTerminalLine(resultsTerminal, `> Connexion à l'API Envato...`);
setTimeout(() => {
addTerminalLine(resultsTerminal, `> Vérification des licences...`);
setTimeout(() => {
// Generate fake results
const fakeResults = generateFakeEnvatoResults(productName, productId);
addTerminalLine(resultsTerminal, `> Scan terminé. Résultats:`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> Nom: ${fakeResults.name}`);
addTerminalLine(resultsTerminal, `> Auteur: ${fakeResults.author}`);
addTerminalLine(resultsTerminal, `> Prix: $${fakeResults.price}`);
addTerminalLine(resultsTerminal, `> Nombre de ventes: ${fakeResults.sales}`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> [<span class="text-red-500">SÉCURITÉ</span>] Système de licence détecté:`);
addTerminalLine(resultsTerminal, `> - Protection: ${fakeResults.protection}`);
addTerminalLine(resultsTerminal, `> - Dernière mise à jour: ${fakeResults.lastUpdate}`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> [<span class="text-yellow-500">AVERTISSEMENT</span>] Toute tentative de contournement`);
addTerminalLine(resultsTerminal, `> du système de licence est illégale et sera détectée`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> Tapez "help" pour les options<span class="cursor"></span>`);
}, 1500);
}, 1000);
}
function scanEnvatoByImage() {
if (!uploadedImage) {
alert("Veuillez téléverser une image d'abord");
return;
}
const resultsTerminal = document.getElementById('envato-results-terminal');
resultsTerminal.innerHTML = '';
addTerminalLine(resultsTerminal, `> Analyse d'image Envato en cours...`);
addTerminalLine(resultsTerminal, `> Reconnaissance du produit...`);
setTimeout(() => {
addTerminalLine(resultsTerminal, `> Comparaison avec la base de données...`);
setTimeout(() => {
// Generate fake image analysis results
const fakeResults = generateFakeEnvatoImageResults();
addTerminalLine(resultsTerminal, `> Analyse terminée. Résultats:`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> Produit probable: ${fakeResults.product}`);
addTerminalLine(resultsTerminal, `> Confiance: ${fakeResults.confidence}%`);
addTerminalLine(resultsTerminal, ``);
if (fakeResults.matches.length > 0) {
addTerminalLine(resultsTerminal, `> Correspondances trouvées:`);
fakeResults.matches.forEach(match => {
addTerminalLine(resultsTerminal, `> - ${match}`);
});
addTerminalLine(resultsTerminal, ``);
}
addTerminalLine(resultsTerminal, `> [<span class="text-red-500">SÉCURITÉ</span>] Les produits Envato utilisent`);
addTerminalLine(resultsTerminal, `> un système de vérification de licence en ligne`);
addTerminalLine(resultsTerminal, `> qui ne peut être contourné.`);
addTerminalLine(resultsTerminal, ``);
addTerminalLine(resultsTerminal, `> Tapez "help" pour les options<span class="cursor"></span>`);
}, 1500);
}, 1000);
}
function addTerminalLine(terminal, html) {
const line = document.createElement('div');
line.className = 'terminal-line';
line.innerHTML = html;
terminal.appendChild(line);
terminal.scrollTop = terminal.scrollHeight;
}
function generateFakeEnvatoResults(productName, productId) {
const protections = [
"Verification de licence en ligne",
"Cryptage PHP IonCube",
"Vérification de domaine",
"Système d'activation unique"
];
return {
name: productName + (productId ? ` (ID: ${productId})` : ""),
author: "Author" + Math.floor(Math.random() * 1000),
price: (Math.random() * 50 + 20).toFixed(2),
sales: Math.floor(Math.random() * 5000),
protection: protections[Math.floor(Math.random() * protections.length)],
lastUpdate: new Date(Date.now() - Math.floor(Math.random() * 30 * 24 * 60 * 60 * 1000)).toLocaleDateString()
};
}
function generateFakeEnvatoImageResults() {
const products = [
"Avada Theme",
"Betheme",
"Impreza",
"The7",
"X Theme",
"Enfold"
];
const matches = [
"Correspondance visuelle à 87%",
"Signature CSS détectée",
"Structure HTML correspondante",
"Logo du créateur identifié"
];
return {
product: products[Math.floor(Math.random() * products.length)],
confidence: Math.floor(Math.random() * 30) + 65,
matches: matches.slice(0, Math.floor(Math.random() * matches.length) + 1)
};
}
</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/hacker-code-generator" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>