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="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.