biglow/ai-answer-arena

1// Shared JavaScript across all pages2document.addEventListener('DOMContentLoaded', () => {3    console.log('AI Answer Arena loaded');4    5    // Initialize tooltips6    const tooltipTriggers = document.querySelectorAll('[data-tooltip]');7    tooltipTriggers.forEach(trigger => {8        trigger.addEventListener('mouseenter', showTooltip);9        trigger.addEventListener('mouseleave', hideTooltip);10    });11});12 13function showTooltip(e) {14    const tooltipText = e.target.getAttribute('data-tooltip');15    const tooltip = document.createElement('div');16    tooltip.className = 'absolute bg-gray-800 text-white text-xs rounded py-1 px-2 z-50';17    tooltip.textContent = tooltipText;18    19    const rect = e.target.getBoundingClientRect();20    tooltip.style.top = `${rect.top - 25}px`;21    tooltip.style.left = `${rect.left + (rect.width / 2)}px`;22    tooltip.style.transform = 'translateX(-50%)';23    24    tooltip.id = 'current-tooltip';25    document.body.appendChild(tooltip);26}27 28function hideTooltip() {29    const tooltip = document.getElementById('current-tooltip');30    if (tooltip) {31        tooltip.remove();32    }33}