[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_98":97,"_37":48,"_106":88,"_32":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_26":-5,"_118":-5,"_119":-5,"_120":30,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_46":47,"_37":48,"_41":49,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":-5,"_60":30,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":30},"version",4,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","c824a3f7-2413-4202-a6cd-9ac6d88859c2","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":26,"_39":40,"_41":42,"_43":14,"_44":45,"_29":30},"previous","deleted",false,"deletedHere","path","app.js","latestPath","fileId","656fc1ae-2f11-11f1-bfbf-42dde27851f2","name","fileType","content","// ── 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","createdAt",["D",1775188718736],"branchVersion","branchId","a4aea656-2f10-11f1-9c51-42dde27851f2","id","a4ae373e-2f10-11f1-9c51-42dde27851f2","dateme",["D",1775188395401],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","A romantic Valentine's Day website","imageUrl","019d5176-a81c-75db-b5b8-35cc52fae547","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019d5176-a81c-75db-b5b8-3901fd7e76b2","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_19":58,"_102":103,"_104":30},"branch",{"_13":87,"_37":88,"_46":45,"_89":47,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":48,"_96":97},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","ezzmoataz","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNCcFp4RkhDRmFVZVZGOFJXR0oyUVVVREhwNiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_46":47,"_37":48,"_41":188,"_50":-5,"_51":30,"_52":53,"_54":53,"_55":56,"_57":-5,"_19":58,"_59":-5,"_60":30,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":189,"_82":190,"_84":191,"_86":30},"tree",[171,172,173,174],"files",[171,172,173,174],"counts",{"_161":64,"_162":146,"_163":64,"_164":165,"_166":167},"contents",[129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_46":158,"_37":33,"_35":36,"_136":-5,"_44":45,"_43":14,"_138":124,"_41":159,"_13":64,"_38":26,"_39":40,"_29":30,"_141":-5,"_32":160},{"_46":151,"_37":152,"_35":153,"_136":-5,"_44":45,"_43":154,"_138":30,"_41":155,"_13":64,"_38":26,"_39":156,"_29":30,"_141":-5,"_32":157},{"_46":143,"_37":144,"_35":145,"_136":-5,"_44":45,"_43":146,"_138":124,"_41":147,"_13":64,"_38":148,"_39":149,"_29":30,"_141":-5,"_32":150},{"_46":133,"_37":134,"_35":135,"_136":-5,"_44":45,"_43":137,"_138":124,"_41":139,"_13":64,"_38":26,"_39":140,"_29":30,"_141":-5,"_32":142},"60e54a14-2f11-11f1-9c34-42dde27851f2","style.css","60e54ac8-2f11-11f1-9c34-42dde27851f2","parentId",3,"latest",["D",1775188711172],"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n min-height: 100vh;\n background: linear-gradient(135deg, #ff6b9d, #ff4757, #ff6b9d, #c0392b);\n background-size: 400% 400%;\n animation: gradientShift 8s ease infinite;\n font-family: 'Georgia', serif;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n@keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\ncanvas {\n position: fixed;\n top: 0; left: 0;\n pointer-events: none;\n z-index: 0;\n}\n\n.container {\n z-index: 10;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* ENVELOPE */\n.envelope {\n cursor: pointer;\n width: 220px;\n height: 160px;\n position: relative;\n animation: float 3s ease-in-out infinite;\n transition: transform 0.2s;\n}\n.envelope:hover { transform: scale(1.08); }\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-16px); }\n}\n.envelope-flap {\n width: 0;\n height: 0;\n border-left: 110px solid transparent;\n border-right: 110px solid transparent;\n border-top: 80px solid #e84393;\n position: absolute;\n top: 0; left: 0;\n z-index: 2;\n transition: transform 0.4s;\n transform-origin: top center;\n}\n.envelope-body {\n width: 220px;\n height: 160px;\n background: #fff0f5;\n border-radius: 4px 4px 12px 12px;\n position: absolute;\n bottom: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(200,0,80,0.25);\n}\n.heart-icon { font-size: 3rem; animation: pulse 1.2s infinite; }\n@keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n}\n.tap-hint {\n color: #e84393;\n font-size: 0.95rem;\n margin-top: 8px;\n font-style: italic;\n}\n\n/* LETTER */\n.letter-container {\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n padding: 20px;\n max-width: 500px;\n width: 95vw;\n}\n.letter-container.hidden { display: none; }\n\n.letter {\n background: #fff8fa;\n border-radius: 18px;\n padding: 32px 28px 24px;\n box-shadow: 0 12px 48px rgba(180,0,80,0.25);\n text-align: center;\n animation: popIn 0.6s cubic-bezier(.175,.885,.32,1.275);\n}\n@keyframes popIn {\n from { transform: scale(0.5); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n}\n\n.letter-header {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin-bottom: 16px;\n}\n.letter-header h1 {\n font-size: 1.5rem;\n color: #d63060;\n}\n.letter-body p {\n color: #555;\n font-size: 1rem;\n line-height: 1.7;\n margin-bottom: 12px;\n}\n.sign-off {\n color: #d63060 !important;\n font-size: 1.05rem !important;\n margin-top: 16px !important;\n}\n.hearts-row {\n font-size: 1.4rem;\n margin-top: 12px;\n letter-spacing: 4px;\n}\n\n/* QUESTION */\n.question-section {\n text-align: center;\n color: white;\n}\n.question-section h2 {\n font-size: 1.6rem;\n margin-bottom: 20px;\n text-shadow: 0 2px 8px rgba(0,0,0,0.2);\n}\n\n.button-row {\n display: flex;\n gap: 16px;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.btn {\n padding: 14px 32px;\n border: none;\n border-radius: 50px;\n font-size: 1.1rem;\n font-family: 'Georgia', serif;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n font-weight: bold;\n}\n.btn:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0,0,0,0.2); }\n\n.btn {\n background: linear-gradient(135deg, #ff4d7e, #e8003c);\n color: white;\n box-shadow: 0 4px 16px rgba(200,0,80,0.4);\n}\n\n#no-btn {\n background: #ccc;\n color: #666;\n font-size: 1.1rem;\n transition: all 0.15s;\n}\n\n.response {\n text-align: center;\n color: white;\n font-size: 1.3rem;\n line-height: 1.8;\n text-shadow: 0 2px 8px rgba(0,0,0,0.2);\n animation: popIn 0.5s ease;\n}\n.response.hidden { display: none; }\n.big-hearts {\n font-size: 3rem;\n margin-top: 12px;\n animation: pulse 1s infinite;\n}\n","label",[134],"a4b2d230-2f10-11f1-9c51-42dde27851f2","main.tsx","a4b2d2e4-2f10-11f1-9c51-42dde27851f2",1,["D",1775188395425],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\" || url.pathname === \"/index.html\") {\n return serveFile(\"/index.html\", import.meta.url);\n }\n if (url.pathname === \"/style.css\") {\n return serveFile(\"/style.css\", import.meta.url);\n }\n if (url.pathname === \"/app.js\") {\n return serveFile(\"/app.js\", import.meta.url);\n }\n return new Response(\"Not found\", { status: 404 });\n}\n",[144],"e286b2c0-2f10-11f1-bc80-42dde27851f2","index.html","e286b374-2f10-11f1-bc80-42dde27851f2",2,["D",1775188499151],"\n\n\n \n \n 💖 Happy Valentine's Day 💖\n \n\n\n

