| <!DOCTYPE html> |
| <html lang="id"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>{% block title %}PantunGen - Pembangkit Pantun AI{% endblock %}</title> |
| |
| |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| |
| |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| |
| |
| <link rel="stylesheet" href="/static/css/style.css"> |
| <link rel="stylesheet" href="/static/css/layout.css"> |
| |
| {% block extra_css %}{% endblock %} |
| </head> |
| <body> |
| |
| <nav class="navbar"> |
| <div class="container"> |
| <div class="navbar-brand"> |
| <a href="/"> |
| <i class="fa-solid fa-feather-pointed"></i> |
| PantunGen |
| </a> |
| </div> |
| |
| <ul class="navbar-nav"> |
| <li><a href="/" class="nav-link {% if active_page == 'home' %}active{% endif %}">Home</a></li> |
| <li><a href="/generator" class="nav-link {% if active_page == 'generator' %}active{% endif %}">Generator</a></li> |
| <li><a href="/about" class="nav-link {% if active_page == 'about' %}active{% endif %}">About</a></li> |
| <li><a href="/metrics" class="nav-link {% if active_page == 'metrics' %}active{% endif %}">Metrics</a></li> |
| </ul> |
| |
| <div class="navbar-icons"> |
| <i class="fa-solid fa-gear" title="Settings"></i> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <main> |
| {% block content %}{% endblock %} |
| </main> |
| |
| |
| <div id="toast-container" class="toast-container"></div> |
|
|
| |
| <script src="/static/js/main.js"></script> |
| {% block extra_js %}{% endblock %} |
| </body> |
| </html> |
|
|
