PHP Rebuild

Initial PHP rebuild of the app
2026-09-05 08:21:33 +01:00
1 parent 8a2b211069
commit 2ef3654841
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script>
+        window.FontAwesomeConfig = {
+          autoReplaceSvg: 'nest'
+        };
+      </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+    <title>Verify — TrimTime</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <script>
+      tailwind.config = {
+        theme: {
+          extend: {
+            colors: { ink: '#111b15', stone: '#f4f6f4', surface: '#ffffff', muted: '#6c7870', line: '#e1e7e2', accent: '#10b981' },
+            fontFamily: { sans: ['Inter', 'sans-serif'] },
+            borderRadius: { jumbo: '1rem', tile: '0.75rem' }
+          }
+        }
+      }
+    </script>
+</head>
+<body class="bg-stone text-ink min-h-screen flex flex-col px-6 py-12">
+
+    <div class="flex-1 flex flex-col justify-center max-w-md mx-auto w-full text-center">
+        <header class="mb-12">
+            <div class="w-20 h-20 bg-ink text-white rounded-full flex items-center justify-center text-3xl mx-auto mb-8">
+                <i class="fa-solid fa-shield-halved"></i>
+            </div>
+            <h1 class="text-3xl font-bold tracking-tight">Verify Your Account</h1>
+            <p class="text-muted mt-4 text-sm leading-relaxed">We've sent a 4-digit code to <br><span class="text-ink font-semibold">alex.chen@example.com</span></p>
+        </header>
+
+        <div class="flex justify-center gap-4 mb-12">
+            <input type="text" maxlength="1" class="w-16 h-16 bg-surface border border-line rounded-2xl text-center text-2xl font-bold focus:ring-2 focus:ring-ink outline-none transition-all">
+            <input type="text" maxlength="1" class="w-16 h-16 bg-surface border border-line rounded-2xl text-center text-2xl font-bold focus:ring-2 focus:ring-ink outline-none transition-all">
+            <input type="text" maxlength="1" class="w-16 h-16 bg-surface border border-line rounded-2xl text-center text-2xl font-bold focus:ring-2 focus:ring-ink outline-none transition-all">
+            <input type="text" maxlength="1" class="w-16 h-16 bg-surface border border-line rounded-2xl text-center text-2xl font-bold focus:ring-2 focus:ring-ink outline-none transition-all">
+        </div>
+
+        <button type="button" onclick="location.href='Onboarding__mobile.html'" class="w-full bg-ink text-white py-5 rounded-full font-bold uppercase tracking-widest hover:bg-black transition-all shadow-lg">
+            Verify &amp; Continue
+        </button>
+
+        <div class="mt-12">
+            <p class="text-sm text-muted">Didn't receive the code?</p>
+            <button class="text-ink font-bold border-b border-ink mt-2">Resend Code</button>
+        </div>
+    </div>
+
+</body>
+</html>