safety commit

2025-04-28 23:19:00 +02:00
parent dd486b140f
commit 238e13abf5
6 changed files with 230 additions and 18 deletions
--- a/app/templates/banner.html
+++ b/app/templates/banner.html
@@ -0,0 +1,100 @@
+<html lang="en" class="dark">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Banner</title>
+
+  <!-- Tailwind CSS v4.1.4 CDN -->
+  <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
+
+  <!-- Tailwind Config (Dark Mode + Theme Colors) -->
+  <script>
+    tailwind.config = {
+      darkMode: 'class',
+      theme: {
+        extend: {
+          colors: {
+            background: '#121418',   // dark slate with blue/gray tone
+            surface: '#1e2127',      // a bit lighter for containers/cards
+            border: '#2a2d34',       // visible but subtle borders
+            primary: '#4f8cff',      // soft blue that pops but is not neon
+            text: '#e4e4e7',         // light gray for high contrast
+            muted: '#a0a0ad',        // for subdued text
+          },
+        },
+      }
+    };
+  </script>
+
+  <!-- Flowbite -->
+  <link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css" rel="stylesheet" />
+</head>
+
+<body class="bg-background text-text min-h-screen font-sans">
+
+  <!-- Header -->
+  <header class="bg-surface border-b border-border shadow-sm">
+    <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
+      <div class="text-lg font-semibold">Info Banner</div>
+    </div>
+  </header>
+
+  <!-- Main Content -->
+  <main class="max-w-5xl mx-auto px-6 py-10 space-y-12">
+
+    <!-- Banner Form -->
+    <section class="flex justify-center">
+      <div class="w-full max-w-md">
+        <div class="bg-surface border border-border rounded-lg shadow-md p-6">
+          <h2 class="text-xl font-semibold text-center mb-4">Enter new Banner</h2>
+          <form method="POST" class="space-y-4">
+            {{ banner_form.hidden_tag() }}
+            <div>
+              <label class="block mb-1 text-sm font-medium">{{ banner_form.content.label }}</label>
+              {{ banner_form.content(class="w-full rounded-lg p-3 bg-background border border-border text-text placeholder-muted focus:outline-none focus:ring-2 focus:ring-primary") }}
+            </div>
+            
+            <button
+              type="submit"
+              class="w-full bg-primary hover:bg-blue-700 text-white py-2 rounded-md transition">
+              Add message
+            </button>
+          </form>
+          {% if error %}
+            <p class="text-red-500 text-center mt-3">{{ error }}</p>
+          {% endif %}
+        </div>
+      </div>
+    </section>
+
+    <!-- Banners -->
+    {% if banners %}
+    <section>
+      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        {% for banner in banners %}
+        <div class="block bg-surface border border-border rounded-xl p-5 shadow-sm hover:border-primary hover:bg-background transition">
+            <h3 class="text-lg font-semibold mb-1">{{ banner.content }}</h3>
+            {% if banner.is_active %}
+            <form method="POST" action="{{ url_for('main.hide_active_banner') }}">
+                    <button type="submit" class="w-full bg-red-600 hover:bg-red-700 text-white py-2 rounded-md transition">Hide</button>
+            </form>
+            {% else %}
+            <form method="POST", action="{{ url_for('main.set_active_banner', banner_id=banner.id)}}">
+              <button type="submit" class="w-full bg-primary hover:bg-blue-700 text-white py-2 rounded-md transition">
+                Show banner
+              </button>
+            </form>
+            {% endif %}
+        </div>
+        {% endfor %}
+      </div>
+    </section>
+    {% else %}
+      <p class="text-center text-muted">No banners created yet.</p>
+    {% endif %}
+
+  </main>
+
+  <script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>
+</body>
+</html>