<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />

    <link rel="canonical" href="https://dirtdiver.com/password" />

    <title>Coming soon | Dirt Diver</title>

    
<meta name="description" content="This website is coming soon." />
<meta property="og:site_name" content="Dirt Diver" />
<meta property="og:url" content="https://dirtdiver.com/password" />
<meta property="og:description" content="This website is coming soon." />





<meta property="og:title" content="" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="" />
  <meta property="og:image:secure_url" content="" />
  <meta property="twitter:image" content="" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="This website is coming soon." />


    <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/8Z_K7Os2gk48o_wW9BOedIF2RA-pCEkaJ1IOZO9C81M/rs:fill:192:192:0/bg:4c3c2f/sm:1/enc/7_FeAvo_v-MJ5o69/KIjZOqTUoYdz5wro/0RnzPf2uP66CskGx/UC6kKYGAcxFf8zRV/VRKjqkZmDbZcSMaJ/DCYWtJv2cLs-3WoV/x_1e_EMEYE9UeUPU/yFhcmGeQUelBcp0z/dlMo4hTZ6OfSUHLr/uZBlzyW5jy4apIG1/Y8nKlDE36TGGY4N4/RHCG3-TyHmNgjFil.png" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/8Z_K7Os2gk48o_wW9BOedIF2RA-pCEkaJ1IOZO9C81M/rs:fill:192:192:0/bg:4c3c2f/sm:1/enc/7_FeAvo_v-MJ5o69/KIjZOqTUoYdz5wro/0RnzPf2uP66CskGx/UC6kKYGAcxFf8zRV/VRKjqkZmDbZcSMaJ/DCYWtJv2cLs-3WoV/x_1e_EMEYE9UeUPU/yFhcmGeQUelBcp0z/dlMo4hTZ6OfSUHLr/uZBlzyW5jy4apIG1/Y8nKlDE36TGGY4N4/RHCG3-TyHmNgjFil.png" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/8Z_K7Os2gk48o_wW9BOedIF2RA-pCEkaJ1IOZO9C81M/rs:fill:192:192:0/bg:4c3c2f/sm:1/enc/7_FeAvo_v-MJ5o69/KIjZOqTUoYdz5wro/0RnzPf2uP66CskGx/UC6kKYGAcxFf8zRV/VRKjqkZmDbZcSMaJ/DCYWtJv2cLs-3WoV/x_1e_EMEYE9UeUPU/yFhcmGeQUelBcp0z/dlMo4hTZ6OfSUHLr/uZBlzyW5jy4apIG1/Y8nKlDE36TGGY4N4/RHCG3-TyHmNgjFil.png" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/a86c3cd5-b633-43fa-bf79-16297b970452/assets/vendor.css?v=b1b11eb5397f6f25bd27f727622a7b127d42cd4e0ede0f0b643a4ec082686d92" media="all" integrity="sha256-sbEetTl/byW9J/cnYip7En1CzU4O3g8LZDpOwIJobZI=" crossorigin="anonymous" />

    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c7fddbaf-0aae-4466-9a8a-5c3254e99172/assets/styles/css-variables.scss.css?v=b3bcbec82bdcce91ef04e1452db7ae805ae9a99c207e36ff0a7fa5c8263e02e9" media="all" integrity="sha256-s7y+yCvczpHvBOFFLbeugFrpqZwgfjb/Cn+lyCY+Auk=" crossorigin="anonymous" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c7fddbaf-0aae-4466-9a8a-5c3254e99172/assets/styles/password.scss.css?v=8f6d0a172c259c0e998d16236dd8c0b393e822dfbdec690361f05ec9f12be8b5" media="all" integrity="sha256-j20KFywlnA6ZjRYjbdjAs5PoIt+97GkDYfBeyfEr6LU=" crossorigin="anonymous" />

    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://dirtdiver.com/password" hreflang="x-default" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-AQ" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-AS" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-BQ" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-EC" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-FM" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-GU" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-IO" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-MH" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-MP" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-PR" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-PW" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-SV" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-TC" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-UM" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-US" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-VG" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-VI" />
