|
|
| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>Branding Content Testing</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <style> |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
| |
| body { |
| font-family: 'Inter', sans-serif; |
| background-color: #050505; |
| color: #ffffff; |
| } |
| |
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
| ::-webkit-scrollbar-track { |
| background: #050505; |
| } |
| ::-webkit-scrollbar-thumb { |
| background: #333; |
| border-radius: 4px; |
| } |
| ::-webkit-scrollbar-thumb:hover { |
| background: #555; |
| } |
| |
| |
| .bg-glass { |
| background: rgba(255, 255, 255, 0.05); |
| backdrop-filter: blur(10px); |
| -webkit-backdrop-filter: blur(10px); |
| } |
| |
| .gradient-text { |
| background: linear-gradient(to right, #fff, #aaa); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| } |
| |
| |
| @keyframes blink { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0; } |
| } |
| .animate-blink { |
| animation: blink 1s step-end infinite; |
| } |
| </style> |
| <script type="importmap"> |
| { |
| "imports": { |
| "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/", |
| "react/": "https://aistudiocdn.com/react@^19.2.0/", |
| "react": "https://aistudiocdn.com/react@^19.2.0", |
| "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0", |
| "recharts": "https://aistudiocdn.com/recharts@^3.5.0", |
| "plotly.js": "https://cdn.jsdelivr.net/npm/plotly.js-dist-min@2.30.0/+esm" |
| } |
| } |
| </script> |
| </head> |
| <body> |
| <div id="root"></div> |
| <script type="module" src="/index.tsx"></script> |
| </body> |
| </html> |
