sites/kingmaker/index.html

<!DOCTYPE html>
<html lang="en" data-theme="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Kingmaker — Gateway Gamers</title>
    <link rel="stylesheet" href="/src/style.css" />
  </head>
  <body class="min-h-screen flex flex-col">

    <div id="header"></div>

    <!-- ===== CAROUSEL ===== -->
    <!-- Add images inside this section when ready -->
    <!--
    <div class="carousel w-full">
      <div id="slide1" class="carousel-item relative w-full">
        <img src="/images/photo1.jpg" class="w-full object-cover max-h-96" alt="Campaign art" />
        <div class="absolute left-5 right-5 top-1/2 flex -translate-y-1/2 transform justify-between">
          <a href="#slide2" class="btn btn-circle">❮</a>
          <a href="#slide2" class="btn btn-circle">❯</a>
        </div>
      </div>
    </div>
    -->

    <!-- ===== MAIN CONTENT ===== -->
    <main class="flex-1 max-w-5xl w-full mx-auto px-6 py-10">

      <h1 class="text-4xl font-bold mb-4">Kingmaker</h1>
      <p class="text-lg mb-8">Welcome to the Kingmaker 40k campaign hub on Gateway Gamers.</p>

      <div class="divider"></div>

      <section class="mb-8">
        <h2 class="text-2x1 font-semibold mb-3">Current Season</h2>
        <p class="mb-4">11th Edition Launch Season</p>
        <p>This current Season runs from 7/06/2026 to 12/31/2026</p>
        <p>SIGNUPS ARE LIVE</p>

      <div class="divider"></div>

      <section class="mb-8">
        <h2 class="text-2xl font-semibold mb-3">About the Campaign</h2>
        <p class="mb-4">Kingmaker is a Warhammer 40k league run by a local club. Players compete across a series of games to claim dominance over the battlefield.</p>
        <p>The campaign will be organized into several divisions, with division size based on the amount of signups. Division 1 will be the most competitive, with overall division competitive-ness decreasing as the division number increases. The league is welcome to all skill levels, and hopefully you should be assigned a division that is close to the level of play that you would expect.</p>
      </section>

      <div class="divider"></div>

      <section class="mb-8">
        <h2 class="text-2xl font-semibold mb-3">Quick Links</h2>
        <div class="flex flex-wrap gap-4">
          <a href="signups.html" class="btn btn-primary">Sign Up to Play</a>
          <a href="reporting.html" class="btn btn-secondary">Report a Game</a>
          <a href="standings.html" class="btn btn-accent">View Standings</a>
        </div>
      </section>

    </main>

    <div id="footer"></div>

    <script type="module" src="/src/main.js"></script>
  </body>
</html>