From ebe0a9692fae7cca8011fc77bc6a7ee25cc50a75 Mon Sep 17 00:00:00 2001
From: aarbit <aarbit@gmail.com>
Date: Mon, 18 May 2026 00:44:53 -0500
Subject: [PATCH] Adds rules page

---
 src/App.svelte                      |  2 +
 src/lib/components/BottomNav.svelte |  7 ++++
 src/routes/Rules.svelte             | 65 +++++++++++++++++++++++++++++
 3 files changed, 74 insertions(+)
 create mode 100644 src/routes/Rules.svelte

diff --git a/src/App.svelte b/src/App.svelte
index 31878bd..d65c00f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -14,6 +14,7 @@
     import HuntCreate from './routes/admin/HuntCreate.svelte'
     import HuntManage from './routes/admin/HuntManage.svelte'
     import PhotoReview from './routes/admin/PhotoReview.svelte'
+    import Rules from './routes/Rules.svelte'
 
     const routes = {
     '/':                               HuntList,
@@ -26,6 +27,7 @@
     '/admin/hunt/create':              HuntCreate,
     '/admin/hunt/:huntId':             HuntManage,
     '/admin/hunt/:huntId/review':      PhotoReview,
+    '/rules':                          Rules,
   }
 
   const publicRoutes = ['/login', '/signup']
diff --git a/src/lib/components/BottomNav.svelte b/src/lib/components/BottomNav.svelte
index 059c25d..15ac5e8 100644
--- a/src/lib/components/BottomNav.svelte
+++ b/src/lib/components/BottomNav.svelte
@@ -29,4 +29,11 @@
       <span class="btm-nav-label text-xs">Scores</span>
     </button>
   {/if}
+
+  <button class:active={isActive('/rules')} onclick={() => push('/rules')}>
+    <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="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+    </svg>
+    <span class="btm-nav-label text-xs">Rules</span>
+  </button>
 </nav>
diff --git a/src/routes/Rules.svelte b/src/routes/Rules.svelte
new file mode 100644
index 0000000..dd3d5e3
--- /dev/null
+++ b/src/routes/Rules.svelte
@@ -0,0 +1,65 @@
+<script lang="ts">
+</script>
+
+<div class="max-w-lg mx-auto px-4 py-6">
+  <h1 class="text-2xl font-bold mb-1">Rules</h1>
+  <p class="text-base-content/60 text-sm mb-6">How to play fairly and have a great time.</p>
+
+  <div class="space-y-3">
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">1. Photos Must Be Taken Live</h2>
+        <p class="text-sm text-base-content/70">All photos must be taken during the hunt. No screenshots, stock images, or photos taken before the hunt started.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">2. Stay Safe and Legal</h2>
+        <p class="text-sm text-base-content/70">Never trespass on private property or put yourself in danger to get a shot. No clue is worth it.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">3. Leave No Trace</h2>
+        <p class="text-sm text-base-content/70">Leave every location exactly as you found it. Be respectful of spaces and the people in them.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">4. No Sharing Answers</h2>
+        <p class="text-sm text-base-content/70">Keep your finds to yourself until the hunt is over. Sharing clue answers or locations with other teams is not allowed.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">5. Photos Must Be Clear</h2>
+        <p class="text-sm text-base-content/70">Submitted photos must clearly show the required subject. Blurry, cropped, or ambiguous photos may be rejected by the organizer.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">6. Finish Before Time's Up</h2>
+        <p class="text-sm text-base-content/70">All submissions must be made before the hunt ends. Late entries will not count toward your score.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">7. Organizer Decisions Are Final</h2>
+        <p class="text-sm text-base-content/70">The hunt organizer has final say on whether a photo meets the requirements. Disputes should be raised politely and promptly.</p>
+      </div>
+    </div>
+
+    <div class="card bg-base-100 shadow-sm">
+      <div class="card-body py-4 px-5">
+        <h2 class="card-title text-base">8. Have Fun</h2>
+        <p class="text-sm text-base-content/70">Good sportsmanship is expected from everyone. Celebrate the wins, shake off the misses, and enjoy the adventure.</p>
+      </div>
+    </div>
+  </div>
+</div>