dashboard v2 erstellt

2025-02-19 14:23:44 +01:00
parent c17d39df24
commit 14423e0497
280 changed files with 18902 additions and 0 deletions
--- a/Dashboard_V2/templates/base.html
+++ b/Dashboard_V2/templates/base.html
@@ -0,0 +1,77 @@
+<!-- templates/base.html -->
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>{% block title %}Meine App{% endblock %}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  
+  <!-- Tailwind + FontAwesome + GSAP -->
+  <script src="https://cdn.tailwindcss.com"></script>
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
+  
+  <!-- Tailwind Dark-Mode-Konfiguration -->
+  <script>
+      tailwind.config = {
+          darkMode: 'class',
+          theme: {
+              extend: {
+                  colors: {
+                      primary: '#3b82f6',
+                      secondary: '#10b981',
+                  }
+              }
+          }
+      }
+  </script>
+
+  <!-- Globale Styles -->
+  <style>
+    body {
+      background-size: cover;
+      background-position: center;
+      background-attachment: fixed;
+    }
+    .glassmorphism {
+      background: rgba(255, 255, 255, 0.1);
+      backdrop-filter: blur(10px);
+      border: 1px solid rgba(255, 255, 255, 0.2);
+      border-radius: 10px;
+    }
+    .dark .glassmorphism {
+      background: rgba(0, 0, 0, 0.2);
+    }
+
+    .dark input[type="text"],
+    .dark input[type="email"],
+    .dark input[type="password"],
+    .dark textarea,
+    .dark select {
+      background-color: #374151; 
+      color: #fff;
+    }
+
+    .dock-icon {
+      transition: all 0.3s ease;
+    }
+    .dock-icon:hover {
+      transform: scale(1.1);
+    }
+  </style>
+</head>
+<body class="min-h-screen bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-100 transition-colors duration-300"
+      style="background-image: url('{{ url_for('static', filename='24.png') }}');">
+  
+  {% block content %}{% endblock %}
+
+  <script>
+    // Dark mode per localStorage
+    if (localStorage.getItem('darkMode') === 'true' ||
+        (!('darkMode' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        document.documentElement.classList.add('dark');
+    }
+  </script>
+
+</body>
+</html>