Free NFT on Base

Premium

Alpha Drops

<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>

<script>
    const swiper = new Swiper('.swiper', {
  // Optional parameters
  loop: true,
  auto: true,
  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
  },

});
</script>







<div class="floating-card" id="promo-card">
  <div class="close-button" id="close-button">×</div>
</div>

<script>
  const promoCard = document.getElementById('promo-card');
  const closeButton = document.getElementById('close-button');

  // Function to check if the device is mobile
  function isMobile() {
    return window.innerWidth <= 768;
  }

  // Function to handle card click
  function handleCardClick(event) {
    if (isMobile()) {
      // On mobile, toggle the expanded state
      if (!promoCard.classList.contains('expanded')) {
        promoCard.classList.add('expanded');
        return; // Stop further execution
      }
    }
    // Redirect to the link if the card is clicked (and not the close button)
    if (event.target !== closeButton) {
      window.location.href = 'https://backpack.exchange/refer/alpha';
    }
  }

  // Function to handle close button click
  function handleCloseButtonClick(event) {
    event.stopPropagation(); // Prevent card click event from firing
    if (isMobile()) {
      promoCard.classList.remove('expanded'); // Collapse the card on mobile
    } else {
      promoCard.classList.toggle('minimized'); // Toggle minimized state on desktop
    }
  }

  // Add event listeners
  promoCard.addEventListener('click', handleCardClick);
  closeButton.addEventListener('click', handleCloseButtonClick);
</script>