Add 4-page site structure with daisyUI navbar and Google embed placeholders
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+93
-3
@@ -1,12 +1,102 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light">
|
||||
<html lang="en" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Kingmaker</title>
|
||||
<title>Kingmaker — Gateway Gamers</title>
|
||||
<link rel="stylesheet" href="/src/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
<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 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>
|
||||
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user