Spaces:
Sleeping
Sleeping
| <!-- templates/base.html --> | |
| <html lang="id"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>KeluhCerdas - {% block title %}{% endblock %}</title> | |
| <link href="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/css/tabler.min.css" rel="stylesheet"/> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <style> | |
| body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-size: 16px; } | |
| .navbar-brand { font-weight: bold; font-size: 1.2rem; } | |
| .container-xl { | |
| box-shadow: 0 4px 6px rgba(0,0,0,0.1); | |
| } | |
| </style> | |
| {% block extra_head %}{% endblock %} | |
| </head> | |
| <body> | |
| <div class="page"> | |
| <!-- Navbar --> | |
| <header class="navbar navbar-expand-md navbar-dark bg-primary d-print-none"> | |
| <div class="container-xl"> | |
| <a class="navbar-brand" href="{{ url_for('dashboard') }}">KeluhCerdas</a> | |
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation"> | |
| <span class="navbar-toggler-icon"></span> | |
| </button> | |
| <div class="collapse navbar-collapse" id="navbar-menu"> | |
| <ul class="navbar-nav me-auto"> | |
| <li class="nav-item"> | |
| <a class="nav-link {% if request.endpoint == 'dashboard' %}active{% endif %} border-bottom-2 border-primary" href="{{ url_for('dashboard') }}">Dashboard</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link {% if request.endpoint == 'leaderboard' %}active{% endif %} border-bottom-2 border-primary" href="{{ url_for('leaderboard') }}">Leaderboard</a> | |
| </li> | |
| <li class="nav-item"> | |
| <a class="nav-link {% if request.endpoint == 'form' %}active{% endif %} border-bottom-2 border-primary" href="{{ url_for('form') }}">Form Keluhan</a> | |
| </li> | |
| </ul> | |
| <div class="navbar-nav flex-row"> | |
| <a href="#" class="nav-link px-2 text-white">Admin</a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Content --> | |
| <main class="page-wrapper"> | |
| <div class="page-body"> | |
| <div class="container-xl mt-4"> | |
| {% block content %}{% endblock %} | |
| </div> | |
| </div> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="footer footer-transparent d-print-none mt-5"> | |
| <div class="container-xl text-center"> | |
| <p class="mb-0 text-light bg-dark p-2 rounded">© 2025 KeluhCerdas - AI-based Complaint Prioritization</p> | |
| </div> | |
| </footer> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/@tabler/core@latest/dist/js/tabler.min.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| {% block extra_js %}{% endblock %} | |
| </body> | |
| </html> | |