Per pipi

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"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",24,"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","019c510c-2c86-724d-9118-b02280eda293","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [page, setPage] = useState(1);\n const [response, setResponse] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n if (!response.trim()) return;\n\n try {\n await fetch(\"https://formspree.io/f/mqaejnbk\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n \"Cosa vuole fare pipi\": response,\n \"Destinatario\": \"felixsassi19@gmail.com\",\n }),\n });\n setSubmitted(true);\n } catch (error) {\n setSubmitted(true);\n }\n };\n\n return (\n \n {/* Petali animati di sottofondo */}\n

\n 🌸\n

\n\n {/* PAGINA 1: BENVENUTO */}\n {page === 1 && (\n

🌹

\n \n Ciao pipi 🙃\n \n \n

\n \n \n )}\n\n {/* PAGINA 2: L'ATTESA */}\n {page === 2 && (\n

\n \n

\n \n Nel mentre che aspetto
che torni...\n \n setPage(3)}\n style={{\n ...btnStyle,\n marginTop: \"40px\",\n background: \"none\",\n color: \"#ff4d6d\",\n border: \"1px solid #ff4d6d\",\n }}\n >\n Continua ✨\n \n

\n )}\n\n {/* PAGINA 3: FORM E FRASI SPARSE */}\n {page === 3 && (\n \n {!submitted\n ? (\n <>\n {/* Frasi sparse graficamente per lo schermo */}\n \n Daaaai non far la timida..\n \n \n Mi maaanchiiii ❤️\n \n \n Daii perfavoooreee\n \n \n Farò in modo di renderla speciale per te\n \n\n \n Cosa vorresti fare a San Valentino dopo la sessione???\n \n\n \n setResponse(e.target.value)}\n style={textAreaStyle}\n />\n \n Invia a Felix\n \n \n\n \n Anche se non ti piace la festa, la renderemo nostra.\n

\n \n )\n : (\n \n

✨

\n \n Inviato con successo\n \n

\n Ti aspetto, pipi ✨\n

\n \n )}\n \n )}\n\n \n \n );\n}\n\n// STILI\nconst pageContainer = {\n height: \"100%\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n zIndex: 2,\n};\n\nconst btnStyle = {\n background: \"#ff4d6d\",\n color: \"white\",\n border: \"none\",\n padding: \"14px 45px\",\n borderRadius: \"15px\",\n fontSize: \"16px\",\n fontWeight: \"600\",\n letterSpacing: \"1px\",\n boxShadow: \"0 10px 20px rgba(255, 77, 109, 0.2)\",\n};\n\nconst textAreaStyle = {\n width: \"100%\",\n height: \"140px\",\n borderRadius: \"20px\",\n border: \"1px solid #ffccd5\",\n padding: \"15px\",\n fontFamily: \"inherit\",\n fontSize: \"16px\",\n outline: \"none\",\n background: \"rgba(255, 255, 255, 0.9)\",\n boxSizing: \"border-box\",\n};\n\nconst floatingText = {\n position: \"absolute\",\n fontSize: \"12px\",\n opacity: 0.7,\n fontStyle: \"italic\",\n pointerEvents: \"none\",\n width: \"130px\",\n};\n\nconst mainDecoration = {\n fontSize: \"50px\",\n marginBottom: \"10px\",\n};\n\nconst elegantFrame = {\n padding: \"10px\",\n border: \"1px solid #ffccd5\",\n borderRadius: \"110px\",\n display: \"inline-block\",\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n Per pipi\n \n \n \n

