Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -72,7 +72,6 @@ HTML_CONTENT = """
|
|
72 |
text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
|
73 |
}
|
74 |
|
75 |
-
/* Buttons */
|
76 |
.btn {
|
77 |
display: inline-block;
|
78 |
position: relative;
|
@@ -116,7 +115,6 @@ HTML_CONTENT = """
|
|
116 |
transform: scale(0.98);
|
117 |
}
|
118 |
|
119 |
-
/* Small Buttons */
|
120 |
.small-btn {
|
121 |
padding: 6px 12px;
|
122 |
font-size: 0.8rem;
|
@@ -153,7 +151,6 @@ HTML_CONTENT = """
|
|
153 |
transform: scale(0.98);
|
154 |
}
|
155 |
|
156 |
-
/* Drop Zone */
|
157 |
.drop-zone {
|
158 |
position: relative;
|
159 |
padding: 20px;
|
@@ -200,7 +197,6 @@ HTML_CONTENT = """
|
|
200 |
word-break: break-all;
|
201 |
}
|
202 |
|
203 |
-
/* Progress Bar */
|
204 |
.progress-container {
|
205 |
display: none;
|
206 |
margin-top: 1.5rem;
|
@@ -222,7 +218,6 @@ HTML_CONTENT = """
|
|
222 |
transition: width 0.3s ease;
|
223 |
}
|
224 |
|
225 |
-
/* Loading Spinner */
|
226 |
.loading-spinner {
|
227 |
display: none;
|
228 |
width: 40px;
|
@@ -239,7 +234,6 @@ HTML_CONTENT = """
|
|
239 |
100% { transform: rotate(360deg); }
|
240 |
}
|
241 |
|
242 |
-
/* Result Container */
|
243 |
.result-container {
|
244 |
display: none;
|
245 |
margin-top: 1.5rem;
|
@@ -272,7 +266,6 @@ HTML_CONTENT = """
|
|
272 |
color: #aaa;
|
273 |
}
|
274 |
|
275 |
-
/* Modal Styles */
|
276 |
.modal {
|
277 |
display: none;
|
278 |
position: fixed;
|
@@ -336,7 +329,6 @@ HTML_CONTENT = """
|
|
336 |
margin-right: 10px;
|
337 |
}
|
338 |
|
339 |
-
/* Media Queries */
|
340 |
@media (max-width: 480px) {
|
341 |
.container {
|
342 |
padding: 2rem 1rem;
|
@@ -391,7 +383,7 @@ HTML_CONTENT = """
|
|
391 |
<div class="modal-content">
|
392 |
<span class="close">×</span>
|
393 |
<h2>Embed Video Link</h2>
|
394 |
-
<p>
|
395 |
<div class="embed-container">
|
396 |
<input type="text" id="embedLink" readonly>
|
397 |
<button onclick="copyEmbedLink()" class="small-btn copy-embed-btn">Copy</button>
|
@@ -463,7 +455,6 @@ HTML_CONTENT = """
|
|
463 |
fileName.textContent = file.name;
|
464 |
uploadBtn.style.display = 'inline-block';
|
465 |
|
466 |
-
// Create a new FileList containing only the selected file
|
467 |
const dataTransfer = new DataTransfer();
|
468 |
dataTransfer.items.add(file);
|
469 |
fileInput.files = dataTransfer.files;
|
|
|
72 |
text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
|
73 |
}
|
74 |
|
|
|
75 |
.btn {
|
76 |
display: inline-block;
|
77 |
position: relative;
|
|
|
115 |
transform: scale(0.98);
|
116 |
}
|
117 |
|
|
|
118 |
.small-btn {
|
119 |
padding: 6px 12px;
|
120 |
font-size: 0.8rem;
|
|
|
151 |
transform: scale(0.98);
|
152 |
}
|
153 |
|
|
|
154 |
.drop-zone {
|
155 |
position: relative;
|
156 |
padding: 20px;
|
|
|
197 |
word-break: break-all;
|
198 |
}
|
199 |
|
|
|
200 |
.progress-container {
|
201 |
display: none;
|
202 |
margin-top: 1.5rem;
|
|
|
218 |
transition: width 0.3s ease;
|
219 |
}
|
220 |
|
|
|
221 |
.loading-spinner {
|
222 |
display: none;
|
223 |
width: 40px;
|
|
|
234 |
100% { transform: rotate(360deg); }
|
235 |
}
|
236 |
|
|
|
237 |
.result-container {
|
238 |
display: none;
|
239 |
margin-top: 1.5rem;
|
|
|
266 |
color: #aaa;
|
267 |
}
|
268 |
|
|
|
269 |
.modal {
|
270 |
display: none;
|
271 |
position: fixed;
|
|
|
329 |
margin-right: 10px;
|
330 |
}
|
331 |
|
|
|
332 |
@media (max-width: 480px) {
|
333 |
.container {
|
334 |
padding: 2rem 1rem;
|
|
|
383 |
<div class="modal-content">
|
384 |
<span class="close">×</span>
|
385 |
<h2>Embed Video Link</h2>
|
386 |
+
<p>copy the link to embed it on discord:</p>
|
387 |
<div class="embed-container">
|
388 |
<input type="text" id="embedLink" readonly>
|
389 |
<button onclick="copyEmbedLink()" class="small-btn copy-embed-btn">Copy</button>
|
|
|
455 |
fileName.textContent = file.name;
|
456 |
uploadBtn.style.display = 'inline-block';
|
457 |
|
|
|
458 |
const dataTransfer = new DataTransfer();
|
459 |
dataTransfer.items.add(file);
|
460 |
fileInput.files = dataTransfer.files;
|