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>
49 lines
1.0 KiB
Markdown
49 lines
1.0 KiB
Markdown
# AudiOhm Assets
|
|
|
|
## Fonts
|
|
|
|
The following fonts should be downloaded and placed in `assets/fonts/`:
|
|
|
|
### Outfit Fonts
|
|
1. **Outfit-Regular.ttf**
|
|
- URL: https://fonts.gstatic.com/s/outfit/v1/Outfit-Regular.ttf
|
|
- Save as: `assets/fonts/Outfit-Regular.ttf`
|
|
|
|
2. **Outfit-Medium.ttf** (500)
|
|
- URL: https://fonts.gstatic.com/s/outfit/v1/Outfit-Medium.ttf
|
|
- Save as: `assets/fonts/Outfit-Medium.ttf`
|
|
|
|
3. **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`:
|
|
|
|
```yaml
|
|
dependencies:
|
|
google_fonts: ^6.1.0
|
|
```
|
|
|
|
Then in code:
|
|
|
|
```dart
|
|
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 images
|
|
- `assets/icons/` - App icons
|