\n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n const [page, setPage] = useState(1);\n const [response, setResponse] = useState(\"\");\n const [status, setStatus] = useState(\"idle\");\n\n const sendEmail = async (e) => {\n e.preventDefault();\n if (!response.trim()) return;\n setStatus(\"sending\");\n\n try {\n await fetch(\"https://formsubmit.co/ajax/felixsassi19@gmail.com\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n Messaggio: response,\n _subject: \"Nuovo messaggio da Pipi! ❤️\",\n _captcha: \"false\",\n }),\n });\n setStatus(\"success\");\n } catch (error) {\n setStatus(\"success\");\n }\n };\n\n return (\n \n \n\n {/* Petali */}\n

\n 🌸\n

\n\n {/* PAGINA 1 */}\n {page === 1 && (\n

\n 🙃\n

\n \n Ciao pipi\n \n \n

\n \n \n )}\n\n {/* PAGINA 2 */}\n {page === 2 && (\n

\n \n

\n )}\n\n {/* PAGINA 3 */}\n {page === 3 && (\n \n {status !== \"success\"\n ? (\n <>\n \n Daaaai non far la timida..\n \n \n Mi maaanchiiii ❤️\n \n \n Daii perfavoooreee\n \n \n Farò in modo di renderla speciale per te\n \n\n \n Cosa vorresti fare a San Valentino dopo la sessione???\n \n\n

\n setResponse(e.target.value)}\n style={textAreaStyle}\n />\n \n {status === \"sending\" ? \"Invio...\" : \"Invia a Felix 💌\"}\n \n \n \n )\n : (\n \n

✨

\n Inviato!\n

\n \n Ti aspetto, pipi ✨\n

\n\n

\n \n Scusa per oggi, non sono preso benissimo\n

\n \n )}\n \n )}\n \n );\n}\n\n// STILI\nconst pageContainer = {\n height: \"100%\",\n width: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n};\nconst btnStyle = {\n background: \"#ff4d6d\",\n color: \"white\",\n border: \"none\",\n padding: \"14px 40px\",\n borderRadius: \"15px\",\n fontSize: \"17px\",\n fontWeight: \"600\",\n boxShadow: \"0 10px 20px rgba(255, 77, 109, 0.2)\",\n};\nconst textAreaStyle = {\n width: \"100%\",\n height: \"150px\",\n borderRadius: \"20px\",\n border: \"1px solid #ffccd5\",\n padding: \"18px\",\n fontFamily: \"inherit\",\n fontSize: \"16px\",\n outline: \"none\",\n background: \"white\",\n boxSizing: \"border-box\",\n};\nconst floatingText = {\n position: \"absolute\",\n fontSize: \"12px\",\n opacity: 0.7,\n fontStyle: \"italic\",\n width: \"140px\",\n pointerEvents: \"none\",\n};\nconst elegantFrame = {\n padding: \"8px\",\n border: \"1px solid #ffccd5\",\n borderRadius: \"100px\",\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n Per pipi\n \n \n

\n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}","createdAt",["D",1771068274213],"branchVersion","branchId","ff0b2e96-07ef-11f1-8eaa-42dde27851f2","id","ff066d02-07ef-11f1-8eaa-42dde27851f2","valentine",["D",1770886278158],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","019c5109-ffba-76eb-90fc-54a7dc27fb53","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019c5109-ffba-76eb-90fc-5a049ad1a7cd","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"isOwned",30,"main","projectId","forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"forkedProjectPrivacy","forkedProjectId","fdd966ca-27b0-11f0-aecd-569c3dd06744","forkedProjectOrgId","1ea2ca52-aecd-4993-8c60-cb61483dff1b","projectName","userHandle","bohperprovare","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM5WXc1NlhFTUdybjU2QkU4dDBCaG8xNTdJMyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_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":175,"_79":176,"_81":177,"_83":25},"tree",[165,166],"files",[165,166],"counts",{"_155":61,"_156":151,"_157":61,"_158":159,"_160":161},"contents",[139,140],"upstreamProject",{"_43":93,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":137},"upstreamBranch",{"_43":88,"_38":131,"_132":133,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_134":135,"_47":-5,"_83":25,"_49":50,"_97":136,"_62":95,"_96":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230157507],"updatedAt",["D",1739338420215],"lockfileKey","1767110342515-esm.town_v_mewtru_valentine@11-main","mewtru",{"_99":136,"_106":138},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":152,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_27":154},{"_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},"bd168496-0997-11f1-b46d-42dde27851f2","parentId","latest",["D",1771068274213],23,"label",[28],"ff0dd6f0-07ef-11f1-8eaa-42dde27851f2","README.md","019c510c-2c86-724d-9118-aea836ec8388",1,["D",1770886278158],"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",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_43":148,"_32":149,"_30":150,"_142":-5,"_41":42,"_40":151,"_143":57,"_38":171,"_13":61,"_33":20,"_35":153,"_24":25,"_146":-5,"_168":172,"_27":173},{"_43":141,"_32":28,"_30":31,"_142":-5,"_41":42,"_40":14,"_143":25,"_38":167,"_13":145,"_33":34,"_35":37,"_24":25,"_146":-5,"_168":169,"_27":170},["D",1771068274213],"children",[],[28],["D",1770886278158],[],[149],["D",1770886278158],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":90,"_91":50,"_92":93,"_94":95,"_96":45,"_97":98},"ctx",{"_77":-5,"_128":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":57,"_220":-5,"_221":-7,"_222":-7,"_223":61,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":85,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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 · v24