Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <title>Streamtape to HF Storage</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| body { background-color: #f4f4f9; padding-top: 50px; } | |
| .container { max-width: 600px; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } | |
| .file-list { margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h2 class="text-center mb-4">Streamtape Downloader</h2> | |
| {% if error %} | |
| <div class="alert alert-danger">{{ error }}</div> | |
| {% endif %} | |
| {% if message %} | |
| <div class="alert alert-success">{{ message }}</div> | |
| {% endif %} | |
| <form action="/download" method="post"> | |
| <div class="mb-3"> | |
| <label for="url" class="form-label">Streamtape Video URL</label> | |
| <input type="text" class="form-control" id="url" name="url" placeholder="https://streamtape.com/v/..." required> | |
| </div> | |
| <div class="mb-3"> | |
| <label for="filename" class="form-label">Save As (Filename)</label> | |
| <input type="text" class="form-control" id="filename" name="filename" placeholder="my_video.mp4" required> | |
| </div> | |
| <button type="submit" class="btn btn-primary w-100">Start Download</button> | |
| </form> | |
| <div class="file-list"> | |
| <h4>Files in Storage (/data)</h4> | |
| {% if files %} | |
| <ul class="list-group"> | |
| {% for file in files %} | |
| <li class="list-group-item">{{ file }}</li> | |
| {% endfor %} | |
| </ul> | |
| {% else %} | |
| <p class="text-muted">No files downloaded yet.</p> | |
| {% endif %} | |
| <div class="mt-3"> | |
| <a href="/" class="btn btn-sm btn-outline-secondary">Refresh List</a> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |