| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!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>GreenPage AI Suite</title>
- <script src="https://cdn.tailwindcss.com"></script>
- <script>
- tailwind.config = {
- darkMode: 'class', // Enable class-based dark mode
- theme: {
- extend: {
- colors: {
- 'brand-primary': '#10b981',
- 'brand-secondary': '#059669',
- 'gray-900': '#111827',
- 'gray-800': '#1f2937',
- 'gray-700': '#374151',
- 'gray-600': '#4b5563',
- 'gray-500': '#6b7280',
- 'gray-400': '#9ca3af',
- 'gray-300': '#d1d5db',
- 'gray-200': '#e5e7eb',
- 'gray-100': '#f3f4f6',
- 'white': '#ffffff',
- },
- keyframes: {
- breathing: {
- '0%, 100%': { transform: 'scale(1)', boxShadow: '0 0 0 0 rgba(16, 185, 129, 0.7)' },
- '50%': { transform: 'scale(1.1)', boxShadow: '0 0 10px 10px rgba(16, 185, 129, 0)' },
- }
- },
- animation: {
- breathing: 'breathing 2.5s ease-in-out infinite',
- }
- }
- }
- }
- </script>
- <style>
- select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
- background-position: right 0.5rem center;
- background-repeat: no-repeat;
- background-size: 1.5em 1.5em;
- padding-right: 2.5rem;
- }
- html.dark select {
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
- }
- </style>
- <script type="importmap">
- {
- "imports": {
- "react": "https://aistudiocdn.com/react@^19.1.1",
- "react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
- "react/": "https://aistudiocdn.com/react@^19.1.1/",
- "recharts": "https://aistudiocdn.com/recharts@^3.1.2",
- "date-fns": "https://aistudiocdn.com/date-fns@^4.1.0",
- "date-fns/": "https://aistudiocdn.com/date-fns@^4.1.0/"
- }
- }
- </script>
- <link rel="stylesheet" href="/index.css">
- </head>
- <body class="bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
- <div id="root"></div>
- <script type="module" src="/index.tsx"></script>
- </body>
- </html>
|
