58 lines
2.5 KiB
HTML
58 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Subfeed</title>
|
|
<style>
|
|
:root { color-scheme: dark; }
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
display: grid;
|
|
place-items: center;
|
|
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
|
|
color: #f4f4f5;
|
|
background: radial-gradient(1200px 800px at 20% 10%, #1f2a44 0%, #0b0f1a 55%, #07090f 100%);
|
|
}
|
|
.card {
|
|
width: min(92vw, 420px);
|
|
padding: 40px 36px;
|
|
border-radius: 20px;
|
|
background: rgba(255, 255, 255, 0.06);
|
|
border: 1px solid rgba(255, 255, 255, 0.12);
|
|
backdrop-filter: blur(16px);
|
|
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
|
|
text-align: center;
|
|
}
|
|
.logo { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; }
|
|
.logo span { color: #ff4d4f; }
|
|
p { color: #a1a1aa; line-height: 1.5; margin: 14px 0 28px; }
|
|
a.btn {
|
|
display: inline-flex; align-items: center; gap: 10px;
|
|
padding: 12px 20px; border-radius: 12px; text-decoration: none;
|
|
font-weight: 600; color: #0b0f1a; background: #f4f4f5;
|
|
transition: transform 0.12s ease, box-shadow 0.12s ease;
|
|
}
|
|
a.btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,0.35); }
|
|
.foot { margin-top: 24px; font-size: 12px; color: #71717a; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="card">
|
|
<div class="logo">Sub<span>feed</span></div>
|
|
<p>Your subscriptions, filtered your way.<br />Sign in with your Google account.</p>
|
|
<a class="btn" href="/auth/login">
|
|
<svg width="18" height="18" viewBox="0 0 48 48" aria-hidden="true">
|
|
<path fill="#EA4335" d="M24 9.5c3.5 0 6.6 1.2 9.1 3.6l6.8-6.8C35.9 2.4 30.4 0 24 0 14.6 0 6.4 5.4 2.5 13.3l7.9 6.1C12.3 13.2 17.7 9.5 24 9.5z"/>
|
|
<path fill="#4285F4" d="M46.1 24.6c0-1.6-.1-3.1-.4-4.6H24v9.1h12.4c-.5 2.9-2.1 5.3-4.6 6.9l7.1 5.5c4.2-3.9 6.2-9.6 6.2-16.9z"/>
|
|
<path fill="#FBBC05" d="M10.4 28.6c-.5-1.4-.8-2.9-.8-4.6s.3-3.2.8-4.6l-7.9-6.1C.9 16.5 0 20.1 0 24s.9 7.5 2.5 10.7l7.9-6.1z"/>
|
|
<path fill="#34A853" d="M24 48c6.4 0 11.9-2.1 15.9-5.8l-7.1-5.5c-2 1.3-4.5 2.1-8.8 2.1-6.3 0-11.7-3.7-13.6-9.9l-7.9 6.1C6.4 42.6 14.6 48 24 48z"/>
|
|
</svg>
|
|
Sign in with Google
|
|
</a>
|
|
<div class="foot">Invite-only access.</div>
|
|
</div>
|
|
</body>
|
|
</html>
|