[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_195":196,"_197":198},"routes/_app.x.$handle.$name",{"_100":99,"_38":50,"_108":90,"_33":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":31,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_38":50,"_43":51,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":31},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","60b42ecb-c6c6-4d70-af1f-4f5114f37139","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":26,"_40":42,"_43":44,"_45":14,"_46":47,"_30":31},"previous",{"_36":37,"_38":34,"_39":26,"_40":41},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","e286b374-2f10-11f1-bc80-42dde27851f2","name","fileType","content","\n\n\n \n \n 💖 Will You Go On A Date With Me? 💖\n \n\n\n

\n\n \n

💌

Click to open

\n\n \n

\n 🌹\n

A Special Message For You 💖

\n 🌹\n

Hey you... 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.\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? 🥺💖

\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","\n\n\n \n \n 💖 Will You Go On A Date With Me? 💖\n \n\n\n

\n\n \n

💌

Click to open

\n\n \n

\n 🌹\n

A Special Message For You 💖

\n 🌹\n

Hey you... 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.\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? 🥺💖

\n\n

\n \n \n

\n\n \n

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

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

💖💖💖

\n\n \n\n\n","createdAt",["D",1775191794662],"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",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":31},"branch",{"_13":89,"_38":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"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",{"_48":49,"_38":50,"_43":191,"_52":-5,"_53":31,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":31,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":192,"_84":193,"_86":194,"_88":31},"tree",[174,175,176,177],"files",[174,175,176,177],"counts",{"_164":66,"_165":148,"_166":66,"_167":168,"_169":170},"contents",[131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":157,"_38":158,"_36":159,"_138":-5,"_46":47,"_45":160,"_140":126,"_43":161,"_13":66,"_39":26,"_40":162,"_30":31,"_143":-5,"_33":163},{"_48":153,"_38":34,"_36":37,"_138":-5,"_46":47,"_45":14,"_140":31,"_43":154,"_13":155,"_39":26,"_40":42,"_30":31,"_143":-5,"_33":156},{"_48":145,"_38":146,"_36":147,"_138":-5,"_46":47,"_45":148,"_140":126,"_43":149,"_13":66,"_39":150,"_40":151,"_30":31,"_143":-5,"_33":152},{"_48":135,"_38":136,"_36":137,"_138":-5,"_46":47,"_45":139,"_140":126,"_43":141,"_13":66,"_39":26,"_40":142,"_30":31,"_143":-5,"_33":144},"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",[136],"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",[146],"8ecf7b32-2f18-11f1-b1bc-42dde27851f2",["D",1775191794662],6,[34],"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",[158],"pulls","branches","forks","envVars",{"_171":66,"_173":66},"connections",{"_171":66,"_172":66},"count","unfilledCount","emptyCount",{"_48":157,"_38":158,"_36":159,"_138":-5,"_46":47,"_45":160,"_140":126,"_43":188,"_13":66,"_39":26,"_40":162,"_30":31,"_143":-5,"_179":189,"_33":190},{"_48":153,"_38":34,"_36":37,"_138":-5,"_46":47,"_45":14,"_140":31,"_43":185,"_13":155,"_39":26,"_40":42,"_30":31,"_143":-5,"_179":186,"_33":187},{"_48":145,"_38":146,"_36":147,"_138":-5,"_46":47,"_45":148,"_140":126,"_43":182,"_13":66,"_39":150,"_40":151,"_30":31,"_143":-5,"_179":183,"_33":184},{"_48":135,"_38":136,"_36":137,"_138":-5,"_46":47,"_45":139,"_140":126,"_43":178,"_13":66,"_39":26,"_40":142,"_30":31,"_143":-5,"_179":180,"_33":181},["D",1775188711172],"children",[],[136],["D",1775188395425],[],[146],["D",1775191794662],[],[34],["D",1775188718736],[],[158],["D",1775188395401],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":31},{"_13":89,"_38":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"ctx",{"_82":-5,"_128":228,"_229":230,"_231":232,"_233":31,"_234":31,"_235":31,"_236":126,"_237":-5,"_238":-7,"_239":-7,"_240":66,"_241":31,"_242":31,"_243":-5,"_244":31,"_245":31,"_246":31,"_247":-5},"ENV",{"_199":200,"_201":202,"_203":90,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227},"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 · v10