Digital Work Built Around
Real Business Objectives

/* * Get direct BBOW cards */ /* * Set card widths */ /* * Disable transition while setting the initial AJAX layout */ /* * First card */ /* * Second card */ /* * Re-enable transition after layout is applied */ /* * Setup one row */ /* * Prevent duplicate listeners */ /* * Apply base layout immediately * * No animation during initialization. */ /* * Desktop only hover */ /* * Row 1 * LEFT = large */ /* * Row 2 * LEFT = large */ /* * Right card hover */ /* * Row 1 * RIGHT = large */ /* * Row 2 * RIGHT = large */ /* * Return to normal when leaving row */ /* * Build rows */ /* * Existing rows */ /* * Find direct cards */ /* * Create rows */ /* * Setup rows */ /* * Apply layout CSS BEFORE the browser has * a chance to display the default AJAX layout. */ /* * Grid */ /* * Rows */ /* * Cards */ /* * IMPORTANT: * Don't allow Elementor's default width * to remain during AJAX rendering. */ /* * Initialize all grids */ /* * FIRST apply the flex structure */ /* * THEN calculate/apply exact widths */ /* * Allow normal transitions after layout */ /* * Initial load */ /* * AJAX / Filter support * * IMPORTANT: * * We don't wait 200ms anymore. * * The old code: * * setTimeout(startBBOW, 200) * * caused: * * AJAX -> 100% -> 200ms -> 67/33 * * Instead we use requestAnimationFrame so the * layout is corrected on the next browser frame. */ /* * Cancel previous update */ /* * Run immediately on next paint cycle */ /* * Observe body */