Email

// Email data for both views const emailData = [ { idDesktop: "canvasHelloDesktop", idMobile: "canvasHelloMobile", encoded: "aGVsbG9AbWVydWZpbnRlY2gubmV0" }, { idDesktop: "canvasHRDesktop", idMobile: "canvasHRMobile", encoded: "aHJAbWVydWZpbnRlY2gubmV0" } ]; function decodeEmail(b64) { return atob(b64); } // Detect if mobile const isMobile = window.innerWidth { const targetId = isMobile ? idMobile : idDesktop; const canvas = document.getElementById(targetId); // Show the relevant canvas if (canvas) { canvas.style.display = "block"; const ctx = canvas.getContext("2d"); const email = decodeEmail(encoded); ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.font = isMobile ? "18px Arial" : "16px Arial"; ctx.fillStyle = "#333"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(email, canvas.width / 2, canvas.height / 2); canvas.addEventListener("click", () => { window.location.href = `mailto:${email}`; }); } });