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

requirements.txt

@@ -12,3 +12,6 @@ gunicorn==21.2.0
 pytest==7.4.0
 pytest-flask==1.2.0
 Flask-Migrate
+flask-socketio==5.3.6
+python-engineio==4.8.2
+python-socketio==5.11.1

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/impressum.html

@@ -8,56 +8,56 @@
         <h1 class="text-3xl font-bold mb-6 gradient-text">Impressum</h1>
         
         <section class="mb-8">
-            <h2 class="text-xl font-bold mb-4">Angaben gemäß § 5 TMG</h2>
-            <p class="mb-4">MindMap GmbH<br>
-            Musterstraße 123<br>
-            12345 Musterstadt<br>
-            Deutschland</p>
-            
+            <h2 class="text-xl font-bold mb-4">Angaben gemäß § 5 TMG und § 55 RStV</h2>
             <p class="mb-4">
-                <strong>Vertreten durch:</strong><br>
-                Max Mustermann, Geschäftsführer
+                Diese Website wird privat betrieben von:<br>
+                Marwin Medczinski<br>
+                Fasanenstraße 30<br>
+                16761 Hennigsdorf<br>
+                Deutschland
+            </p>
+            
+
             </p>
             
             <p class="mb-4">
                 <strong>Kontakt:</strong><br>
-                Telefon: +49 (0) 123 456789<br>
-                E-Mail: info@mindmap-example.com
-            </p>
-            
-            <p class="mb-4">
-                <strong>Registereintrag:</strong><br>
-                Eintragung im Handelsregister.<br>
-                Registergericht: Amtsgericht Musterstadt<br>
-                Registernummer: HRB 12345
-            </p>
-            
-            <p class="mb-4">
-                <strong>Umsatzsteuer-ID:</strong><br>
-                Umsatzsteuer-Identifikationsnummer gemäß §27 a Umsatzsteuergesetz:<br>
-                DE 123456789
+                Telefon: +49 (0) 173 8041824<br>
+                E-Mail: medczinski.marwin@gmx.de
             </p>
         </section>
         
         <section class="mb-8">
-            <h2 class="text-xl font-bold mb-4">Redaktionell verantwortlich</h2>
-            <p>
-                Max Mustermann<br>
-                Musterstraße 123<br>
-                12345 Musterstadt
+            <h2 class="text-xl font-bold mb-4">Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV</h2>
+            <p class="mb-4">
+                Marwin Medczinski<br>
+                Fasanenstraße 30<br>
+                16761 Hennigsdorf
             </p>
         </section>
         
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Hinweis zur Streitbeilegung</h2>
+            <p class="mb-4">Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href="https://ec.europa.eu/consumers/odr/" target="_blank" class="text-purple-600 hover:text-purple-800">https://ec.europa.eu/consumers/odr/</a></p>
+            <p class="mb-4">Ich bin nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
+        </section>
+
         <section class="mb-8">
             <h2 class="text-xl font-bold mb-4">Haftungsausschluss</h2>
             
             <h3 class="text-lg font-bold mb-2">Haftung für Inhalte</h3>
-            <p class="mb-4">Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
-            <p class="mb-4">Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.</p>
+            <p class="mb-4">Die Inhalte dieser Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen. Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
+            <p class="mb-4">Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werde ich diese Inhalte umgehend entfernen.</p>
             
             <h3 class="text-lg font-bold mb-2">Haftung für Links</h3>
-            <p class="mb-4">Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.</p>
-            <p>Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
+            <p class="mb-4">Diese Website enthält Links zu externen Webseiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Deshalb kann ich für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.</p>
+            <p class="mb-4">Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Links umgehend entfernen.</p>
+        </section>
+
+        <section class="mb-8">
+            <h2 class="text-xl font-bold mb-4">Urheberrecht</h2>
+            <p class="mb-4">Die durch mich erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen meiner schriftlichen Zustimmung. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.</p>
+            <p>Soweit die Inhalte auf dieser Seite nicht von mir erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitte ich um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werde ich derartige Inhalte umgehend entfernen.</p>
         </section>
     </div>
 </div>

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 %}