|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title>EmotiMate</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<style> |
|
|
|
|
|
.custom-scrollbar::-webkit-scrollbar { |
|
|
width: 8px; |
|
|
} |
|
|
.custom-scrollbar::-webkit-scrollbar-track { |
|
|
background: #f1f5f9; |
|
|
} |
|
|
.custom-scrollbar::-webkit-scrollbar-thumb { |
|
|
background: #94a3b8; |
|
|
border-radius: 10px; |
|
|
} |
|
|
.custom-scrollbar::-webkit-scrollbar-thumb:hover { |
|
|
background: #64748b; |
|
|
} |
|
|
|
|
|
.hide-scrollbar::-webkit-scrollbar { |
|
|
display: none; |
|
|
} |
|
|
.hide-scrollbar { |
|
|
-ms-overflow-style: none; |
|
|
scrollbar-width: none; |
|
|
} |
|
|
</style> |
|
|
<script type="importmap"> |
|
|
{ |
|
|
"imports": { |
|
|
"react-dom/": "https://esm.sh/react-dom@^19.1.0/", |
|
|
"react/": "https://esm.sh/react@^19.1.0/", |
|
|
"react": "https://esm.sh/react@^19.1.0", |
|
|
"@google/genai": "https://esm.sh/@google/genai@^1.11.0" |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<link rel="stylesheet" href="/index.css"> |
|
|
</head> |
|
|
<body class="bg-slate-100"> |
|
|
<div id="root"></div> |
|
|
<script type="module" src="/index.tsx"></script> |
|
|
</body> |
|
|
</html> |
