2026-05-28 15:58:00 -05:00
<!DOCTYPE html>
2026-05-28 16:20:32 -05:00
< html lang = "en" data-theme = "dark" >
2026-05-28 15:58:00 -05:00
< head >
< meta charset = "UTF-8" />
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
2026-05-28 16:20:32 -05:00
< title > Kingmaker — Gateway Gamers</ title >
2026-05-28 15:58:00 -05:00
< link rel = "stylesheet" href = "/src/style.css" />
</ head >
2026-05-28 16:20:32 -05:00
< body class = "min-h-screen flex flex-col" >
<!-- ===== NAVBAR ===== -->
< div class = "navbar bg-base-300 shadow-lg px-4" >
< div class = "navbar-start" >
< a href = "index.html" class = "text-xl font-bold tracking-wide" > Kingmaker</ a >
</ div >
< div class = "navbar-center hidden lg:flex" >
< ul class = "menu menu-horizontal px-1 gap-1" >
< li >< a href = "index.html" > Home</ a ></ li >
< li >< a href = "signups.html" > Sign-ups</ a ></ li >
< li >< a href = "reporting.html" > Game Reporting</ a ></ li >
< li >< a href = "stats.html" > Stats</ a ></ li >
</ ul >
</ div >
< div class = "navbar-end gap-2" >
<!-- Theme toggle -->
< label class = "swap swap-rotate btn btn-ghost btn-circle" title = "Toggle light/dark" >
< input type = "checkbox" class = "theme-controller" value = "light" />
<!-- Moon icon (dark mode) -->
< svg class = "swap-off h-5 w-5 fill-current" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" >
< path d = "M21.64 13a1 1 0 0 0-1.27-.66 8.5 8.5 0 0 1-10.71-10.71 1 1 0 0 0-1.32-1.27A10 10 0 1 0 22 14.29a1 1 0 0 0-.36-1.29z" />
</ svg >
<!-- Sun icon (light mode) -->
< svg class = "swap-on h-5 w-5 fill-current" xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 24 24" >
< path d = "M5.64 17l-.71.71a1 1 0 0 0 1.41 1.41l.71-.71A1 1 0 0 0 5.64 17zM5 12a1 1 0 0 0-1-1H3a1 1 0 0 0 0 2h1a1 1 0 0 0 1-1zm7-7a1 1 0 0 0 1-1V3a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM5.64 7.05a1 1 0 0 0 .7.29 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.41l-.71-.71a1 1 0 0 0-1.41 1.41zm12 .29a1 1 0 0 0 .7-.29l.71-.71a1 1 0 0 0-1.41-1.41l-.71.71a1 1 0 0 0 0 1.41 1 1 0 0 0 .71.29zM21 11h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm-9 8a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zm6.36-2a1 1 0 0 0-1.41 1.41l.71.71a1 1 0 0 0 1.41-1.41zM12 6.5a5.5 5.5 0 1 0 5.5 5.5A5.51 5.51 0 0 0 12 6.5z" />
</ svg >
</ label >
<!-- Mobile menu -->
< div class = "dropdown dropdown-end lg:hidden" >
< label tabindex = "0" class = "btn btn-ghost btn-circle" >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" >
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M4 6h16M4 12h16M4 18h16" />
</ svg >
</ label >
< ul tabindex = "0" class = "menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-200 rounded-box w-52" >
< li >< a href = "index.html" > Home</ a ></ li >
< li >< a href = "signups.html" > Sign-ups</ a ></ li >
< li >< a href = "reporting.html" > Game Reporting</ a ></ li >
< li >< a href = "stats.html" > Stats</ a ></ li >
</ ul >
</ div >
</ div >
</ 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 href="#slide2" class="btn btn-circle">❯
</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 Pathfinder campaign set in the Stolen Lands of Golarion. Players explore, conquer, and eventually rule a burgeoning nation in the wild frontier.</ 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 = "stats.html" class = "btn btn-accent" > View Stats</ a >
</ div >
</ section >
</ main >
<!-- ===== FOOTER ===== -->
< footer class = "footer footer-center bg-base-300 text-base-content p-4" >
< p > © 2026 Gateway Gamers. All rights reserved.</ p >
</ footer >
2026-05-28 15:58:00 -05:00
< script type = "module" src = "/src/main.js" ></ script >
</ body >
</ html >
