1a57ac7754
Setup project structure, dependencies, and basic configuration for the ComFi application. Includes initial setup for Vite, React, TypeScript, Tailwind CSS, and essential development tools. Defines core types and provides a basic README for local development.
81 lines
2.2 KiB
HTML
81 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>ComFi</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Akzidenz Grotesk';
|
|
src: local('Akzidenz Grotesk'), local('AkzidenzGrotesk'), local('Helvetica Neue'), local('Helvetica'), local('Arial'), sans-serif;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Akzidenz Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
background-color: #F8FAFC; /* Slate 50 */
|
|
}
|
|
/* Custom scrollbar for a cleaner look */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #CBD5E1;
|
|
border-radius: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #94A3B8;
|
|
}
|
|
</style>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Akzidenz Grotesk', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'],
|
|
},
|
|
colors: {
|
|
primary: {
|
|
50: '#fff7ed',
|
|
100: '#ffedd5',
|
|
200: '#fed7aa',
|
|
300: '#fdba74',
|
|
400: '#fb923c',
|
|
500: '#f97316', // Orange-500 main accent
|
|
600: '#ea580c',
|
|
},
|
|
secondary: {
|
|
900: '#0f172a', // Dark slate for text
|
|
800: '#1e293b',
|
|
}
|
|
},
|
|
borderRadius: {
|
|
'xl': '1rem',
|
|
'2xl': '1.5rem',
|
|
'3xl': '2rem',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
|
|
"lucide-react": "https://esm.sh/lucide-react@^0.562.0",
|
|
"react/": "https://esm.sh/react@^19.2.3/",
|
|
"react": "https://esm.sh/react@^19.2.3",
|
|
"recharts": "https://esm.sh/recharts@^3.6.0",
|
|
"@google/genai": "https://esm.sh/@google/genai@^1.39.0"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html> |