AlertMe/index.html at main · yousuftomal/AlertMe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alert Posting Website</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
    <script>
        const supabaseUrl = 'https://oacwydxlrrctxmavodmt.supabase.co';
        const supabaseKey = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9hY3d5ZHhscnJjdHhtYXZvZG10Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjUwNTY5NDgsImV4cCI6MjA0MDYzMjk0OH0.tHHtD_AbhMJAI6KtfIQJWHIU7w7gLrlQPCX_56kAVXI'; // Replace with your Supabase key
        window.supabase = supabase.createClient(supabaseUrl, supabaseKey);
    </script>
</head>
<body>
    <header>
        <h1>⚠️LERT ME</h1>
    </header>
    <div id="app">
        <!-- Authentication Section -->
        <div id="auth-section">
            <div id="login-page">
                <h2>Login</h2>
                <form id="login-form">
                    <input type="email" id="login-email" placeholder="Email" required>
                    <input type="password" id="login-password" placeholder="Password" required>
                    <button type="submit">Login</button>
                </form>
                <button id="create-account-button">Create an account</button>
            </div>
            <div id="sign-up-page" style="display: none;">
                <h2>Sign Up</h2>
                <form id="sign-up-form">
                    <input type="text" id="sign-up-name" placeholder="Full Name" required>
                    <input type="email" id="sign-up-email" placeholder="Email" required>
                    <input type="tel" id="sign-up-phone" placeholder="Phone" required>
                    <input type="password" id="sign-up-password" placeholder="Password" required>
                    <button type="submit">Sign Up</button>
                </form>
                <p>Check email for Authentication Link. Click that and Come Back to Log in.</p>
                <button id="back-to-login-button">Back to Login</button>
            </div>
        </div>

        <!-- Alert Posting Section -->
        <div id="alerts-section" style="display: none;">
            <h2>Post an Alert</h2>
            <form id="post-alert-form">
                <textarea id="alert-message" placeholder="Type your alert message here..." required></textarea>
                <button type="submit">Post Alert</button>
            </form>

            <h2>Recent Alerts</h2>
            <div id="alerts-list"></div>
        </div>
    </div>

    <script src="app.js"></script>
</body>
</html>