script.js

// QuickNote landing page — light interactivity only (no tracking, no network).

// ── Configure your links here ────────────────────────────────────────────
// Replace these with your real URLs once you publish a release / donation page.
const LINKS = {
  download: "#", // e.g. "https://github.com/you/quicknote/releases/latest"
  donate: "donate.html", // dedicated donation page (USDT)
};

// Wire up every Download / Donate button on the page.
function applyLinks() {
  const dl = LINKS.download;
  const dn = LINKS.donate;
  document
    .querySelectorAll('[data-download], #downloadBtn')
    .forEach((a) => setLink(a, dl));
  document
    .querySelectorAll('[data-donate], #donateBtn')
    .forEach((a) => setLink(a, dn));
}

function setLink(a, url) {
  if (!url || url === "#") return; // leave as a harmless anchor until configured
  a.href = url;
  if (/^https?:/i.test(url)) {
    a.target = "_blank";
    a.rel = "noopener noreferrer";
  }
}

// ── Reveal-on-scroll ─────────────────────────────────────────────────────
function initReveal() {
  const els = document.querySelectorAll(".reveal");
  if (!("IntersectionObserver" in window)) {
    els.forEach((el) => el.classList.add("in"));
    return;
  }
  const io = new IntersectionObserver(
    (entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          entry.target.classList.add("in");
          io.unobserve(entry.target);
        }
      });
    },
    { threshold: 0.12 },
  );
  els.forEach((el, i) => {
    el.style.transitionDelay = `${Math.min(i * 60, 300)}ms`;
    io.observe(el);
  });
}

// ── Subtle parallax tilt on the app mockup ───────────────────────────────
function initTilt() {
  const shot = document.querySelector(".shot-img");
  if (!shot || window.matchMedia("(prefers-reduced-motion: reduce)").matches)
    return;
  const wrap = document.querySelector(".shot");
  wrap.addEventListener("mousemove", (e) => {
    const r = wrap.getBoundingClientRect();
    const dx = (e.clientX - r.left) / r.width - 0.5;
    const dy = (e.clientY - r.top) / r.height - 0.5;
    shot.style.transform = `rotateX(${8 - dy * 6}deg) rotateY(${dx * 6}deg)`;
  });
  wrap.addEventListener("mouseleave", () => {
    shot.style.transform = "rotateX(8deg)";
  });
}

document.addEventListener("DOMContentLoaded", () => {
  const y = document.getElementById("year");
  if (y) y.textContent = new Date().getFullYear();
  applyLinks();
  initReveal();
  initTilt();
});