Spaces:

docto41
/

envato-code

Running

App Files Files Community

docto41 commited on May 7

Commit

9593d05

verified ·

1 Parent(s): b402249

Add 3 files

Browse files

Files changed (3) hide show

README.md +6 -4
index.html +468 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Envato Code
-emoji: 🐢
-colorFrom: pink
 colorTo: pink
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: envato-code
+emoji: 🐳
+colorFrom: yellow
 colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,468 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="fr">
+<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>
+        @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
+        :root {
+            --neon-green: #39ff14;
+            --neon-blue: #00f7ff;
+            --neon-pink: #ff00ff;
+        }
+        body {
+            font-family: 'Share Tech Mono', monospace;
+            background-color: #0a0a0a;
+            color: #fff;
+            overflow-x: hidden;
+        }
+        .glitch {
+            position: relative;
+        }
+        .glitch::before, .glitch::after {
+            content: attr(data-text);
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+        }
+        .glitch::before {
+            left: 2px;
+            text-shadow: -2px 0 var(--neon-pink);
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim 5s infinite linear alternate-reverse;
+        }
+        .glitch::after {
+            left: -2px;
+            text-shadow: -2px 0 var(--neon-blue);
+            clip: rect(44px, 450px, 56px, 0);
+            animation: glitch-anim2 5s infinite linear alternate-reverse;
+        }
+        @keyframes glitch-anim {
+            0% { clip: rect(31px, 9999px, 94px, 0); }
+            10% { clip: rect(112px, 9999px, 76px, 0); }
+            20% { clip: rect(85px, 9999px, 77px, 0); }
+            30% { clip: rect(27px, 9999px, 97px, 0); }
+            40% { clip: rect(64px, 9999px, 98px, 0); }
+            50% { clip: rect(61px, 9999px, 85px, 0); }
+            60% { clip: rect(99px, 9999px, 114px, 0); }
+            70% { clip: rect(34px, 9999px, 115px, 0); }
+            80% { clip: rect(98px, 9999px, 129px, 0); }
+            90% { clip: rect(43px, 9999px, 96px, 0); }
+            100% { clip: rect(82px, 9999px, 64px, 0); }
+        }
+        @keyframes glitch-anim2 {
+            0% { clip: rect(65px, 9999px, 119px, 0); }
+            10% { clip: rect(79px, 9999px, 66px, 0); }
+            20% { clip: rect(101px, 9999px, 114px, 0); }
+            30% { clip: rect(107px, 9999px, 99px, 0); }
+            40% { clip: rect(47px, 9999px, 128px, 0); }
+            50% { clip: rect(13px, 9999px, 55px, 0); }
+            60% { clip: rect(60px, 9999px, 92px, 0); }
+            70% { clip: rect(10px, 9999px, 2px, 0); }
+            80% { clip: rect(86px, 9999px, 40px, 0); }
+            90% { clip: rect(41px, 9999px, 23px, 0); }
+            100% { clip: rect(83px, 9999px, 40px, 0); }
+        }
+        .terminal {
+            border: 1px solid var(--neon-green);
+            box-shadow: 0 0 10px var(--neon-green);
+            position: relative;
+        }
+        .terminal::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            height: 30px;
+            background: rgba(57, 255, 20, 0.1);
+            border-bottom: 1px solid var(--neon-green);
+        }
+        .terminal-header {
+            position: absolute;
+            top: 5px;
+            left: 10px;
+            display: flex;
+        }
+        .terminal-btn {
+            width: 12px;
+            height: 12px;
+            border-radius: 50%;
+            margin-right: 5px;
+        }
+        .terminal-btn.red {
+            background: #ff5f56;
+        }
+        .terminal-btn.yellow {
+            background: #ffbd2e;
+        }
+        .terminal-btn.green {
+            background: #27c93f;
+        }
+        .code-input {
+            background: transparent;
+            border: 1px solid var(--neon-blue);
+            color: var(--neon-green);
+            font-family: 'Share Tech Mono', monospace;
+            outline: none;
+            box-shadow: 0 0 5px var(--neon-blue);
+        }
+        .code-input:focus {
+            box-shadow: 0 0 10px var(--neon-blue);
+        }
+        .neon-text {
+            text-shadow: 0 0 5px var(--neon-green);
+            color: var(--neon-green);
+        }
+        .neon-border {
+            border: 1px solid var(--neon-green);
+            box-shadow: 0 0 10px var(--neon-green);
+        }
+        .neon-border-blue {
+            border: 1px solid var(--neon-blue);
+            box-shadow: 0 0 10px var(--neon-blue);
+        }
+        .neon-border-pink {
+            border: 1px solid var(--neon-pink);
+            box-shadow: 0 0 10px var(--neon-pink);
+        }
+        .scanline {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(
+                to bottom,
+                rgba(255, 255, 255, 0) 0%,
+                rgba(255, 255, 255, 0.03) 50%,
+                rgba(255, 255, 255, 0) 100%
+            );
+            animation: scanline 8s linear infinite;
+            pointer-events: none;
+        }
+        @keyframes scanline {
+            0% { transform: translateY(-100%); }
+            100% { transform: translateY(100%); }
+        }
+        .typewriter {
+            overflow: hidden;
+            border-right: 3px solid var(--neon-green);
+            white-space: nowrap;
+            margin: 0 auto;
+            letter-spacing: 2px;
+            animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
+        }
+        @keyframes typing {
+            from { width: 0 }
+            to { width: 100% }
+        }
+        @keyframes blink-caret {
+            from, to { border-color: transparent }
+            50% { border-color: var(--neon-green) }
+        }
+        .matrix-bg {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1;
+            opacity: 0.1;
+        }
+        .pulse {
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% { box-shadow: 0 0 0 0 rgba(57, 255, 20, 0.7); }
+            70% { box-shadow: 0 0 0 10px rgba(57, 255, 20, 0); }
+            100% { box-shadow: 0 0 0 0 rgba(57, 255, 20, 0); }
+        }
+        .flicker {
+            animation: flicker 3s linear infinite;
+        }
+        @keyframes flicker {
+            0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
+                opacity: 1;
+            }
+            20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
+                opacity: 0.4;
+            }
+        }
+    </style>
+</head>
+<body class="min-h-screen flex flex-col items-center justify-center p-4">
+    <canvas id="matrix" class="matrix-bg"></canvas>
+    <div class="scanline"></div>
+    <div class="w-full max-w-4xl relative">
+        <!-- Header with glitch effect -->
+        <div class="text-center mb-8">
+            <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 -->
+        <div class="terminal bg-black bg-opacity-90 rounded-lg p-6 pt-12 mb-8 neon-border">
+            <div class="terminal-header">
+                <div class="terminal-btn red"></div>
+                <div class="terminal-btn yellow"></div>
+                <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 -->
+            <div class="text-xs text-gray-500 flex justify-between border-t border-gray-800 pt-2">
+                <div>
+                    <span class="text-green-400">STATUS:</span>
+                    <span class="text-gray-400">ACTIVE</span>
+                </div>
+                <div>
+                    <span class="text-blue-400">CONNECTION:</span>
+                    <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>
+    <script>
+        // Matrix background effect
+        const canvas = document.getElementById('matrix');
+        const ctx = canvas.getContext('2d');
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+        const katakana = 'アァカサタナハマヤャラワガザダバパイィキシチニヒミリヰギジヂビピウゥクスツヌフムユュルグズブヅプエェケセテネヘメレヱゲゼデベペオォコソトノホモヨョロヲゴゾドボポヴッン';
+        const latin = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+        const nums = '0123456789';
+        const symbols = '!"#$%&\'()*+,-./:;<=>?@[\\]^_`{|}~';
+        const alphabet = katakana + latin + nums + symbols;
+        const fontSize = 16;
+        const columns = canvas.width / fontSize;
+        const rainDrops = [];
+        for (let x = 0; x < columns; x++) {
+            rainDrops[x] = 1;
+        }
+        const draw = () => {
+            ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            ctx.fillStyle = '#39ff14';
+            ctx.font = fontSize + 'px monospace';
+            for (let i = 0; i < rainDrops.length; i++) {
+                const text = alphabet.charAt(Math.floor(Math.random() * alphabet.length));
+                ctx.fillText(text, i * fontSize, rainDrops[i] * fontSize);
+                if (rainDrops[i] * fontSize > canvas.height && Math.random() > 0.975) {
+                    rainDrops[i] = 0;
+                }
+                rainDrops[i]++;
+            }
+        };
+        setInterval(draw, 30);
+        // Handle window resize
+        window.addEventListener('resize', () => {
+            canvas.width = window.innerWidth;
+            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(() => {
+                    notification.classList.add('opacity-0', 'transition-opacity', 'duration-500');
+                    setTimeout(() => notification.remove(), 500);
+                }, 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>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ hacker code d'achat envato et codecanyon