Spaces:
Running
Running
Add 3 files
Browse files- README.md +7 -5
- index.html +172 -19
- prompts.txt +1 -0
README.md
CHANGED
@@ -1,10 +1,12 @@
|
|
1 |
---
|
2 |
-
title:
|
3 |
-
emoji:
|
4 |
-
colorFrom:
|
5 |
-
colorTo:
|
6 |
sdk: static
|
7 |
pinned: false
|
|
|
|
|
8 |
---
|
9 |
|
10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
1 |
---
|
2 |
+
title: hacker-code-generator
|
3 |
+
emoji: 🐳
|
4 |
+
colorFrom: red
|
5 |
+
colorTo: gray
|
6 |
sdk: static
|
7 |
pinned: false
|
8 |
+
tags:
|
9 |
+
- deepsite
|
10 |
---
|
11 |
|
12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
@@ -1,19 +1,172 @@
|
|
1 |
-
<!
|
2 |
-
<html>
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
+
<html lang="en">
|
3 |
+
<head>
|
4 |
+
<meta charset="UTF-8">
|
5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
+
<title>Hacker Code Generator</title>
|
7 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
8 |
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
9 |
+
<style>
|
10 |
+
@keyframes glitch {
|
11 |
+
0% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
|
12 |
+
25% { text-shadow: -2px 0 #ff00ff, 2px 0 #00ffff; }
|
13 |
+
50% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
|
14 |
+
75% { text-shadow: -2px 0 #ff00ff, 2px 0 #00ffff; }
|
15 |
+
100% { text-shadow: 2px 0 #ff00ff, -2px 0 #00ffff; }
|
16 |
+
}
|
17 |
+
.glitch-text {
|
18 |
+
animation: glitch 1s linear infinite;
|
19 |
+
}
|
20 |
+
.terminal {
|
21 |
+
font-family: 'Courier New', monospace;
|
22 |
+
background-color: #111;
|
23 |
+
color: #0f0;
|
24 |
+
border-radius: 5px;
|
25 |
+
padding: 20px;
|
26 |
+
height: 200px;
|
27 |
+
overflow-y: auto;
|
28 |
+
}
|
29 |
+
.terminal-line {
|
30 |
+
margin-bottom: 5px;
|
31 |
+
}
|
32 |
+
.cursor {
|
33 |
+
display: inline-block;
|
34 |
+
width: 10px;
|
35 |
+
height: 15px;
|
36 |
+
background-color: #0f0;
|
37 |
+
animation: blink 1s infinite;
|
38 |
+
}
|
39 |
+
@keyframes blink {
|
40 |
+
0%, 100% { opacity: 1; }
|
41 |
+
50% { opacity: 0; }
|
42 |
+
}
|
43 |
+
.hacker-card {
|
44 |
+
transition: all 0.3s;
|
45 |
+
border: 1px solid #333;
|
46 |
+
}
|
47 |
+
.hacker-card:hover {
|
48 |
+
transform: translateY(-5px);
|
49 |
+
box-shadow: 0 10px 20px rgba(0, 255, 0, 0.2);
|
50 |
+
border-color: #0f0;
|
51 |
+
}
|
52 |
+
</style>
|
53 |
+
</head>
|
54 |
+
<body class="bg-black text-white min-h-screen">
|
55 |
+
<div class="container mx-auto px-4 py-8">
|
56 |
+
<header class="text-center mb-12">
|
57 |
+
<h1 class="text-4xl md:text-6xl font-bold mb-4 glitch-text">HACKER CODE GENERATOR</h1>
|
58 |
+
<p class="text-gray-400 max-w-2xl mx-auto">Disclaimer: This is a simulation for educational purposes only. Generating actual coupon codes is illegal.</p>
|
59 |
+
</header>
|
60 |
+
|
61 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
|
62 |
+
<div class="hacker-card bg-gray-900 rounded-lg p-6">
|
63 |
+
<div class="flex items-center mb-4">
|
64 |
+
<i class="fas fa-code text-green-500 text-2xl mr-3"></i>
|
65 |
+
<h2 class="text-xl font-bold">Envato Elements</h2>
|
66 |
+
</div>
|
67 |
+
<div class="terminal mb-4">
|
68 |
+
<div class="terminal-line">> Initializing code generator...</div>
|
69 |
+
<div class="terminal-line">> Connecting to Envato API...</div>
|
70 |
+
<div class="terminal-line">> Bypassing security protocols...</div>
|
71 |
+
<div class="terminal-line" id="envato-status">> Ready to generate<span class="cursor"></span></div>
|
72 |
+
</div>
|
73 |
+
<button onclick="generateCode('envato')" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded flex items-center justify-center">
|
74 |
+
<i class="fas fa-bolt mr-2"></i> Generate Code
|
75 |
+
</button>
|
76 |
+
</div>
|
77 |
+
|
78 |
+
<div class="hacker-card bg-gray-900 rounded-lg p-6">
|
79 |
+
<div class="flex items-center mb-4">
|
80 |
+
<i class="fas fa-shopping-cart text-green-500 text-2xl mr-3"></i>
|
81 |
+
<h2 class="text-xl font-bold">CodeCanyon</h2>
|
82 |
+
</div>
|
83 |
+
<div class="terminal mb-4">
|
84 |
+
<div class="terminal-line">> Initializing code generator...</div>
|
85 |
+
<div class="terminal-line">> Connecting to CodeCanyon API...</div>
|
86 |
+
<div class="terminal-line">> Bypassing security protocols...</div>
|
87 |
+
<div class="terminal-line" id="codecanyon-status">> Ready to generate<span class="cursor"></span></div>
|
88 |
+
</div>
|
89 |
+
<button onclick="generateCode('codecanyon')" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded flex items-center justify-center">
|
90 |
+
<i class="fas fa-bolt mr-2"></i> Generate Code
|
91 |
+
</button>
|
92 |
+
</div>
|
93 |
+
</div>
|
94 |
+
|
95 |
+
<div class="bg-gray-900 rounded-lg p-6 mb-8">
|
96 |
+
<h2 class="text-xl font-bold mb-4 flex items-center">
|
97 |
+
<i class="fas fa-history text-green-500 mr-2"></i> Generated Codes History
|
98 |
+
</h2>
|
99 |
+
<div class="terminal" id="history-terminal">
|
100 |
+
<div class="terminal-line">> No codes generated yet</div>
|
101 |
+
</div>
|
102 |
+
</div>
|
103 |
+
|
104 |
+
<div class="bg-red-900 bg-opacity-30 border border-red-700 rounded-lg p-6">
|
105 |
+
<h2 class="text-xl font-bold mb-2 flex items-center">
|
106 |
+
<i class="fas fa-exclamation-triangle mr-2"></i> Legal Notice
|
107 |
+
</h2>
|
108 |
+
<p class="text-gray-300">
|
109 |
+
This is a fictional simulation created for educational purposes only. Generating or using unauthorized coupon codes is illegal and considered fraud. This website does not actually generate real coupon codes and is meant to demonstrate UI design concepts.
|
110 |
+
</p>
|
111 |
+
</div>
|
112 |
+
</div>
|
113 |
+
|
114 |
+
<script>
|
115 |
+
function generateCode(platform) {
|
116 |
+
const statusElement = document.getElementById(`${platform}-status`);
|
117 |
+
const historyTerminal = document.getElementById('history-terminal');
|
118 |
+
|
119 |
+
// Clear existing cursor
|
120 |
+
const existingCursor = statusElement.querySelector('.cursor');
|
121 |
+
if (existingCursor) existingCursor.remove();
|
122 |
+
|
123 |
+
// Simulate hacking process
|
124 |
+
statusElement.innerHTML = '> Initiating brute force attack...<span class="cursor"></span>';
|
125 |
+
|
126 |
+
setTimeout(() => {
|
127 |
+
statusElement.innerHTML = '> Cracking encryption...<span class="cursor"></span>';
|
128 |
+
|
129 |
+
setTimeout(() => {
|
130 |
+
statusElement.innerHTML = '> Bypassing firewall...<span class="cursor"></span>';
|
131 |
+
|
132 |
+
setTimeout(() => {
|
133 |
+
// Generate fake code
|
134 |
+
const fakeCode = `${platform.toUpperCase()}-${Math.random().toString(36).substring(2, 10).toUpperCase()}-${Math.random().toString(36).substring(2, 6).toUpperCase()}`;
|
135 |
+
statusElement.innerHTML = `> Success! Code: <span class="text-yellow-300">${fakeCode}</span><span class="cursor"></span>`;
|
136 |
+
|
137 |
+
// Add to history
|
138 |
+
if (historyTerminal.children[0].textContent.includes("No codes generated yet")) {
|
139 |
+
historyTerminal.innerHTML = '';
|
140 |
+
}
|
141 |
+
|
142 |
+
const newEntry = document.createElement('div');
|
143 |
+
newEntry.className = 'terminal-line';
|
144 |
+
newEntry.innerHTML = `> [${new Date().toLocaleTimeString()}] ${platform} code: <span class="text-yellow-300">${fakeCode}</span>`;
|
145 |
+
historyTerminal.prepend(newEntry);
|
146 |
+
|
147 |
+
}, 1000);
|
148 |
+
}, 1000);
|
149 |
+
}, 1000);
|
150 |
+
}
|
151 |
+
|
152 |
+
// Simulate terminal typing effect
|
153 |
+
document.addEventListener('DOMContentLoaded', function() {
|
154 |
+
const terminals = document.querySelectorAll('.terminal-line:not(:has(.cursor))');
|
155 |
+
terminals.forEach(terminal => {
|
156 |
+
const text = terminal.textContent;
|
157 |
+
terminal.textContent = '';
|
158 |
+
|
159 |
+
let i = 0;
|
160 |
+
const typing = setInterval(() => {
|
161 |
+
if (i < text.length) {
|
162 |
+
terminal.textContent += text.charAt(i);
|
163 |
+
i++;
|
164 |
+
} else {
|
165 |
+
clearInterval(typing);
|
166 |
+
}
|
167 |
+
}, 20);
|
168 |
+
});
|
169 |
+
});
|
170 |
+
</script>
|
171 |
+
<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>
|
172 |
+
</html>
|
prompts.txt
ADDED
@@ -0,0 +1 @@
|
|
|
|
|
1 |
+
hacker code d'achat envato et codecanyon
|