Spaces:
Running
Running
| <html lang="ar" dir="rtl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Upload Bot Dashboard{% endblock %}</title> | |
| <script src="https://unpkg.com/htmx.org@1.9.10" integrity="sha384-0f52adf7d090303b957ada0bd65ad8c20e6dfbd41d1deecd2d7fd2a096245c315f5f7ee2227291cb9c4b4a2f273bb502" crossorigin="anonymous"></script> | |
| <script src="https://cdn.tailwindcss.com" integrity="sha384-8a09b905e881b77e9453882ac164bb8a66267a5a53b19950e391597fe5c19fd32e25b9f89d0afbcb1d72172768702fca" crossorigin="anonymous"></script> | |
| <script> | |
| tailwind.config = { theme: { extend: { colors: { primary: '#ff6b6b' } } } } | |
| </script> | |
| <style> | |
| body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } | |
| .stat-card { transition: transform 0.2s, box-shadow 0.2s; } | |
| .stat-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } | |
| @media (prefers-color-scheme: dark) { | |
| body { background-color: #1a1a2e; color: #e0e0e0; } | |
| .bg-white { background-color: #16213e; } | |
| .text-gray-800 { color: #e0e0e0; } | |
| .text-gray-500 { color: #a0a0b0; } | |
| .hover\:bg-gray-50:hover { background-color: #1a1a3e; } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 text-gray-800"> | |
| <nav class="bg-gradient-to-r from-red-500 to-pink-600 text-white p-4 shadow-lg"> | |
| <div class="container mx-auto flex justify-between items-center"> | |
| <a href="/" class="text-2xl font-bold">📤 Upload Bot</a> | |
| <span class="text-sm opacity-80">Dashboard</span> | |
| </div> | |
| </nav> | |
| <main class="container mx-auto p-4"> | |
| {% block content %}{% endblock %} | |
| </main> | |
| </body> | |
| </html> | |