From 6d6d48b3017a6de1177cabb3bd06d19a9cec15ae Mon Sep 17 00:00:00 2001
From: Mike Johnston <mike@nervesocket.com>
Date: Wed, 29 Apr 2026 22:43:38 -0400
Subject: [PATCH] feat: add sustainability section to about page and report
 issue link in teaser

---
 src/routes/loot.js        | 1 +
 src/views/about.ejs       | 7 +++++++
 src/views/loot/teaser.ejs | 1 +
 3 files changed, 9 insertions(+)

diff --git a/src/routes/loot.js b/src/routes/loot.js
index 314a593..74ba9f3 100644
--- a/src/routes/loot.js
+++ b/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
diff --git a/src/views/about.ejs b/src/views/about.ejs
index d92975b..f7b7f74 100644
--- a/src/views/about.ejs
+++ b/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>
diff --git a/src/views/loot/teaser.ejs b/src/views/loot/teaser.ejs
index 618d19f..032ad92 100644
--- a/src/views/loot/teaser.ejs
+++ b/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>