<link rel="alternate" href="https://dirtdiver.com/en-usd/password" hreflang="en-ZW" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-AD" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-AT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-AX" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-BE" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-BG" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-BL" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-CY" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-DE" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-EE" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-ES" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-FI" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-FR" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-GF" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-GP" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-GR" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-HR" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-IE" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-IT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-LT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-LU" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-LV" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-MC" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-ME" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-MF" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-MQ" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-MT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-NL" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-PM" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-PT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-RE" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-SI" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-SK" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-SM" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-TF" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-VA" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-YT" />
<link rel="alternate" href="https://dirtdiver.com/en-eur/password" hreflang="en-XK" />
<link rel="alternate" href="https://dirtdiver.com/en-cad/password" hreflang="en-CA" />
<link rel="alternate" href="https://dirtdiver.com/en-gbp/password" hreflang="en-GB" />
<link rel="alternate" href="https://dirtdiver.com/en-gbp/password" hreflang="en-GG" />
<link rel="alternate" href="https://dirtdiver.com/en-gbp/password" hreflang="en-GS" />
<link rel="alternate" href="https://dirtdiver.com/en-gbp/password" hreflang="en-IM" />
<link rel="alternate" href="https://dirtdiver.com/en-gbp/password" hreflang="en-JE" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-AU" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-CC" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-CX" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-HM" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-KI" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-NF" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-NR" />
<link rel="alternate" href="https://dirtdiver.com/en-aud/password" hreflang="en-TV" />
<link rel="alternate" href="https://dirtdiver.com/en-nzd/password" hreflang="en-CK" />
<link rel="alternate" href="https://dirtdiver.com/en-nzd/password" hreflang="en-NU" />
<link rel="alternate" href="https://dirtdiver.com/en-nzd/password" hreflang="en-NZ" />
<link rel="alternate" href="https://dirtdiver.com/en-nzd/password" hreflang="en-PN" />
<link rel="alternate" href="https://dirtdiver.com/en-nzd/password" hreflang="en-TK" />
<link rel="alternate" href="https://dirtdiver.com/en-sek/password" hreflang="en-SE" />
<link rel="alternate" href="https://dirtdiver.com/en-nok/password" hreflang="en-BV" />
<link rel="alternate" href="https://dirtdiver.com/en-nok/password" hreflang="en-NO" />
<link rel="alternate" href="https://dirtdiver.com/en-nok/password" hreflang="en-SJ" />
<link rel="alternate" href="https://dirtdiver.com/en-dkk/password" hreflang="en-DK" />
<link rel="alternate" href="https://dirtdiver.com/en-dkk/password" hreflang="en-FO" />
<link rel="alternate" href="https://dirtdiver.com/en-dkk/password" hreflang="en-GL" />
<link rel="alternate" href="https://dirtdiver.com/en-pln/password" hreflang="en-PL" />
<link rel="alternate" href="https://dirtdiver.com/en-inr/password" hreflang="en-IN" />
<link rel="alternate" href="https://dirtdiver.com/en-jpy/password" hreflang="en-JP" />
<link rel="alternate" href="https://dirtdiver.com/en-myr/password" hreflang="en-MY" />
<link rel="alternate" href="https://dirtdiver.com/en-sgd/password" hreflang="en-SG" />
<link rel="alternate" href="https://dirtdiver.com/en-mxn/password" hreflang="en-MX" />
<link rel="alternate" href="https://dirtdiver.com/en-brl/password" hreflang="en-BR" />
<link rel="alternate" href="https://dirtdiver.com/en-chf/password" hreflang="en-CH" />
<link rel="alternate" href="https://dirtdiver.com/en-chf/password" hreflang="en-LI" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'Dirt Diver';
  window.shopId = 'sh_bbafac8f-b474-4a55-9a14-1f143df46838';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = ''; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<meta name='theme-color' content='#f4f1eb' />
