A minimal starter for ATProto logins in Astro
1---
2import "../styles.css";
3---
4
5<html lang="en" data-theme="dracula">
6 <head>
7 <meta charset="utf-8" />
8 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
9 <meta name="viewport" content="width=device-width" />
10 <meta name="generator" content={Astro.generator} />
11 <title>ATProto Login</title>
12 </head>
13 <body>
14 <div class="min-h-screen flex items-center justify-center">
15 <div class="card w-96 bg-base-100 shadow-xl">
16 <div class="card-body">
17 <h2 class="card-title justify-center mb-6">Login</h2>
18 <form>
19 <div class="join join-vertical w-full">
20 <input
21 type="text"
22 placeholder="Username"
23 class="input input-bordered join-item"
24 name="username"
25 />
26 <button type="submit" class="btn btn-primary join-item">
27 Login
28 </button>
29 </div>
30 </form>
31 </div>
32 </div>
33 </div>
34 </body>
35</html>