f64a85414c
- Rewrite index.css with complete SUMI token system (dark + light themes) - All --sumi-* variables: backgrounds, surfaces, borders, text, pigments, spacing, radius, shadows, glass, scrollbar, motion, z-index, layout - shadcn/Radix semantic mapping (--background, --foreground, etc.) - Tailwind @theme mapping with new fonts (Inter, Space Grotesk, JetBrains Mono) - SUMI keyframe animations (sumi-fade-in, sumi-slide-up, sumi-scale-in, etc.) - Delete 11 redundant CSS files (design-system.css, design-tokens.css, button.css, card.css, input.css, badge-avatar.css, header.css, fix-input-focus.css, fix-login-form.css, visual-enhancements.css, premium-utilities.css) - Update main.tsx: single CSS import (index.css only) - Update ThemeProvider: data-theme attribute instead of .dark class toggle - Update index.html FOUC script: data-theme attribute Co-authored-by: Cursor <cursoragent@cursor.com>
93 lines
No EOL
4.1 KiB
HTML
93 lines
No EOL
4.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Veza - Plateforme de streaming musical</title>
|
|
|
|
<!-- Google Fonts for Design System -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<!-- PERF: Preload fonts critiques uniquement, utiliser font-display: swap -->
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Barlow:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;900&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=JetBrains+Mono:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap"
|
|
rel="stylesheet">
|
|
|
|
<!-- PERF: Preload stratégique des chunks vendors critiques (sera injecté par Vite en production) -->
|
|
<!-- Les hashs seront générés automatiquement lors du build -->
|
|
|
|
<!-- PWA Manifest -->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<!-- PWA Meta Tags -->
|
|
<meta name="theme-color" content="#1a1a1a" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
<meta name="apple-mobile-web-app-title" content="Veza" />
|
|
|
|
<!-- Apple Touch Icons -->
|
|
<link rel="apple-touch-icon" href="/icons/icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png" />
|
|
<link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png" />
|
|
<link rel="apple-touch-icon" sizes="128x128" href="/icons/icon-128x128.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png" />
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
|
|
<link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png" />
|
|
|
|
<!-- Microsoft Tiles -->
|
|
<meta name="msapplication-TileColor" content="#1a1a1a" />
|
|
<meta name="msapplication-TileImage" content="/icons/icon-144x144.png" />
|
|
|
|
<!-- SEO and Social -->
|
|
<meta name="description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
<meta name="keywords" content="music, streaming, collaboration, audio, chat, veza" />
|
|
<meta name="author" content="Veza Platform Team" />
|
|
|
|
<!-- Open Graph -->
|
|
<meta property="og:title" content="Veza Platform" />
|
|
<meta property="og:description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="/icons/icon-512x512.png" />
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Veza Platform" />
|
|
<meta name="twitter:description" content="Plateforme de streaming, collaboration et distribution musicale moderne" />
|
|
<meta name="twitter:image" content="/icons/icon-512x512.png" />
|
|
<!-- Theme Script to prevent FOUC -->
|
|
<script>
|
|
(function() {
|
|
const storageKey = 'vite-ui-theme';
|
|
const defaultTheme = 'dark';
|
|
|
|
try {
|
|
const theme = localStorage.getItem(storageKey) || defaultTheme;
|
|
const root = window.document.documentElement;
|
|
|
|
if (theme === 'system') {
|
|
const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
? 'dark'
|
|
: 'light';
|
|
root.setAttribute('data-theme', systemTheme);
|
|
} else {
|
|
root.setAttribute('data-theme', theme);
|
|
}
|
|
} catch (e) {
|
|
console.error('Failed to set initial theme', e);
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
}
|
|
})();
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
|
|
</html> |