Spaces:
Sleeping
Sleeping
File size: 2,538 Bytes
8a52f41 | 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 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Login — StartupAI</title>
<link rel="stylesheet" href="style.css" />
<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="script.js"></script>
</head>
<body>
<!-- ===================== LOGIN CONTAINER ===================== -->
<main style="min-height:100vh;display:flex;align-items:center;justify-content:center;">
<div class="modal-card" style="max-width:420px;text-align:center;">
<h2 style="margin-bottom:10px;">Welcome to <span style="color:#7f3bf0">StartupAI</span></h2>
<p class="muted" style="margin-bottom:24px;">
Login using Google to continue exploring AI-powered startup analysis.
</p>
<button id="googleLoginBtn" class="btn primary" style="width:100%;padding:14px;">
Continue with Google
</button>
<p class="muted small" style="margin-top:16px;">
We do not post anything on your behalf.
</p>
<div id="loginStatus" class="muted small" style="margin-top:10px;"></div>
</div>
</main>
<!-- ===================== SCRIPT ===================== -->
<script>
/* Firebase Config */
const firebaseConfig = {
apiKey: "AIzaSyDVwJCmDIEV4cIPDEEzxCLOnDF1f3m3YbA",
authDomain: "success-predictor-fire.firebaseapp.com",
projectId: "success-predictor-fire",
};
firebase.initializeApp(firebaseConfig);
const auth = firebase.auth();
/* Login Handler */
document.getElementById("googleLoginBtn").onclick = async () => {
try {
document.getElementById("loginStatus").innerText = "Signing in...";
const provider = new firebase.auth.GoogleAuthProvider();
const result = await auth.signInWithPopup(provider);
const token = await result.user.getIdToken();
await fetch("/api/login", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ token }),
});
document.getElementById("loginStatus").innerText = "Login successful! Redirecting...";
setTimeout(() => location.href = "/", 1200);
} catch (err) {
document.getElementById("loginStatus").innerText = "Login failed. Try again.";
console.error(err);
}
};
</script>
</body>
</html>
|