script.js

/**
 * Reevu Adakroy - Portfolio
 * Content positioning & interactions
 */

document.addEventListener('DOMContentLoaded', () => {
  positionOverlay();
  initSmoothScroll();
  initEntrance();
});

/**
 * Position the content overlay to match the forbidden zone
 */
function positionOverlay() {
  const rect = window.__forbiddenZoneRect;
  const overlay = document.getElementById('content-overlay');

  if (!rect) return;

  overlay.style.marginLeft  = rect.x + 'px';
  overlay.style.marginRight = (window.innerWidth - rect.x - rect.width) + 'px';
  overlay.style.marginTop   = rect.y + 'px';
}

/**
 * Smooth scroll for anchor links within the page
 */
function initSmoothScroll() {
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
      const href = this.getAttribute('href');
      if (href === '#') return;

      e.preventDefault();
      const target = document.querySelector(href);
      if (target) {
        const targetTop = target.getBoundingClientRect().top + window.scrollY;
        window.scrollTo({ top: targetTop - 40, behavior: 'smooth' });
      }
    });
  });
}

/**
 * Staggered entrance fade-in on load
 */
function initEntrance() {
  const elements = document.querySelectorAll('.fade-in');
  elements.forEach((el, i) => {
    setTimeout(() => {
      el.classList.add('visible');
    }, 200 + i * 150);
  });
}