A Special Message For Malak 💖

\n 🌹\n

Hey Malak... yes, you 😊

\n I've been trying to find the perfect words, and honestly?\n There aren't enough words to describe how amazing you are. 💕\n

\n You make everything brighter just by being you, Malak.\n And I'd really, really love to take you out on a date. 🥺\n

\n So I have one very important question for you... 👇\n

💖 💕 💗 💓 💝

\n\n \n

Will you go on a date with me, Malak? 🥺💖

\n\n

\n \n \n

\n\n \n

🎉 Yay!! You just made me the happiest person alive, Malak!! 🎉

💖 I can't wait for our date! See you soon! 💖

💖💖💖

\n\n \n\n\n",[67],"656fc10e-2f11-11f1-bfbf-42dde27851f2","app.js","656fc1ae-2f11-11f1-bfbf-42dde27851f2",4,["D",1775188718736],"// ── Floating hearts canvas ──────────────────────────────────────────────────\nconst canvas = document.getElementById('hearts-canvas');\nconst ctx = canvas.getContext('2d');\nlet hearts = [];\n\nfunction resize() {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n}\nresize();\nwindow.addEventListener('resize', resize);\n\nfunction spawnHeart() {\n hearts.push({\n x: Math.random() * canvas.width,\n y: canvas.height + 30,\n size: 14 + Math.random() * 22,\n speed: 1.2 + Math.random() * 2,\n opacity: 0.6 + Math.random() * 0.4,\n wobble: Math.random() * Math.PI * 2,\n wobbleSpeed: 0.02 + Math.random() * 0.03,\n });\n}\n\nfunction drawHeart(x, y, size, opacity) {\n ctx.save();\n ctx.globalAlpha = opacity;\n ctx.fillStyle = '#ff4d7e';\n ctx.font = `${size}px serif`;\n ctx.textAlign = 'center';\n ctx.fillText('❤️', x, y);\n ctx.restore();\n}\n\nfunction animateHearts() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n hearts.forEach(h => {\n h.y -= h.speed;\n h.wobble += h.wobbleSpeed;\n h.x += Math.sin(h.wobble) * 0.8;\n drawHeart(h.x, h.y, h.size, h.opacity);\n });\n hearts = hearts.filter(h => h.y > -40);\n requestAnimationFrame(animateHearts);\n}\nsetInterval(spawnHeart, 300);\nanimateHearts();\n\n// ── Envelope click ───────────────────────────────────────────────────────────\nconst envelope = document.getElementById('envelope');\nconst mainPage = document.getElementById('main-page');\nconst letterPage = document.getElementById('letter-page');\n\nenvelope.addEventListener('click', () => {\n mainPage.style.display = 'none';\n letterPage.classList.remove('hidden');\n});\n\n// ── No button: runs away & shrinks ──────────────────────────────────────────\nconst noBtn = document.getElementById('no-btn');\nconst yesBtn = document.getElementById('yes-btn');\nconst responseMsg = document.getElementById('response-msg');\nconst buttonRow = document.querySelector('.button-row');\n\nlet noClickCount = 0;\nconst noPhrases = [\n \"Nope, too slow! 😜\",\n \"Nice try! 😂\",\n \"You can't catch me! 🏃\",\n \"Still no! 😝\",\n \"Hehe, run! 💨\",\n \"Almost! 😂\",\n \"Not happening! 😆\",\n \"Try harder! 😛\",\n];\n\nnoBtn.addEventListener('mouseenter', runAway);\nnoBtn.addEventListener('touchstart', runAway, { passive: true });\n\nfunction runAway() {\n noClickCount++;\n\n // Shrink the no button each time\n const currentSize = parseFloat(noBtn.style.fontSize) || 1.1;\n const newSize = Math.max(currentSize - 0.12, 0.3);\n noBtn.style.fontSize = newSize + 'rem';\n noBtn.style.padding = `${Math.max(14 - noClickCount * 1.2, 4)}px ${Math.max(32 - noClickCount * 2.5, 8)}px`;\n\n // Update text\n noBtn.textContent = noPhrases[Math.min(noClickCount - 1, noPhrases.length - 1)];\n\n // Move button to a random safe position inside the viewport\n const btnRect = noBtn.getBoundingClientRect();\n const rowRect = buttonRow.getBoundingClientRect();\n\n const maxX = window.innerWidth - btnRect.width - 20;\n const maxY = window.innerHeight - btnRect.height - 20;\n\n const randX = Math.random() * maxX;\n const randY = Math.random() * maxY;\n\n noBtn.style.position = 'fixed';\n noBtn.style.left = randX + 'px';\n noBtn.style.top = randY + 'px';\n noBtn.style.zIndex = 100;\n noBtn.style.transition = 'left 0.15s, top 0.15s, font-size 0.3s, padding 0.3s';\n\n // After 8 attempts, hide it entirely\n if (noClickCount >= 8) {\n noBtn.style.display = 'none';\n }\n}\n\n// ── Yes button ───────────────────────────────────────────────────────────────\nyesBtn.addEventListener('click', () => {\n buttonRow.style.display = 'none';\n noBtn.style.display = 'none';\n responseMsg.classList.remove('hidden');\n\n // Burst of hearts\n for (let i = 0; i < 30; i++) {\n setTimeout(spawnHeart, i * 60);\n }\n});\n",[75],{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":95,"_17":50,"_51":24,"_52":79,"_54":55,"_56":-5,"_86":96,"_18":97},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":71,"_51":24,"_52":72,"_54":55,"_56":-5,"_86":93,"_18":94},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":89,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_86":90,"_18":91},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_86":87,"_18":88},["D",1775188711172],"children",[],[38],["D",1775188395425],[],[59],["D",1775192127918],[],[67],["D",1775188718736],[],[75],"a4ae373e-2f10-11f1-9c51-42dde27851f2",["D",1775188395401],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A romantic Valentine's Day website","imageUrl","userId","019d5176-a81c-75db-b5b8-35cc52fae547","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019d5176-a81c-75db-b5b8-3901fd7e76b2","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_151":147},"org",{"_11":12,"_145":-5,"_146":147,"_108":109,"_148":149,"_150":55},"branch",{"_17":69,"_13":16,"_36":43,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCcFp4RkhDRmFVZVZGOFJXR0oyUVVVREhwNiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":98,"_13":14,"_48":199,"_100":-5,"_101":55,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":-5,"_111":55,"_112":-5,"_113":-5,"_114":50,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":200,"_132":201,"_134":202,"_136":55},[187,188,189,190],"files",[187,188,189,190],"counts",{"_178":50,"_179":61,"_180":50,"_31":181,"_182":183},[170,171,172,173],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":78,"_17":50,"_51":24,"_52":79,"_54":55,"_56":-5,"_18":177},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":70,"_17":71,"_51":24,"_52":72,"_54":55,"_56":-5,"_18":176},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":62,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_18":175},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_18":174},[38],[59],[67],[75],"pulls","branches","forks",{"_184":50,"_186":50},"connections",{"_184":50,"_185":50},"count","unfilledCount","emptyCount",{"_36":74,"_13":75,"_39":76,"_41":-5,"_42":43,"_44":77,"_46":47,"_48":95,"_17":50,"_51":24,"_52":79,"_54":55,"_56":-5,"_86":197,"_18":198},{"_36":66,"_13":67,"_39":68,"_41":-5,"_42":43,"_44":69,"_46":47,"_48":92,"_17":71,"_51":24,"_52":72,"_54":55,"_56":-5,"_86":195,"_18":196},{"_36":58,"_13":59,"_39":60,"_41":-5,"_42":43,"_44":61,"_46":47,"_48":89,"_17":50,"_51":63,"_52":64,"_54":55,"_56":-5,"_86":193,"_18":194},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":24,"_52":53,"_54":55,"_56":-5,"_86":191,"_18":192},[],[38],[],[59],[],[67],[],[75],["D",1775188395401],{"_11":12,"_151":147},{"_11":12,"_145":-5,"_146":147,"_108":109,"_148":149,"_150":55},{"_17":69,"_13":16,"_36":43,"_137":98,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_130":-5,"_167":236,"_237":238,"_239":240,"_241":55,"_242":55,"_243":55,"_244":47,"_245":-5,"_246":-7,"_247":-7,"_248":50,"_249":55,"_250":55,"_251":-5,"_252":55,"_253":55,"_254":55,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":16,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code