Session 2026-04-20: Medien-Konvertierung, Umami Analytics, Username/Privacy

- HEIC→JPEG, MOV/AVI→MP4 Konvertierung bei allen Upload-Endpoints (media_utils.py)
- ffmpeg im Docker-Image, Video-Thumbnails (extract_video_thumb, poster-Attribut)
- Google Analytics entfernt, Umami self-hosted eingebunden (index.html, datenschutz.js)
- Admin-Panel Analytics-Tab: Stat-Cards, Sparkline 7 Tage, Top-Seiten (Umami-API-Proxy)
- Admin-Panel Tab-Icons korrigiert (aus vorhandenem Phosphor-Sprite)
- users.real_name Spalte: Username öffentlich, echter Name privat und optional
- Registrierung: Label "Benutzername", Leerzeichen verboten, Profanity-Blockliste
- Datenschutzerklärung: GA-Abschnitt durch Umami-Text ersetzt

backend/static/index.html

@@ -330,79 +330,9 @@
 
 <!-- Feature-Seiten werden lazy geladen -->
 
-<!-- Google Analytics (Option B: cookieless/anonymisiert, kein Consent nötig)
-     Wechsel zu Option A (mit Consent-Banner): GA_MODE auf 'A' setzen -->
-<script>
-(function() {
-  var GA_ID   = 'G-YLG780DV3Z';
-  var GA_MODE = 'B';            // 'B' = cookieless | 'A' = mit Consent-Banner
+<!-- Umami Analytics (self-hosted, cookiefrei, DSGVO-konform) -->
+<script defer src="https://umami.motocamp.de/script.js" data-website-id="d1b5fe13-0e6f-4461-a176-c5439cbbc27f"></script>
 
-  function _loadGA(withConsent) {
-    var s = document.createElement('script');
-    s.async = true;
-    s.src = 'https://www.googletagmanager.com/gtag/js?id=' + GA_ID;
-    document.head.appendChild(s);
-    window.dataLayer = window.dataLayer || [];
-    window.gtag = function(){ dataLayer.push(arguments); };
-    gtag('js', new Date());
-    if (withConsent) {
-      gtag('config', GA_ID, { anonymize_ip: true });
-    } else {
-      // Option B: komplett cookieless
-      gtag('config', GA_ID, { anonymize_ip: true, storage: 'none', client_storage: 'none' });
-    }
-  }
-
-  // Opt-out respektieren (setzbar über Datenschutz-Seite)
-  if (localStorage.getItem('gaOptOut') === 'yes') return;
-
-  if (GA_MODE === 'B') {
-    _loadGA(false);
-
-  } else {
-    // Option A: Consent-Banner
-    var consent = localStorage.getItem('gaConsent');
-    if (consent === 'yes') { _loadGA(true); }
-
-    window.addEventListener('DOMContentLoaded', function() {
-      if (consent !== null) return;
-      var banner = document.getElementById('ga-consent-banner');
-      if (banner) banner.style.display = 'flex';
-      document.getElementById('ga-consent-accept')?.addEventListener('click', function() {
-        localStorage.setItem('gaConsent', 'yes');
-        _loadGA(true);
-        banner.style.display = 'none';
-      });
-      document.getElementById('ga-consent-decline')?.addEventListener('click', function() {
-        localStorage.setItem('gaConsent', 'no');
-        banner.style.display = 'none';
-      });
-    });
-  }
-})();
-</script>
-
-<!-- GA Consent-Banner (nur für Option A aktiv, im Mode B versteckt) -->
-<div id="ga-consent-banner"
-     style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9000;
-            background:var(--c-surface,#fff);border-top:1px solid var(--c-border,#e5e7eb);
-            padding:var(--space-3) var(--space-4);flex-wrap:wrap;
-            align-items:center;gap:var(--space-3)">
-  <span style="flex:1;min-width:200px;font-size:var(--text-xs);color:var(--c-text-secondary)">
-    Wir nutzen Google Analytics (anonymisiert) um die App zu verbessern.
-    <span data-page="datenschutz" style="color:var(--c-primary);cursor:pointer;text-decoration:underline">Mehr erfahren</span>
-  </span>
-  <div style="display:flex;gap:var(--space-2)">
-    <button id="ga-consent-decline"
-            style="padding:var(--space-2) var(--space-3);border:1px solid var(--c-border,#e5e7eb);
-                   border-radius:var(--radius-md);background:transparent;cursor:pointer;
-                   font-size:var(--text-xs);color:var(--c-text-secondary)">Ablehnen</button>
-    <button id="ga-consent-accept"
-            style="padding:var(--space-2) var(--space-3);border:none;
-                   border-radius:var(--radius-md);background:var(--c-primary,#C4843A);
-                   color:#fff;cursor:pointer;font-size:var(--text-xs)">Akzeptieren</button>
-  </div>
-</div>
 
 <!-- Offline-Banner Logik -->
 <script>