| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>{% block title %}Seamo Species API{% endblock %}</title> |
| |
| |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> |
| |
| |
| <style> |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| body { |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; |
| background: #f9fafb; |
| color: #111827; |
| line-height: 1.5; |
| } |
| .container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; } |
| .dashboard-grid { |
| display: grid; |
| grid-template-columns: 1fr 1fr 1fr; |
| gap: 2rem; |
| margin: 2rem 0; |
| } |
| @media (max-width: 1024px) { |
| .dashboard-grid { grid-template-columns: 1fr; } |
| } |
| </style> |
|
|
| |
| <link rel="stylesheet" href="/static/css/main.css"> |
|
|
| {% block extra_css %}{% endblock %} |
| </head> |
| <body> |
| |
| <header class="header"> |
| <div class="container"> |
| <div class="nav-brand"> |
| <span class="nav-title">Seamo Species API</span> |
| </div> |
| |
| <nav class="nav-tabs"> |
| <a href="/" class="nav-tab {% if active_tab == 'dashboard' %}active{% endif %}"> |
| Dashboard |
| </a> |
| <a href="/docs" class="nav-tab {% if active_tab == 'docs' %}active{% endif %}"> |
| API Docs |
| </a> |
| <a href="/api/v1/info" class="nav-tab" target="_blank"> |
| API Info |
| </a> |
| </nav> |
| </div> |
| </header> |
|
|
| |
| <main class="main"> |
| <div class="container"> |
| {% block content %}{% endblock %} |
| </div> |
| </main> |
|
|
| |
| <footer class="footer"> |
| <div class="container"> |
| <p>© 2025 Seamo Species API. Powered by YOLOv5.</p> |
| </div> |
| </footer> |
|
|
| |
| <script src="/static/js/main.js"></script> |
| {% block extra_js %}{% endblock %} |
| </body> |
| </html> |
|
|
