knuthtimo-lab
024eec6686
Sets up the project using Vite, React, and TypeScript. Includes initial configuration for Tailwind CSS, Gemini API integration, and local storage management. Defines basic types for plant data and UI elements. The README is updated with local development instructions.
81 lines
2.5 KiB
HTML
81 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
<title>GreenLens</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
50: '#ecfdf5',
|
|
100: '#d1fae5',
|
|
200: '#a7f3d0',
|
|
300: '#6ee7b7',
|
|
400: '#34d399',
|
|
500: '#10b981',
|
|
600: '#059669',
|
|
700: '#047857',
|
|
800: '#065f46',
|
|
900: '#064e3b',
|
|
},
|
|
stone: {
|
|
850: '#1f1f1e',
|
|
950: '#0c0c0c',
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'system-ui', 'sans-serif'],
|
|
serif: ['Merriweather', 'serif'],
|
|
},
|
|
animation: {
|
|
'scan': 'scan 2s linear infinite',
|
|
},
|
|
keyframes: {
|
|
scan: {
|
|
'0%': { top: '0%' },
|
|
'50%': { top: '100%' },
|
|
'100%': { top: '0%' },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
font-family: 'Inter', sans-serif;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
/* Hide scrollbar for IE, Edge and Firefox */
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
</style>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"react": "https://esm.sh/react@^19.2.4",
|
|
"react-dom/": "https://esm.sh/react-dom@^19.2.4/",
|
|
"react/": "https://esm.sh/react@^19.2.4/",
|
|
"@google/genai": "https://esm.sh/@google/genai@^1.38.0",
|
|
"lucide-react": "https://esm.sh/lucide-react@^0.563.0",
|
|
"uuid": "https://esm.sh/uuid@^13.0.0"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="bg-stone-100 dark:bg-black text-stone-900 dark:text-stone-100 antialiased selection:bg-primary-500 selection:text-white">
|
|
<div id="root"></div>
|
|
</body>
|
|
</html> |