Valentine

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":119,"_120":121,"_122":25,"_123":124,"_125":57,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",28,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019c35f6-3f79-7448-9cf6-76b808b93c32","name","fileType","http","content","\n\n \n \n \n \n \n \n \n Valentine\n \n \n

\n $\"Picture$ \n

Will you be my Valentine?

\n \n \n

\n\n \n \n","const titleElement = document.querySelector(\".title\");\nconst buttonsContainer = document.querySelector(\".buttons\");\nconst yesButton = document.querySelector(\".btn--yes\");\nconst noButton = document.querySelector(\".btn--no\");\nconst catImg = document.querySelector(\".cat-img\");\n\nconst MAX_IMAGES = 5;\n\nlet play = true;\nlet noCount = 0;\n\nyesButton.addEventListener(\"click\", handleYesClick);\n\nnoButton.addEventListener(\"click\", function () {\n if (play) {\n noCount++;\n const imageIndex = Math.min(noCount, MAX_IMAGES);\n changeImage(imageIndex);\n resizeYesButton();\n updateNoButtonText();\n if (noCount === MAX_IMAGES) {\n play = false;\n }\n }\n});\n\nfunction handleYesClick() {\n titleElement.innerHTML = \"Yayyy!! :3\";\n buttonsContainer.classList.add(\"hidden\");\n changeImage(\"yes\");\n}\n\nfunction resizeYesButton() {\n const computedStyle = window.getComputedStyle(yesButton);\n const fontSize = parseFloat(computedStyle.getPropertyValue(\"font-size\"));\n const newFontSize = fontSize * 1.6;\n\n yesButton.style.fontSize = `${newFontSize}px`;\n}\n\nfunction generateMessage(noCount) {\n const messages = [\n \"No\",\n \"Are you sure?\",\n \"Pookie please\",\n \"Don't do this to me :(\",\n \"You're breaking my heart\",\n \"I'm gonna cry...\",\n ];\n\n const messageIndex = Math.min(noCount, messages.length - 1);\n return messages[messageIndex];\n}\n\nfunction changeImage(image) {\n catImg.src = `img/cat-${image}.jpg`;\n}\n\nfunction updateNoButtonText() {\n noButton.innerHTML = generateMessage(noCount);\n}","createdAt",["D",1770438862108],"branchVersion","branchId","f68e1a60-03cd-11f1-9a9d-42dde27851f2","id","f688ee32-03cd-11f1-9a9d-42dde27851f2","Bebi",["D",1770431856444],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c35f2-727f-705e-8405-76b23ab69848","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c35f2-727f-705e-8405-7ba0e6e2bb77","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,"_18":54,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"isOwned",33,"main","projectId","forkedBranchId","d2c2007e-03cd-11f1-8b70-42dde27851f2","forkedBranchVersion",1,"forkedProjectPrivacy","forkedProjectId","d2bdbb22-03cd-11f1-8b70-42dde27851f2","forkedProjectOrgId","projectName","userHandle","Xielnr","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5SzRuWkdmVDdjaFlkb3RRUjlEUUZMMkJQayJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":173,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":174,"_79":175,"_81":176,"_83":25},"tree",[164,165],"files",[164,165],"counts",{"_154":61,"_155":90,"_156":61,"_157":158,"_159":160},"contents",[139,140],"upstreamProject",{"_43":93,"_32":137,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":130,"_131":132,"_32":85,"_86":93,"_13":90,"_87":133,"_89":134,"_135":136,"_47":-5,"_83":25,"_49":50,"_96":97,"_62":63,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770431796345],"updatedAt",["D",1770431796345],"fdd9b22e-27b0-11f0-aecd-569c3dd06744",11,"lockfileKey","1770431797950-esm.town_v_Xielnr_valentine@1-main","valentine",{"_98":97,"_105":101},{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":151,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_27":153},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":144,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"463bd812-03de-11f1-a82f-42dde27851f2","parentId","latest",["D",1770438862108],27,"label",[28],"f693bb28-03cd-11f1-9a9d-42dde27851f2","README.md","019c35f6-3f79-7448-9cf6-70e5c151755d",["D",1770431856444],"Hello!!! \n\nFeel free to mess around with this val and make it your own :). Just click on \"Fork\" in the top right.\n\nYou can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen!\n\nHave fun with it and hopefully your crush says yes hehe.",[149],"pulls","branches","forks","envVars",{"_161":61,"_163":61},"connections",{"_161":61,"_162":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":90,"_143":57,"_38":170,"_13":61,"_33":20,"_35":152,"_24":25,"_146":-5,"_167":171,"_27":172},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":166,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_167":168,"_27":169},["D",1770438862108],"children",[],[28],["D",1770431856444],[],[149],["D",1770431856444],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":54,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":63,"_95":45,"_96":97},"ctx",{"_77":-5,"_127":210,"_211":212,"_213":214,"_215":25,"_216":25,"_217":25,"_218":57,"_219":-5,"_220":-7,"_221":-7,"_222":61,"_223":25,"_224":25,"_225":-5,"_226":25,"_227":25,"_228":25,"_229":-5},"ENV",{"_181":182,"_183":184,"_185":85,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209},"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 · v28