| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Eurus{% endblock %}</title> | |
| <link rel="icon" type="image/jpeg" href="/static/favicon.jpeg"> | |
| <!-- Custom styles only --> | |
| <link rel="stylesheet" href="/static/css/style.css"> | |
| <!-- Marked.js for markdown --> | |
| <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> | |
| <!-- Highlight.js for code --> | |
| <link rel="stylesheet" | |
| href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/python.min.js"></script> | |
| {% block head %}{% endblock %} | |
| </head> | |
| <body> | |
| <header> | |
| <nav> | |
| <ul> | |
| <li><span class="logo">Eurus</span></li> | |
| </ul> | |
| <ul> | |
| <li><a href="#" id="clear-btn">Clear</a></li> | |
| <li><a href="#" id="cache-btn">Cache</a></li> | |
| <li> | |
| <button id="theme-toggle" class="theme-toggle" title="Toggle theme"> | |
| <span class="theme-icon">🌙</span> | |
| </button> | |
| </li> | |
| <li> | |
| <span id="connection-status" class="status-badge disconnected"> | |
| Disconnected | |
| </span> | |
| </li> | |
| </ul> | |
| </nav> | |
| </header> | |
| <main> | |
| {% block content %}{% endblock %} | |
| </main> | |
| <footer> | |
| Eurus Climate Agent | |
| </footer> | |
| {% block scripts %}{% endblock %} | |
| </body> | |
| </html> |