56 lines
1.9 KiB
HTML
56 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Rustie - Routine Planner</title>
|
|
<link data-trunk rel="rust" data-wasm-opt="z" />
|
|
<link data-trunk rel="css" href="style.css" />
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: '#0f172a',
|
|
secondary: '#1e293b',
|
|
accent: '#fbbf24',
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<link data-trunk rel="copy-file" href="manifest.json" />
|
|
<link rel="manifest" href="manifest.json">
|
|
<meta name="theme-color" content="#0f172a">
|
|
<meta name="description" content="Plan your daily routine based on biological and solar rhythms.">
|
|
<style>
|
|
/* Critical CSS for loading state */
|
|
body {
|
|
margin: 0;
|
|
background: #0f172a;
|
|
color: white;
|
|
font-family: system-ui, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<!-- Visible before WASM loads -->
|
|
<div style="display: flex; align-items: center; justify-content: center; min-height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #0f172a; color: white; font-family: system-ui;">
|
|
<div style="text-align: center;">
|
|
<div style="font-size: 2em; margin-bottom: 1em;">⏳</div>
|
|
<div style="font-size: 1.2em; margin-bottom: 0.5em;">Loading Rustie...</div>
|
|
<div style="font-size: 0.9em; opacity: 0.7;">If this message persists, check console for errors</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |