| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}Flux Image Generator{% endblock %}</title> | |
| <link rel="icon" href="/static/favicon.ico" type="image/x-icon"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| <style> | |
| .custom-bg { | |
| background-color: #f8f9fa; /* Leicht abgehobenes Weiß */ | |
| } | |
| </style> | |
| {% block head %} | |
| <!-- Additional head elements can be added here --> | |
| {% endblock %} | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <!-- Navigation Buttons --> | |
| <div class="d-flex justify-content-end my-3"> | |
| <a href="/" class="btn btn-primary me-2">Home</a> | |
| <a href="/archive" class="btn btn-secondary me-2">Archiv</a> | |
| <a href="/backend" class="btn btn-secondary">Backend</a> | |
| </div> | |
| {% block content %} | |
| <!-- Main content will be injected here --> | |
| {% endblock %} | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | |
| {% block scripts %} | |
| <!-- Additional scripts can be added here --> | |
| {% endblock %} | |
| </body> | |
| </html> |