\n\n

💌

Click to open

\n\n

\n 🌹🌹🌹\n

Happy Valentine's Day!

\n 🌹🌹🌹\n

To the most wonderful person in the world,

\n Every moment with you feels like the most beautiful dream I never want to wake up from.\n You make my heart skip a beat, my smile grow wider, and my world brighter every single day. 💕\n

\n You are my sunshine on a cloudy day, my calm in every storm,\n and my favourite reason to smile. I cherish every laugh, every moment, every memory we share. 🥰\n

\n Today and every day, I am endlessly grateful to have you in my life.\n You are my Valentine — forever and always. ❤️\n

With all my love,
Your Valentine 💝

❤️ 🧡 💛 💚 💙 💜 🩷

\n\n

\n \n \n

🎉 Yay!! You made my heart so happy! 🎉

💖 Happy Valentine's Day, my love! 💖

💖💖💖

\n\n \n\n\n",[152],"656fc10e-2f11-11f1-bfbf-42dde27851f2",["D",1775188718736],[33],"pulls","branches","forks","envVars",{"_168":64,"_170":64},"connections",{"_168":64,"_169":64},"count","unfilledCount","emptyCount",{"_46":158,"_37":33,"_35":36,"_136":-5,"_44":45,"_43":14,"_138":124,"_41":185,"_13":64,"_38":26,"_39":40,"_29":30,"_141":-5,"_176":186,"_32":187},{"_46":151,"_37":152,"_35":153,"_136":-5,"_44":45,"_43":154,"_138":30,"_41":182,"_13":64,"_38":26,"_39":156,"_29":30,"_141":-5,"_176":183,"_32":184},{"_46":143,"_37":144,"_35":145,"_136":-5,"_44":45,"_43":146,"_138":124,"_41":179,"_13":64,"_38":148,"_39":149,"_29":30,"_141":-5,"_176":180,"_32":181},{"_46":133,"_37":134,"_35":135,"_136":-5,"_44":45,"_43":137,"_138":124,"_41":175,"_13":64,"_38":26,"_39":140,"_29":30,"_141":-5,"_176":177,"_32":178},["D",1775188711172],"children",[],[134],["D",1775188395425],[],[144],["D",1775188499151],[],[152],["D",1775188718736],[],[33],["D",1775188395401],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_19":58,"_102":103,"_104":30},{"_13":87,"_37":88,"_46":45,"_89":47,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":48,"_96":97},"ctx",{"_80":-5,"_126":225,"_226":227,"_228":229,"_230":30,"_231":30,"_232":30,"_233":124,"_234":-5,"_235":-7,"_236":-7,"_237":64,"_238":30,"_239":30,"_240":-5,"_241":30,"_242":30,"_243":30,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":88,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"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"]

Diff · v4