if-logistiques/index.html
2025-11-21 07:55:45 +01:00

55 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#0f172a" />
<title>Gedimat Lunel - Simulateur Stratégique</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
padding: 0;
background-color: #0f172a;
color: #f8fafc;
font-family: 'Inter', sans-serif;
overflow: hidden;
}
* {
box-sizing: border-box;
}
/* Animations */
@keyframes slideInRight {
from { transform: translateX(100%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes popIn {
from { opacity: 0; transform: translate(-50%, -40%) scale(0.9); }
to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes ping {
0% { transform: scale(1); opacity: 1; }
100% { transform: scale(2); opacity: 0; }
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://esm.sh/react@19.2.0",
"react-dom": "https://esm.sh/react-dom@19.2.0",
"react-dom/client": "https://esm.sh/react-dom@19.2.0/client",
"lucide-react": "https://esm.sh/lucide-react@0.554.0",
"react-dom/": "https://aistudiocdn.com/react-dom@19.2.0/",
"react/": "https://aistudiocdn.com/react@19.2.0/"
}
}
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>