<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/c7fddbaf-0aae-4466-9a8a-5c3254e99172/assets/styles/custom_sections.css?v=9d390a2f77ca7c5bb0ac3a821689fa8bc6199c7a703cb81fe4ef5fc07dbf79ce" media="all">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Dirt Diver","description":"The official website and shop of Dirt Diver. Find the latest content, buy merch, and support your favorite creator.","url":"https://dirtdiver.com"}</script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const forms = document.querySelectorAll('.password__form form')
        const queryString = window.location.search
        if (queryString) {
            forms.forEach(function(form) {
                const currentAction = form.getAttribute('action')
                const newAction = currentAction + queryString
                form.setAttribute('action', newAction)
            })
        }
    })
</script>
<script type="module">
  const MAX_IFRAME_HEIGHT = 5000;
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
    let expectedOrigin;
    try {
      const parsedUrl = new URL(url);
      if (parsedUrl.protocol !== 'https:') {
        console.warn('Refusing to load app section with non-https URL:', url);
        return;
      }
      expectedOrigin = parsedUrl.origin;
    } catch (e) {
      console.warn('Could not parse app section URL:', url);
      return;
    }
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const appHmac = window.appHmac && window.appHmac[appId];
  
    const params = {
      hmac: appHmac,
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, appHmac ? params : null);
    iframe.onload = null
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
      if (event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      const type = event.data?.type;
      if (type === 'RESIZE') {
        const height = Number(event.data?.data?.height);
        if (Number.isFinite(height) && height > 0) {
          iframe.style.height = Math.min(height, MAX_IFRAME_HEIGHT) + 'px';
        }
      } else if (type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  <body class="body " >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <div class="password">
      

<div id="fw-section-password" class="fw-section">
<section class="password__container">
  <div class="container container--5 wrapper">
    <div class="password__content">
      <div class="password__header">
        <div class="password__logo">
          <a href="/">
            
  <span class="text-logo">
    Dirt Diver
  </span>


          </a>
        </div>
      </div>

      <div class="password__body">
        
          <h1 class="password__subheading">Coming soon</h1>
          

          

          <form action="/password" method="post" data-turbo="false">

            
          
</form>
        

        
          <div class="password__form-newsletter">
            <div class="password__title">Join our mailing list</div>
            <div class="newsletter-form">
  <div class="form" data-newsletter="form-container">
  <form action="" method="post" data-turbo="false">

    <div class="form__section">
      <div class="newsletter-form__input-button-container">
        <div class="newsletter-form__input">
          <div data-input="container" class="input-field input-field--base">
            <label for="newsletter-email" class="visually-hidden">E-mail</label>
            <input
              id="newsletter-email"
              name="contact[email]"
              type="email"
              data-newsletter="email"
              data-input="input"
              class="input-field__input"
              placeholder=" E-mail "
              aria-describedby="newsletter-email-error"
              autocomplete="email"
              required
            >
          </div>

          <div id="newsletter-email-error" data-form-error="email" class="form__error" role="alert"></div>
        </div>

        <div class="newsletter-form__button">
          <button 
            type="submit"
            data-newsletter="submit"
            class="button button--primary button--large button--expand"
          >
            Sign up
            <span class="button__spinner">
              <div class="spinner spinner--small"></div>
            </span>
          </button>
        </div>
      </div>
    </div>

    <div class="form__response-container">
      <div
        data-form="response-success"
        class="form__response"
        role="status"
      >
        <div data-form="response-success-content" class="alert alert--success"></div>
      </div>

      <div
        data-form="response-error"
        class="form__response"
        role="alert"
      >
        <div class="alert alert--error">
          <ul 
            data-form="response-error-content"
            class="alert__list"
          >
          </ul>
        </div>
      </div>
    </div>
    
    <div id="recaptcha-container"></div>
  
</form>
  </div>
</div>
          </div>
        
      </div>

      <div class="password__footer">
        <div class="modal__container">
          
            <div class="password__content-footer">
              <input type="checkbox" id="modal" name="modal">
              <label for="modal" class="modal__label">
                <div class="modal__icon">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="21" viewBox="0 0 18 21" fill="none" aria-hidden="true" focusable="false">
  <path d="M3.875 8.25V5.125C3.875 3.96468 4.40178 2.85188 5.33947 2.03141C6.27715 1.21094 7.54892 0.75 8.875 0.75C10.2011 0.75 11.4729 1.21094 12.4105 2.03141C13.3482 2.85188 13.875 3.96468 13.875 5.125V8.25M9.08984 11.9805V15.418M0.75 8.25H17V19.5H0.750129L0.75 8.25Z" stroke="currentColor" stroke-width="1.5"/>
</svg>
                </div>
                <span>Enter store using password</span>
              </label>
              <label for="modal" class="modal__background"></label>
              <div class="modal modal--password">
                <div class="password__main">
                  <div class="password__form-container">
                    <div class="password__form">
                      <label for="modal"><span class="password__close"><svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>
</span></label>
                      <form action="/password" method="post" data-turbo="false">

                        <h2 class="password-form__label">Enter using password</h2>
                        <div class="password-form__input-button-container">
                          <div class="password-form__input">
                            <label for="password" class="visually-hidden">Password</label>
                            <div class="input-field input-field--base">
                              <input class="input-field__input" type="password" name="password" id="password" placeholder="Password" />
                            </div>
                          </div>

                          <div class="password-form__button">
                            <input class="button button--primary button--expand" name="commit" type="submit" value="Enter" />
                          </div>
                        </div>

                        
                      
</form>
                    </div>
                    <script type="text/javascript">
                      document.getElementById('modal').addEventListener('change', function () {
                        if (this.checked) {
                          document.getElementById('password').focus()
                        }
                      })
                    </script>
                  </div>
                </div>
              </div>
            </div>
          

          
        </div>

        
          <div class="password__socials">
            <ul class="password__list password__list--socials">
              



            </ul>
          </div>
        

        
          <div class="password__powered-by">
            Powered by <a href="https://fourthwall.com/?utm_source=footer&utm_medium=fourthwall&utm_campaign=poweredby" style="padding-left: 0;" target="_blank" rel="noopener nofollow">Fourthwall</a>
          </div>
        
      </div>
    </div>
  </div>
</section>
</div>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      plusTax: "(plus tax)",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: "Please enter your email.",
        invalidEmailError: "Please enter a valid email.",
        subscribeSuccess: "Thanks for subscribing!"
      },
      donation: {
        missingAmountError: "Please select or enter the donation amount.",
        invalidAmountError: "Please enter a valid donation amount.",
        missingNameError: "Please enter your name.",
        missingMessageError: "Please enter the message."
      },
      checkoutErrors: {
        default: "There was an issue with your checkout. Please review your cart and try again.",
        CHECKOUT_CART_ITEMS_CHANGED: "Your cart has changed since you started checkout. Please review your items and try again.",
        CHECKOUT_STOCK_NOT_ENOUGH_QUANTITY: "Some items in your cart are no longer available in the requested quantity. Please update your cart and try again."
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.dev/themes-library/assets/a86c3cd5-b633-43fa-bf79-16297b970452/assets/theme.js?v=92d7e0d0a902e59281f4eae6448c764786a8b980057a0667df6fae807813995d" rel="preload" integrity="sha256-ktfg0KkC5ZKB9OrmRIx2R4aouYAFegZn32+ugHgTmV0=" crossorigin="anonymous"></script>

    
<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div>


  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/password/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      
      window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search);
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        cookieModule.getCookie('core_dashboard_visited')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

</body>
</html>
