Hugging Face's logo

Spaces:
sky-meilin
/
anycoder-778fb29a
Running

App Files Community
sky-meilin commited on
Commit
b68f509
·
verified ·
1 Parent(s): 25eb1eb

Upload folder using huggingface_hub

Browse files
Files changed (1) hide show
  1. index.html +432 -19
index.html CHANGED
@@ -1,19 +1,432 @@
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>Sky Liberator 5.0 - Script Downloader</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <style>
9
+ :root {
10
+ --primary: #4a6bff;
11
+ --primary-dark: #3a5bef;
12
+ --secondary: #f8f9fa;
13
+ --text: #333;
14
+ --text-light: #666;
15
+ --warning: #ffc107;
16
+ --danger: #dc3545;
17
+ --success: #28a745;
18
+ --border-radius: 12px;
19
+ --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
20
+ --transition: all 0.3s ease;
21
+ }
22
+
23
+ * {
24
+ margin: 0;
25
+ padding: 0;
26
+ box-sizing: border-box;
27
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
28
+ }
29
+
30
+ body {
31
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
32
+ min-height: 100vh;
33
+ display: flex;
34
+ flex-direction: column;
35
+ align-items: center;
36
+ padding: 20px;
37
+ color: var(--text);
38
+ line-height: 1.6;
39
+ }
40
+
41
+ header {
42
+ width: 100%;
43
+ max-width: 1200px;
44
+ display: flex;
45
+ justify-content: space-between;
46
+ align-items: center;
47
+ margin-bottom: 30px;
48
+ padding-bottom: 20px;
49
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1);
50
+ }
51
+
52
+ .logo {
53
+ display: flex;
54
+ align-items: center;
55
+ gap: 10px;
56
+ text-decoration: none;
57
+ color: var(--text);
58
+ }
59
+
60
+ .logo i {
61
+ font-size: 2rem;
62
+ color: var(--primary);
63
+ }
64
+
65
+ .logo span {
66
+ font-weight: 600;
67
+ font-size: 1.5rem;
68
+ }
69
+
70
+ .anycoder-link {
71
+ font-size: 0.9rem;
72
+ color: var(--text-light);
73
+ text-decoration: none;
74
+ transition: var(--transition);
75
+ }
76
+
77
+ .anycoder-link:hover {
78
+ color: var(--primary);
79
+ }
80
+
81
+ .container {
82
+ width: 100%;
83
+ max-width: 800px;
84
+ background: white;
85
+ border-radius: var(--border-radius);
86
+ box-shadow: var(--box-shadow);
87
+ padding: 30px;
88
+ margin-bottom: 30px;
89
+ }
90
+
91
+ h1 {
92
+ text-align: center;
93
+ margin-bottom: 20px;
94
+ color: var(--primary);
95
+ font-weight: 700;
96
+ font-size: 2rem;
97
+ }
98
+
99
+ .description {
100
+ text-align: center;
101
+ margin-bottom: 30px;
102
+ color: var(--text-light);
103
+ font-size: 1.1rem;
104
+ }
105
+
106
+ .warning-box {
107
+ background: rgba(255, 193, 7, 0.1);
108
+ border-left: 4px solid var(--warning);
109
+ padding: 15px;
110
+ margin-bottom: 30px;
111
+ border-radius: 0 var(--border-radius) var(--border-radius) 0;
112
+ display: flex;
113
+ align-items: start;
114
+ gap: 10px;
115
+ }
116
+
117
+ .warning-box i {
118
+ color: var(--warning);
119
+ margin-top: 3px;
120
+ }
121
+
122
+ .warning-box p {
123
+ margin: 0;
124
+ font-size: 0.95rem;
125
+ }
126
+
127
+ .code-block {
128
+ background: #f8f9fa;
129
+ border-radius: var(--border-radius);
130
+ padding: 20px;
131
+ margin: 20px 0;
132
+ font-family: 'Courier New', Courier, monospace;
133
+ font-size: 0.9rem;
134
+ overflow-x: auto;
135
+ position: relative;
136
+ }
137
+
138
+ .code-block::before {
139
+ content: "Command";
140
+ position: absolute;
141
+ top: -10px;
142
+ left: 20px;
143
+ background: white;
144
+ padding: 0 10px;
145
+ font-size: 0.8rem;
146
+ color: var(--text-light);
147
+ }
148
+
149
+ .code-block pre {
150
+ margin: 0;
151
+ white-space: pre-wrap;
152
+ word-wrap: break-word;
153
+ }
154
+
155
+ .btn {
156
+ display: inline-block;
157
+ padding: 12px 24px;
158
+ background: var(--primary);
159
+ color: white;
160
+ border: none;
161
+ border-radius: var(--border-radius);
162
+ font-weight: 600;
163
+ cursor: pointer;
164
+ transition: var(--transition);
165
+ text-decoration: none;
166
+ text-align: center;
167
+ font-size: 1rem;
168
+ }
169
+
170
+ .btn:hover {
171
+ background: var(--primary-dark);
172
+ transform: translateY(-2px);
173
+ }
174
+
175
+ .btn:disabled {
176
+ background: #cccccc;
177
+ cursor: not-allowed;
178
+ transform: none;
179
+ }
180
+
181
+ .btn-danger {
182
+ background: var(--danger);
183
+ }
184
+
185
+ .btn-danger:hover {
186
+ background: #c82333;
187
+ }
188
+
189
+ .btn-group {
190
+ display: flex;
191
+ gap: 15px;
192
+ margin-top: 30px;
193
+ flex-wrap: wrap;
194
+ justify-content: center;
195
+ }
196
+
197
+ .status {
198
+ margin-top: 30px;
199
+ padding: 15px;
200
+ border-radius: var(--border-radius);
201
+ text-align: center;
202
+ display: none;
203
+ }
204
+
205
+ .status-success {
206
+ background: rgba(40, 167, 69, 0.1);
207
+ color: var(--success);
208
+ display: block;
209
+ }
210
+
211
+ .status-error {
212
+ background: rgba(220, 53, 69, 0.1);
213
+ color: var(--danger);
214
+ display: block;
215
+ }
216
+
217
+ .progress-container {
218
+ margin-top: 20px;
219
+ display: none;
220
+ }
221
+
222
+ .progress-bar {
223
+ height: 6px;
224
+ background: #e9ecef;
225
+ border-radius: 3px;
226
+ overflow: hidden;
227
+ }
228
+
229
+ .progress {
230
+ height: 100%;
231
+ background: var(--primary);
232
+ width: 0%;
233
+ transition: width 0.3s ease;
234
+ }
235
+
236
+ .instructions {
237
+ margin-top: 30px;
238
+ padding: 20px;
239
+ background: var(--secondary);
240
+ border-radius: var(--border-radius);
241
+ }
242
+
243
+ .instructions h3 {
244
+ margin-bottom: 15px;
245
+ color: var(--primary);
246
+ }
247
+
248
+ .instructions ol {
249
+ padding-left: 20px;
250
+ }
251
+
252
+ .instructions li {
253
+ margin-bottom: 10px;
254
+ }
255
+
256
+ footer {
257
+ width: 100%;
258
+ max-width: 1200px;
259
+ text-align: center;
260
+ padding: 20px;
261
+ color: var(--text-light);
262
+ font-size: 0.9rem;
263
+ }
264
+
265
+ @media (max-width: 768px) {
266
+ .container {
267
+ padding: 20px;
268
+ }
269
+
270
+ .btn-group {
271
+ flex-direction: column;
272
+ }
273
+
274
+ .btn {
275
+ width: 100%;
276
+ }
277
+
278
+ header {
279
+ flex-direction: column;
280
+ gap: 15px;
281
+ text-align: center;
282
+ }
283
+
284
+ .logo {
285
+ justify-content: center;
286
+ }
287
+ }
288
+
289
+ @media (max-width: 480px) {
290
+ h1 {
291
+ font-size: 1.5rem;
292
+ }
293
+
294
+ .description {
295
+ font-size: 1rem;
296
+ }
297
+ }
298
+ </style>
299
+ </head>
300
+ <body>
301
+ <header>
302
+ <a href="#" class="logo">
303
+ <i class="fas fa-cloud-download-alt"></i>
304
+ <span>Sky Liberator</span>
305
+ </a>
306
+ <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link" target="_blank">
307
+ <i class="fas fa-code"></i> Built with anycoder
308
+ </a>
309
+ </header>
310
+
311
+ <div class="container">
312
+ <h1>Sky Liberator 5.0</h1>
313
+ <p class="description">Download and execute the latest version of the Sky Liberator script</p>
314
+
315
+ <div class="warning-box">
316
+ <i class="fas fa-exclamation-triangle"></i>
317
+ <p><strong>Security Warning:</strong> This script will be downloaded and made executable. Only proceed if you trust the source. We are not responsible for any damage caused by executing this script.</p>
318
+ </div>
319
+
320
+ <div class="code-block">
321
+ <pre>wget https://raw.githubusercontent.com/YOUR_USERNAME/sky-liberator/main/sky_liberator_5.0.sh
322
+ chmod +x sky_liberator_5.0.sh</pre>
323
+ </div>
324
+
325
+ <div class="btn-group">
326
+ <button id="downloadBtn" class="btn">
327
+ <i class="fas fa-download"></i> Download Script
328
+ </button>
329
+ <button id="executeBtn" class="btn btn-danger" disabled>
330
+ <i class="fas fa-play"></i> Make Executable
331
+ </button>
332
+ </div>
333
+
334
+ <div class="progress-container" id="progressContainer">
335
+ <div class="progress-bar">
336
+ <div class="progress" id="progressBar"></div>
337
+ </div>
338
+ </div>
339
+
340
+ <div class="status" id="statusMessage"></div>
341
+
342
+ <div class="instructions">
343
+ <h3>Manual Instructions</h3>
344
+ <ol>
345
+ <li>Open your terminal</li>
346
+ <li>Run the commands shown above</li>
347
+ <li>The first command downloads the script</li>
348
+ <li>The second command makes it executable</li>
349
+ <li>You can then run the script with: <code>./sky_liberator_5.0.sh</code></li>
350
+ </ol>
351
+ </div>
352
+ </div>
353
+
354
+ <footer>
355
+ <p>© 2023 Sky Liberator. All rights reserved. | This tool is for educational purposes only.</p>
356
+ </footer>
357
+
358
+ <script>
359
+ document.addEventListener('DOMContentLoaded', function() {
360
+ const downloadBtn = document.getElementById('downloadBtn');
361
+ const executeBtn = document.getElementById('executeBtn');
362
+ const statusMessage = document.getElementById('statusMessage');
363
+ const progressContainer = document.getElementById('progressContainer');
364
+ const progressBar = document.getElementById('progressBar');
365
+
366
+ let downloadComplete = false;
367
+
368
+ // Simulate download process
369
+ downloadBtn.addEventListener('click', function() {
370
+ downloadBtn.disabled = true;
371
+ downloadBtn.textContent = 'Downloading...';
372
+
373
+ progressContainer.style.display = 'block';
374
+ let progress = 0;
375
+ const interval = setInterval(() => {
376
+ progress += Math.random() * 10;
377
+ if (progress > 90) {
378
+ progress = 90;
379
+ }
380
+ progressBar.style.width = progress + '%';
381
+
382
+ if (progress >= 90) {
383
+ clearInterval(interval);
384
+ setTimeout(() => {
385
+ progressBar.style.width = '100%';
386
+ downloadBtn.textContent = 'Download Complete';
387
+ downloadBtn.disabled = true;
388
+ executeBtn.disabled = false;
389
+ downloadComplete = true;
390
+
391
+ statusMessage.textContent = 'Script downloaded successfully!';
392
+ statusMessage.className = 'status status-success';
393
+ }, 500);
394
+ }
395
+ }, 300);
396
+ });
397
+
398
+ // Simulate making executable
399
+ executeBtn.addEventListener('click', function() {
400
+ if (!downloadComplete) return;
401
+
402
+ executeBtn.disabled = true;
403
+ executeBtn.textContent = 'Processing...';
404
+
405
+ setTimeout(() => {
406
+ executeBtn.textContent = 'Script is Executable';
407
+ statusMessage.textContent = 'Script is now executable. You can run it with: ./sky_liberator_5.0.sh';
408
+ statusMessage.className = 'status status-success';
409
+
410
+ // Create a fake terminal output effect
411
+ const terminalOutput = document.createElement('div');
412
+ terminalOutput.style.marginTop = '20px';
413
+ terminalOutput.style.padding = '15px';
414
+ terminalOutput.style.background = '#000';
415
+ terminalOutput.style.color = '#0f0';
416
+ terminalOutput.style.borderRadius = 'var(--border-radius)';
417
+ terminalOutput.style.fontFamily = 'monospace';
418
+ terminalOutput.style.whiteSpace = 'pre';
419
+ terminalOutput.textContent = `$ chmod +x sky_liberator_5.0.sh\n$ ./sky_liberator_5.0.sh\n[Sky Liberator 5.0] Initializing...\n[Sky Liberator 5.0] Ready!`;
420
+
421
+ const btnGroup = document.querySelector('.btn-group');
422
+ btnGroup.parentNode.insertBefore(terminalOutput, btnGroup.nextSibling);
423
+ }, 1500);
424
+ });
425
+
426
+ // Add tooltip for buttons
427
+ downloadBtn.title = 'Download the sky_liberator_5.0.sh script';
428
+ executeBtn.title = 'Make the downloaded script executable';
429
+ });
430
+ </script>
431
+ </body>
432
+ </html>