Hugging Face's logo

Spaces:
imbytegroup
/
zaglush
Running

App Files Community
imbytegroup commited on
Commit
40f71c6
·
verified ·
1 Parent(s): ab5855b

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +311 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Zaglush
3
- emoji: 📈
4
- colorFrom: green
5
- colorTo: green
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: zaglush
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
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,311 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>SYSTEM LOCKED</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.1/build/qrcode.min.js"></script>
9
+ <style>
10
+ @font-face {
11
+ font-family: 'Matrix';
12
+ src: url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
13
+ }
14
+ body {
15
+ background-color: #000;
16
+ color: #00FF00;
17
+ font-family: 'Courier New', monospace;
18
+ cursor: none;
19
+ overflow: hidden;
20
+ touch-action: manipulation;
21
+ }
22
+ .matrix-rain {
23
+ position: absolute;
24
+ color: rgba(0, 255, 0, 0.1);
25
+ writing-mode: vertical-rl;
26
+ text-orientation: mixed;
27
+ user-select: none;
28
+ pointer-events: none;
29
+ }
30
+ .glitch-effect {
31
+ text-shadow: 0 0 2px #00FF00, 0 0 5px #00FF00;
32
+ animation: glitch 2s infinite linear alternate;
33
+ }
34
+ .cursor-blink {
35
+ animation: blink 1s step-end infinite;
36
+ }
37
+ @keyframes blink {
38
+ 0%, 100% { opacity: 1; }
39
+ 50% { opacity: 0; }
40
+ }
41
+ @keyframes glitch {
42
+ 0% { text-shadow: 0 0 2px #00FF00; }
43
+ 25% { text-shadow: 2px 0 2px #FF00FF; }
44
+ 50% { text-shadow: -2px 0 2px #00FFFF; }
45
+ 75% { text-shadow: 0 2px 2px #FFFF00; }
46
+ 100% { text-shadow: 0 -2px 2px #FFFFFF; }
47
+ }
48
+ .progress-gradient {
49
+ background: linear-gradient(90deg, #003300, #00FF00, #003300);
50
+ background-size: 200% 100%;
51
+ animation: gradient 3s infinite linear;
52
+ }
53
+ @keyframes gradient {
54
+ 0% { background-position: 0% 50%; }
55
+ 100% { background-position: 100% 50%; }
56
+ }
57
+ .terminal-line {
58
+ border-left: 2px solid #00FF00;
59
+ padding-left: 10px;
60
+ margin: 5px 0;
61
+ }
62
+ </style>
63
+ </head>
64
+ <body class="relative w-full h-screen flex items-center justify-center" id="main">
65
+ <!-- Matrix rain effect -->
66
+ <div id="matrixRain" class="absolute inset-0 w-full h-full z-0"></div>
67
+
68
+ <!-- Main console -->
69
+ <div class="relative z-10 p-6 border border-green-500 bg-black bg-opacity-80 max-w-xl w-full mx-4 text-green-500 glow" id="console">
70
+ <div class="text-center mb-6">
71
+ ╔════════════════════════════════════════════╗
72
+ </div>
73
+
74
+ <div class="text-center mb-2">
75
+ ║ >> ACCESS DENIED. SYSTEM UNDER CONSTRUCTION ║
76
+ </div>
77
+
78
+ <div class="text-center mb-6">
79
+ ║ ║
80
+ </div>
81
+
82
+ <div class="flex items-center mb-2 px-6">
83
+ <span class="w-8">║</span>
84
+ <div class="flex-1 h-4 bg-gray-900 mx-2">
85
+ <div class="h-full progress-gradient w-full" style="width: 87%;"></div>
86
+ </div>
87
+ <span id="percentage" class="w-12">87%</span>
88
+ <span class="w-8">║</span>
89
+ </div>
90
+
91
+ <div class="text-center mb-6">
92
+ ║ ║
93
+ </div>
94
+
95
+ <div class="text-center mb-2 terminal-line">
96
+ ║ COMING SOON<span class="cursor-blink">_</span> ║
97
+ </div>
98
+
99
+ <div class="text-center mb-6">
100
+ ║ ║
101
+ </div>
102
+
103
+ <div class="terminal-line pl-8 mb-2">
104
+ ║ // SYSADMIN MESSAGE: ║
105
+ </div>
106
+ <div class="terminal-line pl-8 mb-2">
107
+ ║ // We're building something next-level ║
108
+ </div>
109
+ <div class="terminal-line pl-8 mb-6">
110
+ ║ // [BOTS][AI][P2E] ║
111
+ </div>
112
+
113
+ <div class="text-center">
114
+ ╚════════════════════════════════════════════╝
115
+ </div>
116
+
117
+ <div id="hiddenMessage" class="text-center mt-6 opacity-0 transition-opacity duration-300 text-blue-400">
118
+ >_ Initiating cyber-protocol... authentication required
119
+ </div>
120
+
121
+ <div id="hackMessage" class="hidden absolute inset-0 bg-black bg-opacity-90 flex items-center justify-center text-red-500 font-bold text-xl p-4"></div>
122
+
123
+ <div id="qrCode" class="hidden absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-4">
124
+ <canvas id="qrCanvas"></canvas>
125
+ <div class="text-black text-center mt-2 font-mono">TG: @cyber_dev</div>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Hex flashes -->
130
+ <div id="hexFlashes" class="absolute inset-0 pointer-events-none"></div>
131
+
132
+ <script>
133
+ // Matrix rain effect
134
+ function createMatrixRain() {
135
+ const container = document.getElementById('matrixRain');
136
+ const chars = "01";
137
+ const width = window.innerWidth;
138
+ const columns = Math.floor(width / 20);
139
+
140
+ for (let i = 0; i < columns; i++) {
141
+ const col = document.createElement('div');
142
+ col.className = 'matrix-rain';
143
+ col.style.left = `${(i * 100 / columns)}%`;
144
+ col.style.animationDelay = `${Math.random() * 2}s`;
145
+ col.style.animationDuration = `${5 + Math.random() * 10}s`;
146
+
147
+ let content = '';
148
+ const rows = 30 + Math.floor(Math.random() * 30);
149
+ for (let j = 0; j < rows; j++) {
150
+ content += chars.charAt(Math.floor(Math.random() * chars.length));
151
+ }
152
+
153
+ col.textContent = content;
154
+ container.appendChild(col);
155
+ }
156
+ }
157
+
158
+ // Animation progress bar percentage
159
+ function animateProgress() {
160
+ let percent = 87;
161
+ const element = document.getElementById('percentage');
162
+
163
+ setInterval(() => {
164
+ percent = (percent + 1) % 101;
165
+ if (percent === 0) percent = 87;
166
+ element.textContent = `${percent}%`;
167
+
168
+ const bar = document.querySelector('.progress-gradient');
169
+ if (bar) {
170
+ bar.style.width = `${percent}%`;
171
+ }
172
+ }, 100);
173
+ }
174
+
175
+ // Random hex flashes
176
+ function createHexFlashes() {
177
+ const container = document.getElementById('hexFlashes');
178
+
179
+ function createFlash() {
180
+ const flash = document.createElement('div');
181
+ flash.className = 'absolute text-xs opacity-0';
182
+ flash.textContent = `0x${Math.floor(Math.random() * 0xFFFFFFFF).toString(16).toUpperCase()}`;
183
+ flash.style.left = `${10 + Math.random() * 80}%`;
184
+ flash.style.top = `${10 + Math.random() * 80}%`;
185
+
186
+ // Animation
187
+ flash.animate([
188
+ { opacity: 0, transform: 'scale(1)' },
189
+ { opacity: 0.7, transform: 'scale(1.5)' },
190
+ { opacity: 0, transform: 'scale(1)' }
191
+ ], {
192
+ duration: 1000 + Math.random() * 2000,
193
+ iterations: 1
194
+ });
195
+
196
+ container.appendChild(flash);
197
+ setTimeout(() => flash.remove(), 3000);
198
+ }
199
+
200
+ setInterval(createFlash, 500);
201
+ }
202
+
203
+ // Hover effects
204
+ function setupHoverEffects() {
205
+ const consoleElement = document.getElementById('console');
206
+ const hiddenMessage = document.getElementById('hiddenMessage');
207
+
208
+ consoleElement.addEventListener('mouseenter', () => {
209
+ hiddenMessage.style.opacity = '1';
210
+
211
+ // Speed up matrix rain
212
+ const columns = document.querySelectorAll('.matrix-rain');
213
+ columns.forEach(col => {
214
+ col.style.animationDuration = '2s';
215
+ });
216
+ });
217
+
218
+ consoleElement.addEventListener('mouseleave', () => {
219
+ hiddenMessage.style.opacity = '0';
220
+
221
+ // Reset matrix speed
222
+ const columns = document.querySelectorAll('.matrix-rain');
223
+ columns.forEach(col => {
224
+ col.style.animationDuration = `${5 + Math.random() * 10}s`;
225
+ });
226
+ });
227
+ }
228
+
229
+ // Click hack effect
230
+ function setupClickEffect() {
231
+ const consoleElement = document.getElementById('console');
232
+ const hackMessage = document.getElementById('hackMessage');
233
+
234
+ consoleElement.addEventListener('click', () => {
235
+ // Show hack message
236
+ hackMessage.classList.remove('hidden');
237
+ hackMessage.innerHTML = `
238
+ <div class="text-center">
239
+ <div class="terminal-line">>_ ACCESS DENIED [ERROR 0x1F]</div>
240
+ <div class="terminal-line">>_ Initiating countermeasures...</div>
241
+ <div class="terminal-line">>_ Trace route activated</div>
242
+ </div>
243
+ `;
244
+
245
+ // Mobile vibration
246
+ if ('vibrate' in navigator) {
247
+ navigator.vibrate([200, 100, 200]);
248
+ }
249
+
250
+ // Hide after delay
251
+ setTimeout(() => {
252
+ hackMessage.classList.add('hidden');
253
+ }, 2000);
254
+ });
255
+ }
256
+
257
+ // Easter egg: Alt+0101
258
+ function setupEasterEgg() {
259
+ const sequence = ['Alt', '0', '1', '0', '1'];
260
+ let sequenceIndex = 0;
261
+
262
+ document.addEventListener('keydown', (e) => {
263
+ const key = (e.key === 'Alt') ? 'Alt' : e.key;
264
+
265
+ if (key === sequence[sequenceIndex]) {
266
+ sequenceIndex++;
267
+
268
+ if (sequenceIndex === sequence.length) {
269
+ sequenceIndex = 0;
270
+ showQrCode();
271
+ }
272
+ } else {
273
+ sequenceIndex = 0;
274
+ }
275
+ });
276
+ }
277
+
278
+ // Show QR code
279
+ function showQrCode() {
280
+ const qrCode = document.getElementById('qrCode');
281
+ const qrCanvas = document.getElementById('qrCanvas');
282
+
283
+ QRCode.toCanvas(qrCanvas, 'https://t.me/cyber_dev', {
284
+ width: 200,
285
+ color: {
286
+ dark: '#000',
287
+ light: '#fff'
288
+ }
289
+ }, (error) => {
290
+ if (error) console.error(error);
291
+ });
292
+
293
+ qrCode.classList.remove('hidden');
294
+
295
+ setTimeout(() => {
296
+ qrCode.classList.add('hidden');
297
+ }, 5000);
298
+ }
299
+
300
+ // Initialize all effects
301
+ window.addEventListener('DOMContentLoaded', () => {
302
+ createMatrixRain();
303
+ animateProgress();
304
+ createHexFlashes();
305
+ setupHoverEffects();
306
+ setupClickEffect();
307
+ setupEasterEgg();
308
+ });
309
+ </script>
310
+ <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=imbytegroup/zaglush" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
311
+ </html>