Files
flyer-crawler.projectium.com/index.html

54 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grocery Flyer AI Analyzer</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'brand-primary': '#10B981',
'brand-secondary': '#059669',
'brand-dark': '#047857',
'brand-light': '#ecfdf5',
}
}
},
// This is needed to enable the dark: variants
darkMode: 'class'
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
</style>
<script type="importmap">
{
"imports": {
"react": "https://aistudiocdn.com/react@^19.2.0",
"react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
"react/": "https://aistudiocdn.com/react@^19.2.0/",
"@google/genai": "https://aistudiocdn.com/@google/genai@^1.28.0",
"recharts": "https://aistudiocdn.com/recharts@^3.3.0",
"@supabase/supabase-js": "https://aistudiocdn.com/@supabase/supabase-js@^2.78.0"
}
}
</script>
<!-- PDF.js Library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.5.136/pdf.min.mjs" type="module"></script>
<link rel="stylesheet" href="/index.css">
</head>
<body>
<div id="root"></div>
<script type="module">
// Set the workerSrc for pdf.js
window.pdfjsWorker = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.5.136/pdf.worker.min.mjs';
</script>
<script type="module" src="/index.tsx"></script>
</body>
</html>