[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":85,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":57,"_128":-5,"_129":-5,"_130":131},"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",8,"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","019f5271-88f7-74a0-acda-533f5c0f1b80","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\nconst App = () => {\n const [selectedNickname, setSelectedNickname] = useState(null);\n const [showCongrats, setShowCongrats] = useState(false);\n\n // Массив с прозвищами и поздравлениями\n const nicknames = [\n {\n id: 1,\n name: \"Котенок 🐱\",\n emoji: \"🐾\",\n congrats:\n \"С днём рождения, мой котеныш! Ты самый мягкий и тёплый человечек на свете. Мур-мур! 💕\",\n },\n {\n id: 2,\n name: \"Пупсеныш 🎀\",\n emoji: \"🧁\",\n congrats:\n \"Ты самый сладкий пупсеныш на свете! С днём рождения, мой вкусный! Желаю, чтобы жизнь была такой же сладкой, как ты! 🍰\",\n },\n {\n id: 3,\n name: \"Мупси-Пупси 🐰\",\n emoji: \"🏵️\",\n congrats:\n \"Мой любимый человечек! Скоро все наладится и все будет в порядке! Ты самый милый и заботливый. С днём рождения! 🌸\",\n },\n {\n id: 4,\n name: \"Солнышко ☀️\",\n emoji: \"🌻\",\n congrats:\n \"Ты освещаешь мою жизнь! С днём рождения, моё солнышко! Желаю, чтобы твоя жизнь была яркой и тёплой! ☀️\",\n },\n {\n id: 5,\n name: \"Мой мужчина 🦸‍♂️\",\n emoji: \"⭐\",\n congrats:\n \"Ты мой самый лучший мужчина! С днём рождения! Спасибо, что всегда рядом и защищаешь меня. Обожаю тебя! 💫\",\n },\n {\n id: 6,\n name: \"Мой любимый 💕\",\n emoji: \"💗\",\n congrats:\n \"Самый-самый любимый пупсеныш на свете! С днём рождения! Ты делаешь этот мир лучше просто тем, что в нём есть! ❤️\",\n },\n ];\n\n // Обработчик клика по карточке\n const handleCardClick = (nickname) => {\n setSelectedNickname(nickname);\n setShowCongrats(true);\n };\n\n // Сброс к выбору\n const handleReset = () => {\n setShowCongrats(false);\n setSelectedNickname(null);\n };\n\n // Картинка\n const mainImage =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n\n return (\n

\n\n

