homepage.html
html
<html data-theme="dark"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome To Skyscape!</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" hx-boost="true"> <li><a href="/profile">Profile</a></li> <li><a href="/auth/logout">Logout</a></li> </ul> </div> {{else}} <a href="/auth/signin" class="btn btn-primary btn-sm">Sign In</a> {{end}} </div> </div> <div class="hero min-h-screen"> <div class="hero-content flex-col gap-4 items-center"> <h1 class="text-3xl font-bold">Welcome To The Skyscape!</h1> <p class="text-xl font-semibold opacity-80 mb-4"> This is a sample page. Thank you for visiting! </p> <div class="w-sm flex flex-col gap-4 items-center sm:flex-row sm:justify-between" id="counter"> {{block "counter" .}} <h2 class="text-2xl font-bold opacity-90">The Count is {{home.CurrentCount}}</h2> <button class="btn btn-primary" hx-post="{{hostPrefix}}/count" hx-target="#counter"> Increment </button> {{end}} </div> </div> </div></body></html>
No comments yet.