initiales bauen mit mistral

templates/base.html

@@ -0,0 +1,74 @@
+{# ==============================================================================
+   Formeleon - Multi-tenant Form Generator
+   Author: Björn Runden <br@runden.net>
+   Template: base.html
+   Description: Base template for all HTML pages. Includes Bootstrap 5, jQuery, and common styles.
+   ============================================================================== #}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Formeleon - Form Generator{% endblock %}</title>
+    
+    {# Bootstrap 5 CSS #}
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    
+    {# Bootstrap Icons #}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
+    
+    {# Custom CSS #}
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    
+    {# Font Awesome for additional icons #}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    
+    {% block extra_css %}{% endblock %}
+</head>
+<body>
+    {# Navigation #}
+    {% include 'navbar.html' %}
+    
+    {# Main Content #}
+    <main class="container-fluid">
+        {% block messages %}
+        {% with messages = get_flashed_messages(with_categories=true) %}
+            {% if messages %}
+                <div class="mt-3">
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                        </div>
+                    {% endfor %}
+                </div>
+            {% endif %}
+        {% endwith %}
+        {% endblock %}
+        
+        {% block content %}{% endblock %}
+    </main>
+    
+    {# Dev Mode Banner #}
+    {% if dev_mode %}
+    <div class="dev-mode-banner">
+        <i class="bi bi-bug-fill"></i> DEV MODE ENABLED
+        <span class="float-end">
+            User: {{ user.name if user else 'Unknown' }} |
+            Role: {{ user.role.value if user and user.role else 'N/A' }}
+        </span>
+    </div>
+    {% endif %}
+    
+    {# jQuery #}
+    <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
+    
+    {# Bootstrap 5 JS Bundle #}
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    
+    {# Custom JS #}
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+    
+    {% block extra_js %}{% endblock %}
+</body>
+</html>