Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Telegram to YouTube Uploader{% endblock %}</title> | |
| <!-- Bootstrap CSS (CDN) --> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <!-- Optional: Add your own CSS here --> | |
| <style> | |
| body { | |
| padding-top: 20px; | |
| } | |
| .log-container { | |
| height: 300px; | |
| overflow-y: auto; | |
| background-color: #f8f9fa; | |
| border: 1px solid #dee2e6; | |
| padding: 10px; | |
| font-family: monospace; | |
| font-size: 0.9em; | |
| } | |
| .status-card { | |
| margin-bottom: 20px; | |
| } | |
| .confirmation-prompt { | |
| animation: fadeIn 0.5s; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; } | |
| to { opacity: 1; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <nav class="navbar navbar-expand-lg navbar-light bg-light mb-4"> | |
| <div class="container-fluid"> | |
| <a class="navbar-brand" href="{{ url_for('dashboard') }}">TG2YT Uploader</a> | |
| <div class="d-flex"> | |
| {% if session.user_authenticated %} | |
| <a class="btn btn-outline-secondary" href="{{ url_for('logout') }}">Logout</a> | |
| {% endif %} | |
| </div> | |
| </div> | |
| </nav> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| {% for category, message in messages %} | |
| <div class="alert alert-{{ 'danger' if category == 'error' else category }} alert-dismissible fade show" role="alert"> | |
| {{ message }} | |
| <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> | |
| </div> | |
| {% endfor %} | |
| {% endif %} | |
| {% endwith %} | |
| {% block content %}{% endblock %} | |
| </div> | |
| <!-- Bootstrap JS Bundle with Popper (CDN) --> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| <!-- Optional: Add your own JavaScript here --> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> |