.mockup-image {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #E1F4E1;
  border-radius: 24px;
}

.dark .mockup-image {
  background: #02190D;
}

.mockup-image img {
  max-height: 460px;
  margin: 0;
}

// Part of code for applying green background for mockups
function applyMockupClassToImages() {
  document.querySelectorAll('img').forEach(img => {
  if (img.src.includes('mockups') && img.parentElement?.tagName === 'SPAN') {
    img.parentElement.classList.add('mockup-image');
  }
});
}

// Run initially
applyMockupClassToImages();

// Observe DOM changes (useful for SPAs, lazy-loaded content, etc.)
const observer = new MutationObserver(() => {
  applyMockupClassToImages();
});

observer.observe(document.body, {
  childList: true,
  subtree: true,
});


//Code to insert Microsoft Clarity for our web
(function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "rlyhh5u8du");


// Code to insert Cubee calculator iframe
window.addEventListener('message', function(event) {
  // Ověření, že zpráva pochází z  domény cubee
  if (event.origin !== "https://cubee.cz") return;

  // Automatické nastavení výšky iframe
  if (event.data.type === 'setHeight') {
      const iframe = document.getElementById('cubee-calculator-iframe');
      if (iframe) {
          iframe.style.height = event.data.height + 2 + 'px';
      }
  }

  // Zpracování odeslaného formuláře
  if (event.data.type === 'calculatorSubmit') {
      const email = event.data.email;
      console.log(email);
  }
});

Potřebné zařízení a materiály:

Postup zapojení:

Manuál na zapojení střídače Alpha ESS skrze komunikaci TCP/IP k zařízení Cubee One

Zapojení přes TCP/IP