\n {!showCongrats\n ? (\n // Экран выбора прозвища\n <>\n \n

\n 🎉У кого сегодня день рождения?🎉\n

\n Выбери своё прозвище, чтобы получить поздравление!💝\n

\n\n

\n {nicknames.map((item) => (\n handleCardClick(item)}\n style={styles.cardButton}\n onMouseEnter={(e) => {\n e.target.style.transform = \"scale(1.05) rotate(-2deg)\";\n e.target.style.background = \"#4A90E2\";\n e.target.style.color = \"white\";\n }}\n onMouseLeave={(e) => {\n e.target.style.transform = \"scale(1) rotate(0deg)\";\n e.target.style.background = \"white\";\n e.target.style.color = \"#333\";\n }}\n >\n {item.emoji}\n {item.name}\n \n ))}\n

\n\n

\n * Нажми на своё прозвище, чтобы получить персональное\n поздравление🎁\n

\n \n )\n : (\n // Экран с поздравлением\n

🎈

\n\n

\n {selectedNickname.emoji}\n

\n {selectedNickname.name}!\n

\n\n

\n {selectedNickname.congrats}\n

\n\n

\n 🎂\n 🎊\n 💝\n 🎁\n 🥳\n

\n\n

\n 🎈 Сегодня тебе исполнилось 22 года! С днём рождения! 🎈\n

\n\n {\n e.target.style.background = \"#2E6BB0\";\n e.target.style.transform = \"scale(1.05)\";\n }}\n onMouseLeave={(e) => {\n e.target.style.background = \"#4A90E2\";\n e.target.style.transform = \"scale(1)\";\n }}\n >\n 🔄 Выбрать другое прозвище\n \n

\n )}\n

\n\n

\n С любовью от твоего Кукулика❤️\n

\n );\n};\n\n// Стили\nconst styles = {\n container: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n background:\n \"linear-gradient(135deg, #1a237e 0%, #283593 30%, #3949ab 60%, #5c6bc0 100%)\",\n fontFamily: \"'Segoe UI', Arial, sans-serif\",\n padding: \"20px\",\n position: \"relative\",\n overflow: \"hidden\",\n },\n card: {\n background: \"rgba(255, 255, 255, 0.95)\",\n borderRadius: \"30px\",\n padding: \"40px\",\n maxWidth: \"600px\",\n width: \"100%\",\n boxShadow: \"0 20px 60px rgba(0,0,0,0.3)\",\n backdropFilter: \"blur(10px)\",\n position: \"relative\",\n zIndex: 2,\n },\n image: {\n width: \"100%\",\n maxWidth: \"200px\",\n borderRadius: \"20px\",\n marginBottom: \"15px\",\n },\n title: {\n color: \"#1a237e\",\n fontSize: \"2rem\",\n margin: \"10px 0\",\n fontWeight: \"bold\",\n },\n subtitle: {\n color: \"#555\",\n fontSize: \"1.1rem\",\n marginBottom: \"25px\",\n },\n grid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(2, 1fr)\",\n gap: \"12px\",\n margin: \"20px 0\",\n },\n cardButton: {\n padding: \"20px 15px\",\n background: \"white\",\n border: \"2px solid #90caf9\",\n borderRadius: \"20px\",\n cursor: \"pointer\",\n color: \"#333\",\n fontWeight: \"600\",\n transition: \"all 0.3s ease\",\n boxShadow: \"0 4px 15px rgba(74, 144, 226, 0.15)\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n gap: \"8px\",\n },\n cardEmoji: {\n fontSize: \"2rem\",\n },\n cardName: {\n fontSize: \"1rem\",\n },\n hint: {\n color: \"#999\",\n fontSize: \"0.9rem\",\n marginTop: \"15px\",\n fontStyle: \"italic\",\n },\n congratsContainer: {\n position: \"relative\",\n padding: \"10px 0\",\n },\n balloon: {\n position: \"absolute\",\n top: \"-30px\",\n left: \"10px\",\n fontSize: \"3rem\",\n animation: \"float 3s ease-in-out infinite\",\n },\n balloon2: {\n position: \"absolute\",\n top: \"-20px\",\n right: \"10px\",\n fontSize: \"2.5rem\",\n animation: \"float 3.5s ease-in-out infinite 0.5s\",\n },\n balloon3: {\n position: \"absolute\",\n bottom: \"20px\",\n left: \"20px\",\n fontSize: \"2rem\",\n animation: \"float 4s ease-in-out infinite 1s\",\n },\n congratsHeader: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"15px\",\n marginBottom: \"20px\",\n },\n bigEmoji: {\n fontSize: \"3rem\",\n },\n congratsTitle: {\n color: \"#1a237e\",\n fontSize: \"2rem\",\n margin: 0,\n },\n congratsBox: {\n background: \"linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%)\",\n padding: \"25px\",\n borderRadius: \"20px\",\n margin: \"20px 0\",\n minHeight: \"120px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n border: \"2px solid #90caf9\",\n },\n congratsText: {\n fontSize: \"1.2rem\",\n color: \"#1a237e\",\n fontWeight: \"500\",\n margin: 0,\n lineHeight: \"1.6\",\n },\n emojiRow: {\n fontSize: \"2.5rem\",\n margin: \"20px 0\",\n display: \"flex\",\n justifyContent: \"center\",\n gap: \"20px\",\n },\n ageMessage: {\n color: \"#1a237e\",\n fontSize: \"1.1rem\",\n fontWeight: \"600\",\n marginTop: \"10px\",\n },\n backButton: {\n marginTop: \"20px\",\n padding: \"12px 30px\",\n background: \"#4A90E2\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"50px\",\n fontSize: \"1rem\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n boxShadow: \"0 4px 15px rgba(74, 144, 226, 0.3)\",\n },\n footer: {\n marginTop: \"30px\",\n color: \"#fff\",\n fontSize: \"1.1rem\",\n fontWeight: \"500\",\n zIndex: 2,\n textShadow: \"0 2px 10px rgba(0,0,0,0.3)\",\n },\n confetti: {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n top: 0,\n left: 0,\n background:\n \"radial-gradient(circle at 20% 50%, rgba(74, 144, 226, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(74, 144, 226, 0.15) 0%, transparent 50%)\",\n zIndex: 1,\n },\n confetti2: {\n position: \"absolute\",\n width: \"200%\",\n height: \"200%\",\n top: \"-50%\",\n left: \"-50%\",\n background:\n \"repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(74, 144, 226, 0.08) 20px, rgba(74, 144, 226, 0.08) 40px)\",\n transform: \"rotate(10deg)\",\n zIndex: 1,\n pointerEvents: \"none\",\n },\n};\n\n// Добавляем глобальные стили для анимации ТОЛЬКО НА КЛИЕНТЕ\nif (typeof document !== \"undefined\") {\n const styleElement = document.createElement(\"style\");\n styleElement.textContent = `\n @keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(5deg); }\n }\n \n button:hover {\n transform: scale(1.05) !important;\n }\n \n button:active {\n transform: scale(0.95) !important;\n }\n `;\n document.head.appendChild(styleElement);\n}\n\n// Рендеринг\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\n// Серверная часть\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n 🎂 С Днём Рождения! 🎂\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\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\nconst App = () => {\n const [selectedNickname, setSelectedNickname] = useState(null);\n const [showCongrats, setShowCongrats] = useState(false);\n\n // Массив с прозвищами и поздравлениями\n const nicknames = [\n {\n id: 1,\n name: \"Котенок 🐱\",\n emoji: \"🐾\",\n congrats:\n \"С днём рождения, мой котеныш! Ты самый мягкий и тёплый человечек на свете. Мур-мур! 💕\",\n },\n {\n id: 2,\n name: \"Пупсеныш 🎀\",\n emoji: \"🧁\",\n congrats:\n \"Ты самый сладкий пупсеныш на свете! С днём рождения, мой вкусный! Желаю, чтобы жизнь была такой же сладкой, как ты! 🍰\",\n },\n {\n id: 3,\n name: \"Мупси-Пупси 🐰\",\n emoji: \"🏵️\",\n congrats:\n \"Мой любимый человечек! Скоро все наладится и все будет в порядке! Ты самый милый и заботливый. С днём рождения! 🌸\",\n },\n {\n id: 4,\n name: \"Солнышко ☀️\",\n emoji: \"🌻\",\n congrats:\n \"Ты освещаешь мою жизнь! С днём рождения, моё солнышко! Желаю, чтобы твоя жизнь была яркой и тёплой! ☀️\",\n },\n {\n id: 5,\n name: \"Мой мужчина 🦸‍♂️\",\n emoji: \"⭐\",\n congrats:\n \"Ты мой самый лучший мужчина! С днём рождения! Желаю тебе, чтобы у тебя была своя BMW M3, на которой ты будешь с ветерком! И обязательно свой собственный дом с гаражом для твоей мечты! Спасибо, что всегда рядом и защищаешь меня. Обожаю тебя! 💫\",\n },\n {\n id: 6,\n name: \"Мой любимый 💕\",\n emoji: \"💗\",\n congrats:\n \"Самый-самый любимый пупсеныш на свете! С днём рождения! Ты делаешь этот мир лучше просто тем, что в нём есть! ❤️\",\n },\n ];\n\n // Обработчик клика по карточке\n const handleCardClick = (nickname) => {\n setSelectedNickname(nickname);\n setShowCongrats(true);\n };\n\n // Сброс к выбору\n const handleReset = () => {\n setShowCongrats(false);\n setSelectedNickname(null);\n };\n\n // Картинка\n const mainImage =\n \"https://media.tenor.com/VIChDQ6ejRQAAAAj/jumping-bear-hearts-no-png.gif\";\n\n return (\n

\n\n

\n {!showCongrats\n ? (\n // Экран выбора прозвища\n <>\n \n

\n 🎉У кого сегодня день рождения?🎉\n

\n Выбери своё прозвище, чтобы получить поздравление!💝\n

\n\n

\n * Нажми на своё прозвище, чтобы получить персональное\n поздравление🎁\n

\n \n )\n : (\n // Экран с поздравлением\n

🎈

\n\n

\n {selectedNickname.emoji}\n

\n {selectedNickname.name}!\n

\n\n

\n {selectedNickname.congrats}\n

\n\n

\n 🎂\n 🎊\n 💝\n 🎁\n 🥳\n

\n\n

\n 🎈 Сегодня тебе исполнилось 22 года! С днём рождения! 🎈\n

\n )}\n

\n\n

\n С любовью от твоего Кукулика❤️\n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","createdAt",["D",1783795628181],"branchVersion","branchId","bb6ece87-ff5c-47db-a63d-f62c85322492","id","6e03d002-9739-4f91-bf1c-7c4dc497a4b2","valentine",["D",1783794600020],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","39916d3b-9db0-4e30-b80c-30d85f99236b","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f5271-2a61-747c-acfd-0a6b5bfc312d","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":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",9,"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","ksu44","handle","displayName","Ksu","avatar","https://lh3.googleusercontent.com/a/ACg8ocLi-QUtyCXltocEu6BIlVvALlEZK72iyouPtsloLG6o1uFxgRLW=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":175,"_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":176,"_79":177,"_81":178,"_83":25},"tree",[166,167],"files",[166,167],"counts",{"_156":61,"_157":152,"_158":61,"_159":160,"_161":162},"contents",[140,141],"upstreamProject",{"_43":93,"_32":45,"_52":-5,"_53":-5,"_49":50,"_77":138},"upstreamBranch",{"_43":88,"_38":132,"_133":134,"_32":85,"_86":93,"_13":90,"_87":-5,"_89":-5,"_135":136,"_47":-5,"_83":25,"_49":50,"_97":137,"_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":137,"_107":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaWlEbWhXRTJ3Y3kwcTR0VjZYZEdyYmZFZVkifQ",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":153,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_27":155},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_27":148},"7a8a7670-9203-4e2f-82c0-189f7a74c9b8","parentId","latest",["D",1783795628181],7,"label",[28],"3cdc935a-e72f-46db-8aa2-e76080a95548","README.md","019f5271-88f7-74a0-acda-4ce7e2abd70a",1,["D",1783794600020],"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.",[150],"pulls","branches","forks","envVars",{"_163":61,"_165":61},"connections",{"_163":61,"_164":61},"count","unfilledCount","emptyCount",{"_43":149,"_32":150,"_30":151,"_143":-5,"_41":42,"_40":152,"_144":57,"_38":172,"_13":61,"_33":20,"_35":154,"_24":25,"_147":-5,"_169":173,"_27":174},{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":168,"_13":146,"_33":34,"_35":37,"_24":25,"_147":-5,"_169":170,"_27":171},["D",1783795628181],"children",[],[28],["D",1783794600020],[],[150],["D",1783794600020],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":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,"_129":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":57,"_221":-5,"_222":-7,"_223":-7,"_224":61,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v8