From 1f3dc9f574b3e08494a9573cb04f08034ac76acb Mon Sep 17 00:00:00 2001
From: Tony M <pgx7aiqs@anonaddy.me>
Date: Tue, 28 Jul 2026 19:07:33 -0700
Subject: [PATCH] sfx show term airbnb RV site

---
 css/styles.css                   |  7 ++-
 index.html                       | 84 +++++++++++++++++++++++++++++---
 js/{fireworks.js => sfx-show.js} |  0
 3 files changed, 82 insertions(+), 9 deletions(-)
 rename js/{fireworks.js => sfx-show.js} (100%)

diff --git a/css/styles.css b/css/styles.css
index 1c399ec..92537de 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -737,7 +737,7 @@ h6 {
 .bg--teal {
   background: var(--accent);
 }
-.bg--fireworks {
+.bg--sfx-show {
   background: #c4707c;
 }
 .bg--sapphire {
@@ -2401,6 +2401,11 @@ footer {
   margin-top: 8px;
 }
 
+.lodging__airbnb-cta {
+  margin-top: 8px;
+  align-self: flex-start;
+}
+
 /* ---------- Challenge ---------- */
 .challenge {
   width: 100%;
diff --git a/index.html b/index.html
index bad77bc..9b97dc1 100644
--- a/index.html
+++ b/index.html
@@ -90,7 +90,7 @@
     <script defer src="./js/navbar.js"></script>
     <script defer src="./js/back-to-top.js"></script>
     <script defer src="./js/agenda.js"></script>
-    <script defer src="./js/fireworks.js"></script>
+    <script defer src="./js/sfx-show.js"></script>
     <script async src="https://app.hi.events/widget.js"></script>
     <script type="application/ld+json">
       {
@@ -666,7 +666,7 @@
                 "position": 1,
                 "name": "Pillar of Light",
                 "url": "https://shilohecho.org/#activities",
-                "description": "An intentionally firework-free night show featuring cryogenic effects and indoor-rated SFX, all the spectacle without the risks of traditional pyrotechnics."
+                "description": "An intentionally firework-free SFX show featuring cryogenic effects and indoor-rated effects, all the spectacle without the risks of traditional pyrotechnics."
               },
               {
                 "@type": "ListItem",
@@ -1300,9 +1300,9 @@
           <a class="btn btn--outline" role="button" href="#donate">Donate</a>
         </div>
 
-        <div class="sponsor-tier bg--fireworks">
+        <div class="sponsor-tier bg--sfx-show">
           <div class="sponsor-tier__header">
-            <h3 class="sponsor-tier__name">Fireworks Presented By</h3>
+            <h3 class="sponsor-tier__name">SFX Show Presented By</h3>
             <a
               class="btn btn--outline sponsor-tier__cta"
               target="_blank"
@@ -2633,7 +2633,8 @@
           Stay on-site at the scenic 100+ acre Boulder Creek Retreat and fully
           immerse yourself in the 3-day experience. Three lodging options to fit
           your family, all include hot showers and wood-burning fires in
-          designated areas. Share exactly what you need at checkout.
+          designated areas. Share exactly what you need at checkout. If on-site
+          stays sell out, see the Off-Site / Airbnb tab for nearby options.
         </p>
 
         <div class="lodging__options">
@@ -2648,7 +2649,10 @@
             <i class="fa-solid fa-tent"></i> Camp Site
           </button>
           <button class="lodging__tab" data-option="rv" type="button">
-            <i class="fa-solid fa-rv"></i> RV Site
+            <i class="fa-solid fa-caravan"></i> RV Site
+          </button>
+          <button class="lodging__tab" data-option="airbnb" type="button">
+            <i class="fa-brands fa-airbnb"></i> Off-Site / Airbnb
           </button>
         </div>
 
@@ -2756,7 +2760,7 @@
 
           <div class="lodging__panel" data-panel="rv">
             <div class="lodging__panel-media lodging__panel-media--icon">
-              <i class="fa-solid fa-rv"></i>
+              <i class="fa-solid fa-caravan"></i>
             </div>
             <div class="lodging__panel-body">
               <span class="lodging__price-tag">From $115</span>
@@ -2783,6 +2787,51 @@
               </ul>
             </div>
           </div>
+
+          <div class="lodging__panel" data-panel="airbnb">
+            <div class="lodging__panel-media">
+              <img
+                loading="lazy"
+                decoding="async"
+                src="https://a0.muscache.com/im/pictures/miso/Hosting-1408957887795973908/original/d4bcfdee-c3d9-4f57-b910-51a09e6c4982.jpeg?im_w=720"
+                alt="Airbnb lodging near Boulder Creek Retreat, Bonners Ferry"
+              />
+            </div>
+            <div class="lodging__panel-body">
+              <span class="lodging__price-tag">Varies</span>
+              <h3 class="lodging__panel-title">Off-Site Lodging (Airbnb)</h3>
+              <p class="lodging__panel-desc">
+                If on-site Stay Tickets sell out, or you'd prefer a private
+                space, find an Airbnb nearby and pair it with a 3-Day Ticket
+                for full event access.
+              </p>
+              <ul class="lodging__features">
+                <li>
+                  <i class="fa-solid fa-location-dot"></i> Near 372 Denali Ln,
+                  Bonners Ferry, ID 83805
+                </li>
+                <li>
+                  <i class="fa-solid fa-car"></i> 15–30 minute drive to venue
+                </li>
+                <li>
+                  <i class="fa-solid fa-calendar-days"></i> Sept 11–13, 2026
+                  dates pre-filled
+                </li>
+                <li>
+                  <i class="fa-solid fa-ticket"></i> Pair with a 3-Day Ticket
+                  for event entry
+                </li>
+              </ul>
+              <a
+                class="btn btn--primary lodging__airbnb-cta"
+                role="button"
+                target="_blank"
+                rel="noopener noreferrer"
+                href="https://www.airbnb.com/s/Boulder-Creek-Retreat-%26-Training-Center--Bonners-Ferry--ID/homes?place_id=ChIJCf2ICGqNY1MR_aKjV3WWV-U&refinement_paths%5B%5D=%2Fhomes&checkin=2026-09-11&checkout=2026-09-13&date_picker_type=calendar&adults=2&guests=2&search_type=AUTOSUGGEST"
+                >Search Airbnb Nearby</a
+              >
+            </div>
+          </div>
         </div>
 
         <div class="lodging__highlights">
@@ -3357,7 +3406,7 @@
             <div class="activity__body">
               <h3 class="activity__name">Pillar of Light</h3>
               <p class="activity__desc">
-                Our Saturday night show is intentionally firework-free. A
+                Our Saturday night SFX show is intentionally firework-free. A
                 pioneering mix of cryogenic effects, indoor-rated SFX, and a
                 curated light and music experience delivers all the spectacle of
                 a traditional finale without the drifting ember, debris, or
@@ -3528,6 +3577,25 @@
             </div>
           </article>
 
+          <article class="activity" data-categories="trades event">
+            <div class="activity__media">
+              <img
+                loading="lazy"
+                decoding="async"
+                src="https://images.unsplash.com/photo-1541753866388-0b3c701627d3?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+                alt="Art workshop with North Idaho artist and teacher Susan Carter at Shiloh Echo '26"
+              />
+              <span class="activity__badge">Workshop</span>
+            </div>
+            <div class="activity__body">
+              <h3 class="activity__name">Art Workshop</h3>
+              <p class="activity__desc">
+                Hands-on art instruction with North Idaho artist and teacher
+                Susan Carter. Open to all skill levels, supplies provided.
+              </p>
+            </div>
+          </article>
+
           <article class="activity" data-categories="trades">
             <div class="activity__media">
               <img
diff --git a/js/fireworks.js b/js/sfx-show.js
similarity index 100%
rename from js/fireworks.js
rename to js/sfx-show.js