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.