(() => { const NAV = [ ['Home', '/'], ['Glacis Core', '/glacis-core'], ['AirLift', '/airlift'], ['Developers', '/developers'] ]; function ensureMobileMenu(header) { let root = document.querySelector('.mobile-menu-root'); if (root) return root; root = document.createElement('div'); root.className = 'mobile-menu-root'; root.innerHTML = '' + ''; document.body.appendChild(root); root.addEventListener('click', (event) => { const target = event.target; if ( target && (target.classList.contains('mobile-menu__scrim') || target.closest('a')) ) { closeMenu(header, root); } }); return root; } function openMenu(header, root) { header.classList.add('is-menu-open'); header.classList.remove('is-hidden'); root.classList.add('is-open'); document.body.style.overflow = 'hidden'; } function closeMenu(header, root) { header.classList.remove('is-menu-open'); root.classList.remove('is-open'); document.body.style.overflow = ''; } function initHeader() { const header = document.querySelector('.header'); if (!header || header.dataset.runtimeReady === 'true') return; header.dataset.runtimeReady = 'true'; const page = header.parentElement; const setPad = () => { if (!page) return; const topOffset = parseFloat(getComputedStyle(header).top) || 0; page.style.paddingTop = header.offsetHeight + topOffset + 'px'; }; const clearAnim = () => { header.style.animation = 'none'; header.style.opacity = '1'; }; let lastY = window.scrollY; let ticking = false; const update = () => { ticking = false; if (header.classList.contains('is-menu-open')) return; const y = window.scrollY; header.classList.toggle('is-scrolled', y > 8); if (y <= 8) { header.classList.remove('is-hidden'); } else if (y > lastY + 4) { header.classList.add('is-hidden'); } else if (y < lastY - 4) { header.classList.remove('is-hidden'); } lastY = y; }; const onScroll = () => { if (!ticking) { ticking = true; requestAnimationFrame(update); } }; header.addEventListener('animationend', clearAnim, { once: true }); window.setTimeout(clearAnim, 900); window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', setPad); window.addEventListener('mousemove', (event) => { if (event.clientY <= 90) { if (window.scrollY > 8) header.classList.add('is-scrolled'); header.classList.remove('is-hidden'); } }, { passive: true }); const burger = header.querySelector('.burger'); if (burger) { burger.addEventListener('click', () => { const root = ensureMobileMenu(header); if (header.classList.contains('is-menu-open')) closeMenu(header, root); else openMenu(header, root); }); } document.addEventListener('keydown', (event) => { if (event.key === 'Escape') { const root = document.querySelector('.mobile-menu-root'); if (root) closeMenu(header, root); } }); setPad(); update(); window.setTimeout(setPad, 250); window.setTimeout(setPad, 1000); } function initUsecaseAccordion() { const panels = Array.from(document.querySelectorAll('[data-uc-panel]')); if (!panels.length) return; panels.forEach((panel) => { if (panel.dataset.runtimeReady === 'true') return; panel.dataset.runtimeReady = 'true'; const open = () => { panels.forEach((item) => item.classList.toggle('is-open', item === panel)); }; panel.addEventListener('pointerenter', () => { if (!window.matchMedia('(max-width: 1300px)').matches) open(); }); panel.addEventListener('click', open); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { initHeader(); initUsecaseAccordion(); }, { once: true }); } else { initHeader(); initUsecaseAccordion(); } })();

Developers

ZeroDelta

Glacis Core

AirLift