EmotiMate / index.html
rahul036's picture
Upload 11 files
7a249ac verified
<!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>
/* For custom scrollbar styling */
.custom-scrollbar::-webkit-scrollbar {
width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: #f1f5f9; /* slate-100 */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: #94a3b8; /* slate-400 */
border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
background: #64748b; /* slate-500 */
}
/* Utility to permanently hide scrollbars */
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.hide-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
</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>