Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Countdown to Oct 25, 12:00 PM</title>
  <style>
    :root {
      --red: #fe3a00;
    }
    .countdown-wrap {
      display: grid;
      place-items: center;
      padding: 1rem;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    }
    .timer {
      color: var(--red);
      font-weight: 800;
      letter-spacing: 0.02em;
      font-size: clamp(1.5rem, 3.5vw + 1rem, 2.5rem);
    }
    .done {
      color: var(--red);
      font-size: clamp(1rem, 2vw + 0.6rem, 1.25rem);
      font-weight: 700;
    }
  </style>
</head>
<body>
  <div class="countdown-wrap" role="timer" aria-live="polite">
    <div id="countdown" class="timer" title="Countdown timer">
      <span id="d">0</span>d 
      <span id="h">0</span>h 
      <span id="m">0</span>m 
      <span id="s">0</span>s
    </div>
    <div id="done" class="done" hidden>It’s time! 🎉</div>
  </div>

  <script>
  let countdownTimer;
  let countdownInitialized = false;

  function startCountdown() {
      const elD = document.getElementById('d');
      if (!elD || countdownInitialized) return;

      countdownInitialized = true;

      if(countdownTimer) clearInterval(countdownTimer);

      const target = new Date('2025-10-25T12:00:00-07:00');
      const elH = document.getElementById('h');
      const elM = document.getElementById('m');
      const elS = document.getElementById('s');
      const box = document.getElementById('countdown');
      const done = document.getElementById('done');

      function pad(n){ return String(n).padStart(2, '0'); }

      function tick() {
          const now = new Date();
          let diff = target.getTime() - now.getTime();

          if (diff <= 0) {
              box.hidden = true;
              done.hidden = false;
              clearInterval(countdownTimer);
              return;
          }

          const sec = Math.floor(diff / 1000);
          const days = Math.floor(sec / 86400);
          const hours = Math.floor((sec % 86400) / 3600);
          const mins = Math.floor((sec % 3600) / 60);
          const secs = sec % 60;

          elD.textContent = days;
          elH.textContent = pad(hours);
          elM.textContent = pad(mins);
          elS.textContent = pad(secs);
      }

      tick();
      countdownTimer = setInterval(tick, 1000);
  }

  // Run initially
  startCountdown();

  // Observe DOM changes for Durable client-side navigation
  const observer = new MutationObserver(() => {
      if(document.getElementById('countdown')) {
          startCountdown();
      }
  });

  observer.observe(document.body, { childList: true, subtree: true });
  </script>
</body>
</html>

Image

Pricing Table

EARLY-BIRD TICKETS ON SALE NOW!

General Admission

VIP Access

Minimalistic illustration of white spider webs and a hanging spider on a dark blue background.

Video

List

A look inside..

<p>Experience Live Music From a variety of Talented DJs from across America!</p>

DJ performing on stage with smoke and lighting effects, laptop covered in stickers visible in foreground.

Live EDM Music

<p>Experience spooky characters and monsters first hand!</p>

Person in a bloody costume with head covered, standing outside near a structure, holding an object.

Spooky Friends

<p>Enjoy live Talent ranging from Fire Shows, Live Magic and Hypnosis</p>

Performer dressed in ornate outfit spinning a wheel with multiple flaming torches at night.

Experience Talent

<p>Attractions, Food, Photo Opts and much more, Enter if you dare...</p>

No Dull Moments

Abstract cosmic background with red and blue nebula clouds and scattered bright stars.

Logo showcase

Text + image

<h2 style="white-space:pre-line">Become A Scare Actor!</h2>
<p>Apply now to be a Scare Actor at Boos &amp; Booze Halloween Fest — October 25th in Visalia, CA! </p>
<p>No experience needed, just the courage to bring the scares. Exclusive perks &amp; a night of pure Halloween chaos await. </p>

Contact form

<h3>Looking to Be Apart of The Valleys Biggest Halloween Music Festival?</h3>
<p>Reach out to us using the contact form.</p>

EARLY-BIRD TICKETS ON SALE NOW!

A look inside..

Sponsored By

Become A Scare Actor!

Looking to Be Apart of The Valleys Biggest Halloween Music Festival?

Event FAQs