root
42a1ab54f1
Fichiers mis en production: - ✅ CSS modulaire (900+ lignes) - architecture 9 sections - ✅ JavaScript moderne (600+ lignes) - state management complet - ✅ Sauvegardes des fichiers originaux (.backup) - ✅ Script de démarrage optimisé (START_WEB_OPTIMIZED.sh) - ✅ Documentation déploiement (PRODUCTION_READY.md) Changements CSS: - 🏗️ Architecture modulaire avec CSS Variables - ⚡ Animations GPU-optimisées (transform/opacity) - ♿ prefers-reduced-motion implémenté - 🎯 Focus visible pour accessibilité - 📱 Responsive mobile-first - 🎨 Design System V2 complet Nouvelles fonctionnalités JS: - 📦 State management centralisé (AppState) - 🔐 Auth complète (login, register, logout) - 🎵 Player controls: 8 boutons actifs - 🍞 Toast notifications système - ⌨️ Keyboard shortcuts (8 raccourcis) - 📊 API intégrée (playlists, tracks) - 🧭 Navigation SPA fluide - 📱 Menu mobile responsive Scripts: - START_WEB_OPTIMIZED.sh - Script de démarrage optimisé Documentation: - PRODUCTION_READY.md - Guide complet de déploiement - Instructions de démarrage - Raccourcis clavier documentés - Résolution de problèmes Accessibilité: - Focus states visibles - Reduced motion support - Touch targets 44x44px - Contrast 4.5:1 minimum Performance: - Transform/opacity animations - DOM elements cached - Event delegation - GPU accelerated Generated with [Claude Code](https://claude.com/claude-code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1.0 KiB
1.0 KiB
AudiOhm Assets
Fonts
The following fonts should be downloaded and placed in assets/fonts/:
Outfit Fonts
-
Outfit-Regular.ttf
- URL: https://fonts.gstatic.com/s/outfit/v1/Outfit-Regular.ttf
- Save as:
assets/fonts/Outfit-Regular.ttf
-
Outfit-Medium.ttf (500)
- URL: https://fonts.gstatic.com/s/outfit/v1/Outfit-Medium.ttf
- Save as:
assets/fonts/Outfit-Medium.ttf
-
Outfit-SemiBold.ttf (600)
- URL: https://fonts.gstatic.com/s/outfit/v1/Outfit-SemiBold.ttf
- Save as: https://fonts.gstatic.com/s/outfit/v1/Outfit-Bold.ttf
- Save as:
assets/fonts/Outfit-Bold.ttf
Alternative: Use Google Fonts Package
Instead of downloading manually, add to pubspec.yaml:
dependencies:
google_fonts: ^6.1.0
Then in code:
import 'package:google_fonts/google_fonts.dart';
Text(
'Hello',
style: GoogleFonts.outfit(
fontSize: 16,
fontWeight: FontWeight.w600,
),
)
Images
Place app icons and images in:
assets/images/- General imagesassets/icons/- App icons