feat: add sustainability section to about page and report issue link in teaser

src/routes/loot.js

@@ -59,6 +59,7 @@ router.get('/:shortName/:code', (req, res) => {
     return res.render('loot/teaser', {
       title: 'Loot Found!',
       potentialPoints,
+      shortName: hunt.short_name,
       huntName: hunt.name,
       cardNumber: pkg.card_number,
       packageCount: hunt.package_count

src/views/about.ejs

@@ -70,6 +70,13 @@
     <p style="margin-top: 1rem;">Interested? <a href="/apply-organizer" style="color: var(--primary); font-weight: 600;">Apply to become an organizer</a>.</p>
   </div>
 
+  <div class="card" style="margin-top: 1.5rem;">
+    <h2 style="margin-top: 0;">Sustainability</h2>
+    <p>Loot Hunt should not create litter, waste, or friction with the places people live, work, and share. The goal is to keep the game fun while aiming for zero environmental impact.</p>
+    <p>Organizers are expected to place materials thoughtfully, avoid problematic or prohibited locations, and clean up after themselves. If a package becomes damaged, misplaced, or unwelcome, it should be removed or relocated quickly.</p>
+    <p style="margin-bottom: 0;">If you find a card causing an issue, you are welcome to recycle it and submit a complaint from that package page so the organizer can review and respond responsibly.</p>
+  </div>
+
   <div class="card" style="margin-top: 1.5rem;">
     <h2 style="margin-top: 0;">Get in Touch</h2>
     <p>Have questions, ideas, or found a bug? Reach out!</p>

src/views/loot/teaser.ejs

@@ -10,6 +10,7 @@
     <div class="teaser-buttons">
       <a href="/auth/login" class="btn btn-primary btn-lg">Log In</a>
       <a href="/auth/register" class="btn btn-success btn-lg">Sign Up</a>
+      <a href="/hunt/<%= shortName %>/<%= cardNumber %>/report" class="btn btn-outline btn-lg">Report an Issue</a>
     </div>
     <p class="teaser-hunt-info"><%= huntName %> &middot; Package <%= cardNumber %> of <%= packageCount %></p>
   </div>