Initial commit: Rustie PWA - Prayer time planner (source only)

2025-12-11 22:43:55 +03:00
commit 74d7b718d0
24 changed files with 4111 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,56 @@
+<!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>