Serverlele30
13b156fe91
Merge pull request #3 from Serverlele30/claude/improve-html-code-011CUddopvcvWh6oZx7SoueB
...
Deaktiviere Standort-Animation für sofortige Anzeige
2025-12-16 08:50:43 +01:00
Claude
1aff2e4202
Verbessere Uhr-Design: Modern, elegant und responsiv
...
Umfassende Verbesserung der Uhr unten rechts:
Design-Verbesserungen:
- Modernes Glassmorphism-Design mit Gradient-Hintergrund
- Cyan-Akzente passend zur App-Farbgebung
- Gradient-Text-Effekt für elegante Uhrzeit-Darstellung
- Subtile Leuchteffekte (Glow) bei Hover
- Dekorative Accent-Line am oberen Rand
Typografie:
- Tabular-nums für gleichbleibende Ziffernbreite
- Verbesserte Lesbarkeit durch optimierten Letter-Spacing
- Text-Shadows für besseren Kontrast
- Uppercase-Datum mit Cyan-Färbung
Interaktivität:
- Smooth Hover-Animation mit Lift-Effekt
- Verstärkter Glow-Effekt bei Hover
- Sanfte Transitions mit cubic-bezier
Responsive Design:
- Optimiert für Tablets (768px)
- Optimiert für Smartphones (480px)
- Angepasste Schriftgrößen und Paddings
- Kleinere Mindestbreite auf mobilen Geräten
Browser-Kompatibilität:
- Webkit-Prefixes für Safari
- Backdrop-filter für modernen Blur-Effekt
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-12-16 07:47:35 +00:00
Serverlele30
217979724b
Update index.html
2025-10-30 17:21:53 +01:00
Claude
520a637546
Deaktiviere Standort-Animation für sofortige Anzeige
...
Die Karte springt jetzt direkt zum Benutzerstandort ohne
Flug-Animation ("Helikopter-Effekt").
Änderung:
- map.setView() mit animate: false beim Standort
- Sofortige Positionierung statt 1 Sekunde Animation
- Bessere UX: Kein Warten auf Animation
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-30 16:03:29 +00:00
Serverlele30
2f215954d7
Merge pull request #2 from Serverlele30/claude/improve-html-code-011CUddopvcvWh6oZx7SoueB
...
Kritische Verbesserungen: Robustheit, Sicherheit und UX
2025-10-30 17:00:48 +01:00
Claude
816de80afb
Kritische Verbesserungen: Robustheit, Sicherheit und UX
...
Umfassende Überarbeitung für produktionsreife Anwendung:
🔧 Initialisierung & Ladereihenfolge:
- Asynchrone App-Initialisierung mit waitForLeaflet()
- DOMContentLoaded-Handler für sichere DOM-Manipulation
- Leaflet-Verfügbarkeitsprüfung mit Timeout
- Initial Loading Screen während Initialisierung
- Graceful Degradation bei Fehlern
🔄 Error Recovery & Retry-Logik:
- Automatische Wiederholungsversuche (3x) bei Netzwerkfehlern
- Exponentieller Backoff (5s Verzögerung)
- Differenzierte Fehlerbehandlung (Timeout, Network, Generic)
- User-Feedback bei Fehlern mit Retry-Counter
- Try-Catch für Marker-Erstellung
🛡️ Sicherheit (XSS-Prevention):
- escapeHtml() Funktion für alle User-Inputs
- HTML-Escaping in Marker-Labels
- HTML-Escaping in Popups (Liniennamen, Richtung, Haltestellen)
- Sichere Datenvalidierung vor Rendering
🧹 Memory Management:
- Cleanup-Funktion für Intervals
- beforeunload Event-Handler
- visibilitychange Handler (pausiert Updates bei verstecktem Tab)
- Proper Interval-Management mit null-Checks
📱 User Experience:
- Initial Loading Screen mit Spinner
- Noscript-Fallback für Browser ohne JavaScript
- Detaillierte Geolocation-Fehlermeldungen
- Visuelle Error-Messages im UI
- Auto-Resume bei Tab-Wechsel
🔍 Code-Qualität:
- Modulare Initialisierungsfunktionen
- Bessere Fehler-Logging
- Null-Checks für alle DOM-Operationen
- Map-Existenz-Prüfung vor Operationen
- Error Boundaries für kritische Funktionen
🎯 Performance:
- Tab Visibility API zur Ressourcenschonung
- Cleanup bei Page Unload
- Optimierte Event-Listener
- Debounced Map Movement Handler
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-30 15:52:34 +00:00
Serverlele30
338e871e3d
Merge pull request #1 from Serverlele30/claude/improve-html-code-011CUddopvcvWh6oZx7SoueB
...
Verbessere HTML-Code: Semantik, Accessibility und Performance
2025-10-30 16:46:59 +01:00
Claude
524f287572
Verbessere HTML-Code: Semantik, Accessibility und Performance
...
Umfassende Verbesserungen am HTML/CSS/JS-Code:
HTML & Meta-Tags:
- Erweiterte Meta-Tags für SEO (description, keywords, author)
- Open Graph Tags für Social Media Sharing
- Twitter Card Meta-Tags
- Theme-color für mobile Geräte
- Preconnect und DNS-Prefetch für externe Ressourcen
- SRI-Hashes für Leaflet-Ressourcen
Semantik & Accessibility:
- Semantische HTML5-Elemente (<main>, <aside>, <time>)
- ARIA-Labels und Rollen (role="application", role="complementary")
- ARIA-Live-Regionen für dynamische Inhalte (aria-live="polite")
- Verbesserte Strukturierung für Screenreader
Performance:
- defer für externe Scripts
- Preconnect für kritische externe Domains
- DNS-Prefetch für Tile-Server
Code-Qualität:
- Umfassende JSDoc-Kommentare für alle Funktionen
- CSS-Abschnitte mit Kommentaren strukturiert
- 'use strict' Modus aktiviert
- Konstanten für magische Werte (BERLIN_CENTER, DEFAULT_ZOOM)
Fehlerbehandlung:
- Request Timeout (10 Sekunden) mit AbortController
- Differenzierte Fehlerbehandlung (Timeout, Network, Generic)
- Null-Checks für DOM-Elemente
- Array.isArray() Validierung für API-Daten
- Benutzerfreundliche Console-Logs
Code-Organisation:
- Logische Gruppierung mit Kommentar-Headern
- Konsistente Formatierung
- Verbesserte Lesbarkeit durch Inline-Kommentare
- Bessere Variablennamen
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-30 15:45:36 +00:00
Serverlele30
061c962df7
Add live maps link to README
...
Added a link to the live maps for better accessibility.
2025-10-20 11:42:16 +02:00
Serverlele30
531a33cb0c
Add live demo link to README
...
Added a link to the live demo of the Berlin Live Transit Dashboard.
2025-10-20 11:41:09 +02:00
Serverlele30
a92374df35
Add files via upload
2025-10-13 11:07:43 +02:00
Serverlele30
661407f9c3
Create README.md
2025-10-13 11:06:42 +02:00
Serverlele30
364de1fdf1
Add files via upload
2025-10-13 10:56:39 +02:00
Serverlele30