Rechtstexte, FinalFlux-Überarbeitung, neue Login-Optik, Konto-Löschung-Fix, BTTF-Farbrelaunch

- Rechtsseiten: Impressum-Platzhalter + echte Nutzungsbedingungen/AGB,
  Datenschutz (DSGVO) und Richtlinien; LegalController/ImpressumController,
  Footer app-weit verlinkt, Seiten als permitAll freigegeben.
- FinalFlux: 28 Themen / ~742 Fragen überarbeitet (plausible Distraktoren statt
  Dummy-Antworten, echte Erklärungen) + echte Lehrtexte je Seite;
  Netzwerktopologien mit Inline-SVG-Diagrammen (Stern/Bus/Ring/Mesh/Baum).
- Login/Registrierung als kombiniertes Dual-Panel (Slide-Overlay + Neon-Hover-
  Button), ausgelagert nach auth.css; Register-Duplikat -> /?registerError.
- Konto löschen repariert: @Transactional + Löschen von Spielständen,
  Achievements und Profilbild-Datei (DSGVO Art. 17). Impressum-Zurück-Link
  login-abhängig.
- App-weiter Farb-Relaunch auf "Back to the Future"-Palette: Feuer-Amber primär
  + Flux-Blau sekundär, warmer Glow; Dark/Light bleiben. Spiele-Feedback ohne
  Grün: richtig = Blau + Haken, falsch = Rot + Kreuz (neue Tokens
  --success/--danger/--secondary). Legacy-Cyan in style.css auf Variablen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
