profile.html
html
<html data-theme="dark"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Profile - Skykit Example</title> <!-- HTMX --> <script src="https://cdn.jsdelivr.net/npm/htmx.org@2.0.8/dist/htmx.min.js" integrity="sha384-/TgkGk7p307TH7EXJDuUlgG3Ce1UVolAOFopFekQkkXihi5u/6OCvVKyz1W+idaz" crossorigin="anonymous"></script> <!-- Tailwind CSS & Daisy UI --> <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" /> <link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" /> <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script></head><body> <div class="navbar bg-base-300"> <div class="flex-1"> <a class="btn btn-ghost text-xl" href="/">Skykit Example</a> </div> <div class="flex-none gap-2"> {{with CurrentUser}} <div class="dropdown dropdown-end"> <div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar"> <div class="w-10 rounded-full"> <img alt="{{.Name}}" src="{{.Avatar}}" /> </div> </div> <ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"> <li><a href="/profile">Profile</a></li> <li><a href="/auth/logout">Logout</a></li> </ul> </div> {{end}} </div> </div> <div class="hero min-h-screen"> <div class="hero-content"> {{with CurrentUser}} <div class="card w-96 bg-base-100 shadow-xl"> <figure class="px-10 pt-10"> <div class="avatar"> <div class="w-24 rounded-full"> <img src="{{.Avatar}}" alt="{{.Name}}" /> </div> </div> </figure> <div class="card-body items-center text-center"> <h2 class="card-title">{{.Name}}</h2> <p class="text-sm opacity-60">@{{.Handle}}</p> <p class="text-sm opacity-60">{{.Email}}</p> <div class="divider"></div> <div class="stats stats-vertical shadow w-full"> <div class="stat"> <div class="stat-title">User ID</div> <div class="stat-value text-sm">{{.ID}}</div> </div> <div class="stat"> <div class="stat-title">Access Token</div> <div class="stat-value text-xs break-all">{{.AccessToken}}</div> </div> <div class="stat"> <div class="stat-title">Token Expires</div> <div class="stat-value text-sm">{{.ExpiresAt.Format "2006-01-02 15:04"}}</div> </div> </div> <div class="card-actions mt-4"> <a href="/" class="btn btn-primary">Back to Home</a> <a href="/auth/logout" class="btn btn-ghost">Logout</a> </div> </div> </div> {{end}} </div> </div></body></html>
No comments yet.