hintergrund Fixes

app.py

@@ -518,6 +518,10 @@ def datenschutz():
 def agb():
     return render_template('agb.html')
 
+@app.route('/ueber-uns/')
+def ueber_uns():
+    return render_template('ueber_uns.html')
+
 # Benutzer-Mindmap-Funktionalität
 @app.route('/my-mindmap/<int:mindmap_id>')
 @login_required

static/neural-network-background.js

@@ -71,29 +71,29 @@ class NeuralNetworkBackground {
     
     // Konfigurationsobjekt für schlangenartige, leuchtende Blitze und permanentes Netzwerk
     this.config = {
-      nodeCount: 180,              // Weniger Knoten für klarere Strukturen
+      nodeCount: 100,              // Weniger Knoten für klarere Strukturen
       nodeSize: 3.2,               // Etwas größere Knoten für bessere Sichtbarkeit
-      nodeVariation: 12,         // Reduzierte Varianz für konsistenteres Erscheinungsbild
-      connectionDistance: 320,    // Größere Verbindungsdistanz für weitläufigeres Netzwerk
+      nodeVariation: 8,         // Reduzierte Varianz für konsistenteres Erscheinungsbild
+      connectionDistance: 100,    // Größere Verbindungsdistanz für weitläufigeres Netzwerk
       connectionOpacity: 0.3,     // Erhöhte Opazität für sichtbarere dauerhafte Verbindungen
       animationSpeed: 0.1,      // Noch langsamere Animation für sanftere Bewegung
-      pulseSpeed: 0.1,          // Sehr langsames Pulsieren für ruhige Animation
+      pulseSpeed: 0,          // Sehr langsames Pulsieren für ruhige Animation
       flowSpeed: 0.15,            // Deutlich langsamere Blitze für schlangenartige Bewegung
       flowDensity: 2,            // Weniger gleichzeitige Blitze für bessere Verteilung
       flowLength: 0.05,           // Längere einzelne Flows für sichtbare "Schlangen"
-      maxConnections: 22,         // Mehr Verbindungen pro Neuron für dichtere Netzwerke
+      maxConnections: 12,         // Mehr Verbindungen pro Neuron für dichtere Netzwerke
       clusteringFactor: 0.005,      // Stärkeres Clustering für deutlichere Strukturen
-      linesFadeDuration: 60000,   // Noch längere Dauer fürs Ein-/Ausblenden für permanentes Netzwerk (ms)
+      linesFadeDuration: 600,   // Noch längere Dauer fürs Ein-/Ausblenden für permanentes Netzwerk (ms)
       linesWidth: 1.0,            // Etwas dickere Linien für bessere Sichtbarkeit
       linesOpacity: 0.75,         // Höhere Opazität für das permanente Netzwerk
-      maxFlowCount: 8,          // Weniger gleichzeitige Flows für bessere Übersicht
-      glowIntensity: 2.5,         // Verstärkter Glow-Effekt
-      sparkCount: 2,              // Mehr Funken
-      sparkSize: 2.5,             // Größere Funken
-      blurRadius: 20,             // Blur-Radius für Glow-Effekte
-      minActiveFlows: 30,          // Minimale Anzahl aktiver Flows
+      maxFlowCount: 1,          // Weniger gleichzeitige Flows für bessere Übersicht
+      glowIntensity: 1.0,         // Verstärkter Glow-Effekt
+      sparkCount: 1,              // Mehr Funken
+      sparkSize: 1,             // Größere Funken
+      blurRadius: 10,             // Blur-Radius für Glow-Effekte
+      minActiveFlows: 1,          // Minimale Anzahl aktiver Flows
       flowForwardingRate: 1.0,    // 100% Weiterleitungsrate für endlose Flows
-      maxFlowGenerations: 100     // Sehr hohe Generationsgrenze für endlose Animation
+      maxFlowGenerations: 10     // Sehr hohe Generationsgrenze für endlose Animation
     };
     
     // Initialize

templates/base.html

@@ -506,6 +506,10 @@
                                :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
                                 Impressum
                             </a>
+                            <a href="{{ url_for('ueber_uns') }}" class="text-sm transition-all duration-200"
+                               :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
+                                Über uns
+                            </a>
                             <a href="{{ url_for('datenschutz') }}" class="text-sm transition-all duration-200"
                                :class="darkMode ? 'text-gray-300 hover:text-white' : 'text-gray-600 hover:text-gray-900'">
                                 Datenschutz

templates/ueber_uns.html

@@ -0,0 +1,79 @@
+{% extends "base.html" %}
+
+{% block title %}Über uns{% endblock %}
+
+{% block content %}
+<div class="max-w-3xl mx-auto">
+    <div class="card p-6 md:p-8">
+        <h1 class="text-3xl font-bold mb-6 gradient-text">Über uns</h1>
+        
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Unsere Vision</h2>
+            <p class="mb-4">
+                Systades ist ein innovatives Projekt, das darauf abzielt, das Teilen und Vernetzen von Wissen und Gedanken zu revolutionieren. Unsere Plattform ermöglicht es Nutzern, ihre Ideen in interaktiven Mindmaps zu organisieren und mit anderen zu teilen, wodurch ein kollaboratives Netzwerk des Wissens entsteht.
+            </p>
+            <p class="mb-4">
+                Wir glauben daran, dass Wissen am wertvollsten ist, wenn es geteilt und vernetzt wird. Durch die Verbindung verschiedener Perspektiven und Denkansätze entstehen neue Erkenntnisse und Innovationen.
+            </p>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Das Team</h2>
+            <p class="mb-4">
+                Till Tomczak und Marwin Medczinski arbeiten gemeinsam daran, Systades kontinuierlich zu verbessern und weiterzuentwickeln.
+            </p>
+            
+            <!-- Platz für Team-Mitglieder -->
+            <div class="team-members space-y-6">
+                <!-- Beispiel für ein Team-Mitglied (kann als Vorlage verwendet werden) -->
+                <!--
+                <div class="team-member p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
+                    <h3 class="text-lg font-bold mb-2">[Name]</h3>
+                    <p class="text-gray-600 dark:text-gray-300 mb-2">[Position/Rolle]</p>
+                    <p class="text-sm">[Kurze Beschreibung oder Verantwortlichkeiten]</p>
+                </div>
+                -->
+            </div>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Unsere Mission</h2>
+            <p class="mb-4">
+                Wir setzen uns dafür ein, eine Plattform zu schaffen, die:
+            </p>
+            <ul class="list-disc list-inside space-y-2 mb-4">
+                <li>Intuitive Werkzeuge für die Organisation und Visualisierung von Wissen bereitstellt</li>
+                <li>Die Zusammenarbeit und den Austausch zwischen Nutzern fördert</li>
+                <li>Kreativität und innovative Denkansätze unterstützt</li>
+                <li>Einen sicheren und respektvollen Raum für intellektuellen Austausch bietet</li>
+            </ul>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Technologie & Innovation</h2>
+            <p class="mb-4">
+                Systades nutzt modernste Technologien und innovative Ansätze, um eine optimale Nutzererfahrung zu gewährleisten. Unsere Plattform wird kontinuierlich weiterentwickelt, um neue Funktionen und Verbesserungen zu integrieren.
+            </p>
+            <p>
+                Wir legen besonderen Wert auf:
+            </p>
+            <ul class="list-disc list-inside space-y-2 mt-2">
+                <li>Intuitive Benutzeroberfläche</li>
+                <li>Hohe Performance und Zuverlässigkeit</li>
+                <li>Datensicherheit und Privatsphäre</li>
+                <li>Barrierefreiheit und Inklusivität</li>
+            </ul>
+        </section>
+
+        <section>
+            <h2 class="text-xl font-bold mb-4">Kontakt & Feedback</h2>
+            <p class="mb-4">
+                Wir freuen uns über Ihr Feedback und Ihre Ideen zur Verbesserung von Systades. Gemeinsam können wir die Plattform weiter optimieren und an die Bedürfnisse unserer Nutzer anpassen.
+            </p>
+            <p>
+                Kontaktieren Sie uns gerne für Fragen, Anregungen oder Kooperationsmöglichkeiten.
+            </p>
+        </section>
+    </div>
+</div>
+{% endblock %}