59 lines
2.1 KiB
HTML
59 lines
2.1 KiB
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 campaign hub on Gateway Gamers.</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>Update this section with your campaign's specific details — setting, house rules, session schedule, and anything else players should know.</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>
|