AliceDarkest
2026-06-29 19:08:05 +02:00
parent fc98e5aad1
commit 34b050503d
94 changed files with 6712 additions and 4220 deletions
@@ -0,0 +1,117 @@
<!DOCTYPE html>
<html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"
xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mindflux – Richtlinien</title>
<link rel="stylesheet" href="/css/theme.css">
<script src="/js/theme.js"></script>
<style>
.mf-legal { max-width:860px; }
.mf-legal h1 { color:var(--heading); font-size:1.7rem; font-weight:800; margin:.2rem 0 .3rem; }
.mf-legal .stand { color:var(--muted); font-size:.85rem; margin-bottom:1.4rem; }
.mf-legal h2 { color:var(--heading); font-size:1.12rem; font-weight:700; margin:2rem 0 .6rem; }
.mf-legal p, .mf-legal li { color:var(--text); line-height:1.75; font-size:.97rem; }
.mf-legal ul { margin:.4rem 0 .4rem 1.2rem; }
.mf-legal li { margin-bottom:.35rem; }
.mf-legal .dev-note { color:var(--accent); line-height:1.65; border-left:3px solid var(--border-accent);
background:var(--surface-2); padding:.9rem 1.1rem; border-radius:10px; margin-bottom:1.6rem; font-size:.95rem; }
.mf-legal a.inline { color:var(--accent); }
</style>
</head>
<body>
<div class="mf-theme-float"><button class="mf-theme"></button></div>
<div class="mf-container mf-legal">
<div class="mf-page-head">
<a th:href="@{/dashboard}" class="mf-back" sec:authorize="isAuthenticated()">⟵ Zurück zum Dashboard</a>
<a th:href="@{/}" class="mf-back" sec:authorize="!isAuthenticated()">⟵ Zurück</a>
</div>
<h1>Community- &amp; Nutzungsrichtlinien</h1>
<p class="stand">Stand: Juni 2026</p>
<div class="dev-note">
Hinweis: Mindflux befindet sich in aktiver Entwicklung und ist derzeit nicht für die öffentliche
Nutzung bestimmt. Diese Richtlinien gelten bereits in der Test-/Entwicklungsphase.
</div>
<h2>1. Zweck dieser Richtlinien</h2>
<p>
Mindflux ist eine Lernplattform zur Prüfungsvorbereitung. Damit der Dienst für alle ein
sicherer, fairer und konzentrierter Lernort bleibt, gelten die folgenden Regeln ergänzend zu den
<a class="inline" th:href="@{/nutzungsbedingungen}">Nutzungsbedingungen</a>. Sie sind für alle
Nutzer:innen verbindlich.
</p>
<h2>2. Respektvoller Umgang</h2>
<p>Wir erwarten einen respektvollen und sachlichen Umgang miteinander. Nicht geduldet werden:</p>
<ul>
<li>Beleidigungen, Belästigung, Mobbing oder Bedrohungen;</li>
<li>diskriminierende, hetzerische, gewaltverherrlichende oder extremistische Inhalte;</li>
<li>jugendgefährdende, pornografische oder anderweitig rechtswidrige Inhalte.</li>
</ul>
<h2>3. Benutzernamen und Profilbilder</h2>
<p>
Benutzernamen und hochgeladene Profilbilder müssen frei von beleidigenden, irreführenden oder
rechtsverletzenden Inhalten sein. Es dürfen nur Bilder hochgeladen werden, an denen die nötigen
Rechte bestehen. Die Nachahmung anderer Personen oder offizieller Stellen ist untersagt.
</p>
<h2>4. Faires Lernen und Spielen</h2>
<p>
Die Lernspiele (u. a. „MindMatch" und „TechTacular") und das Achievement-System sind Teil des
Lernkonzepts. Untersagt ist jede Manipulation von Spielständen, Punktzahlen oder Fortschritten,
etwa durch automatisierte Tools, das Umgehen der Spiellogik oder das Ausnutzen technischer Fehler.
Wer einen Fehler („Bug") entdeckt, wird gebeten, diesen zu melden statt ihn auszunutzen.
</p>
<h2>5. Account-Sicherheit</h2>
<ul>
<li>Zugangsdaten sind vertraulich zu behandeln und nicht weiterzugeben.</li>
<li>Ein Konto darf nicht im Namen einer anderen Person erstellt oder genutzt werden.</li>
<li>Verschaffen Sie sich keinen unbefugten Zugriff auf fremde Konten oder Bereiche des Dienstes.</li>
</ul>
<h2>6. Schutz der Plattform</h2>
<p>
Handlungen, die die Stabilität, Sicherheit oder Integrität des Dienstes gefährden, sind untersagt.
Dazu zählen insbesondere Überlastungsversuche, das Umgehen von Sicherheitsmechanismen sowie das
automatisierte Auslesen von Inhalten ohne Zustimmung des Anbieters.
</p>
<h2>7. Meldung von Verstößen</h2>
<p>
Verstöße gegen diese Richtlinien sowie Sicherheits- oder Datenschutzprobleme können über die im
<a class="inline" th:href="@{/impressum}">Impressum</a> genannten Kontaktwege gemeldet werden. Wir
gehen Hinweisen nach Möglichkeit zeitnah nach.
</p>
<h2>8. Folgen bei Verstößen</h2>
<p>
Bei Verstößen gegen diese Richtlinien können wir Inhalte entfernen, Funktionen einschränken und
Konten vorübergehend sperren oder dauerhaft löschen. Maßgeblich sind dabei Schwere und
Wiederholung des Verstoßes. Weitergehende rechtliche Schritte bleiben vorbehalten.
</p>
<h2>9. Feedback in der Entwicklungsphase</h2>
<p>
Da sich Mindflux in der Entwicklung befindet, sind Hinweise, Verbesserungsvorschläge und
Fehlermeldungen ausdrücklich willkommen und helfen, den Dienst weiterzuentwickeln.
</p>
</div>
<footer class="mf-footer">
<a href="#">Support</a>
<a href="#">Feedback</a>
<a href="/nutzungsbedingungen">Nutzungsbedingungen</a>
<a href="/richtlinien">Richtlinien</a>
<a href="/datenschutz">Datenschutz</a>
<a href="/impressum">Impressum</a>
</footer>
</body>
</html>