Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | |
| <title>TalentIQ ATS — {% block title %}{% endblock %}</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/> | |
| <style> | |
| body { font-family: 'Inter', sans-serif; } | |
| .gradient-bg { background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%); } | |
| .card-hover { transition: all 0.3s ease; } | |
| .card-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 40px rgba(79,70,229,0.15); } | |
| .score-high { background: #d1fae5; color: #065f46; } | |
| .score-mid { background: #fef3c7; color: #92400e; } | |
| .score-low { background: #fee2e2; color: #991b1b; } | |
| .status-badge { padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; text-transform: uppercase; } | |
| .status-scheduled { background: #dbeafe; color: #1e40af; } | |
| .status-shortlisted { background: #d1fae5; color: #065f46; } | |
| .status-rejected { background: #fee2e2; color: #991b1b; } | |
| .status-pending { background: #f3f4f6; color: #6b7280; } | |
| .progress-bar { height: 8px; border-radius: 999px; background: #e5e7eb; overflow: hidden; } | |
| .progress-fill { height: 100%; border-radius: 999px; transition: width 1s ease; } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 min-h-screen"> | |
| <!-- NAVBAR --> | |
| <nav class="gradient-bg shadow-lg sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex items-center justify-between h-16"> | |
| <a href="/" class="flex items-center gap-3"> | |
| <div class="w-9 h-9 bg-white bg-opacity-20 rounded-xl flex items-center justify-center text-white font-bold text-lg">🎯</div> | |
| <span class="text-white font-bold text-xl tracking-tight">TalentIQ <span class="font-light opacity-80">ATS</span></span> | |
| </a> | |
| <div class="flex items-center gap-2"> | |
| <a href="/dashboard" class="text-white text-opacity-90 hover:text-white hover:bg-white hover:bg-opacity-10 px-4 py-2 rounded-lg text-sm font-medium transition">Dashboard</a> | |
| <a href="/upload" class="bg-white text-indigo-600 hover:bg-opacity-90 px-4 py-2 rounded-lg text-sm font-semibold transition shadow">+ Upload Resumes</a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- CONTENT --> | |
| <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> | |
| {% with messages = get_flashed_messages(with_categories=true) %} | |
| {% if messages %} | |
| {% for cat, msg in messages %} | |
| <div class="mb-4 px-4 py-3 rounded-lg text-sm font-medium | |
| {% if cat == 'error' %}bg-red-50 text-red-700 border border-red-200 | |
| {% else %}bg-green-50 text-green-700 border border-green-200{% endif %}"> | |
| {{ msg }} | |
| </div> | |
| {% endfor %} | |
| {% endif %} | |
| {% endwith %} | |
| {% block content %}{% endblock %} | |
| </main> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> | |