Cat & Turtle Love 🐱💕🐢

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_266":267,"_268":269},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_198":-5,"_20":199,"_22":200,"_201":202,"_203":204,"_26":205,"_24":206,"_207":-5,"_208":-5,"_209":58,"_210":211,"_212":49,"_213":-5,"_214":-5,"_215":216},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","auuhauau","name","cat-turtle-love","branchName","main","version","path","frontend","project",{"_37":143,"_13":14,"_50":144,"_145":-5,"_146":58,"_147":148,"_149":148,"_150":151,"_152":-5,"_153":154,"_155":88,"_156":49,"_157":-5,"_158":-5,"_159":52,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":176,"_177":178,"_179":180,"_181":58},"tree",[84,85],"file",{"_37":81,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":82,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":83},"contents",[33,34,35,36],"upstream","pull","ahead","behind","envVars",{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":79,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":80},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":72,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":74},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":65,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_18":67},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":60},"id","71c1fb29-e73e-4e75-a80f-23295ffe66e4","index.tsx","fileId","4565cdea-89e3-11f1-85f3-1607ee4eb77e","parentId","97a90646-04eb-413a-97f4-064c635ee93b","branchId","0f515733-59e0-494c-93b1-160cc2dd4c24","branchVersion",7,"latest",true,"createdAt",["D",1785174463995],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { Slideshow } from \"./components/Slideshow.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();\n","deleted",false,"label",[19,39],"fcf394d8-ed51-4365-9e94-f2976606c517","index.html","7fbf6c6c-89e3-11f1-b0eb-1607ee4eb77e",11,["D",1785174561894],"\n\n \n \n \n Cat & Turtle Love 🐱💕🐢\n \n \n \n \n \n \n

\n \n \n \n\n",[19,62],"043fd8d2-c9d5-401d-932c-1b92a0956efd","data","ff49ee8b-47ea-43f9-9e67-d4e33017c6ee",9,["D",1785174488322],"directory",[19,69],"50ac2afe-86e2-4c00-b9e9-d4d3a39e02aa","components","c8ec4c2c-9a63-43b5-891d-591d9dc595ef",8,["D",1785174488320],[19,76],"7207c44b-c90f-4750-89c1-582ba5b4a37d",["D",1785174463995],[19],{"_37":81,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":97,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":98,"_18":99},{"_37":86,"_13":87,"_40":88,"_42":-5,"_44":45,"_46":89,"_48":49,"_50":90,"_17":91,"_53":92,"_55":93,"_57":58,"_59":-5,"_94":95,"_18":96},"b58e6443-daa1-4643-ae4a-1ac8da35301b","main.tsx","c7ae8932-89dd-11f1-b80f-1607ee4eb77e",12,["D",1785174587962],5,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) =>\n c.html(`\n\n \n \n \n Cat & Turtle Love 🐱💕🐢\n \n \n \n \n \n \n

\n \n \n \n`));\n\n// Serve frontend assets (TSX, JS, etc.)\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[87],["D",1785174463995],[100,101,102,103],[19],{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":123,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":124,"_18":125},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":110,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":111,"_18":112},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":107,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_94":108,"_18":109},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":104,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_94":105,"_18":106},["D",1785174463995],[],[19,39],["D",1785174561894],[],[19,62],["D",1785174488322],[113],[19,69],{"_37":114,"_13":115,"_40":116,"_42":70,"_44":45,"_46":117,"_48":49,"_50":118,"_17":119,"_53":54,"_55":120,"_57":58,"_59":-5,"_94":121,"_18":122},"f41e103c-75ed-495c-884b-6beaa9127234","slides.ts","53ec7da0-89e3-11f1-b1e7-1607ee4eb77e",13,["D",1785174608586],1,"export interface Slide {\n emoji: string;\n title: string;\n subtitle?: string;\n message: string;\n bgFrom: string;\n bgTo: string;\n}\n\nexport const slides: Slide[] = [\n {\n emoji: \"🐱💕\",\n title: \"Hiii Jasper! 💕\",\n message: \"I love you so much babyyy, this is so corny but I hope you'll like it 🐱💕\",\n bgFrom: \"#ffd6e0\",\n bgTo: \"#ffc8dd\",\n },\n {\n emoji: \"🐢\",\n title: \"You're My Favorite Person\",\n message: \"I'm the luckiest to have you in my life. You're my first love and I'm really happy that I got to experience it with you, cuz you're really amazing and you make me feel cared for and safe. I never thought I would be so in love 🐢💚\",\n bgFrom: \"#c8e6c9\",\n bgTo: \"#b2dfdb\",\n },\n {\n emoji: \"🐱🐢\",\n title: \"I Can't Wait To Meet You\",\n message: \"I know I'm annoying about it but I ask every time because if we don't plan it, it's never gonna happen. I'll have my finals and I hope my mom won't be difficult about it. Our holidays aren't at the same time and I'm a bit scared to tell my dad, but I'll try my best to make it happen baby 💕\",\n bgFrom: \"#fff0f5\",\n bgTo: \"#ffb6d9\",\n },\n {\n emoji: \"🌸\",\n title: \"I'm Sorry For When I Act Difficult\",\n message: \"Or when I get upset about something and don't wanna say what's wrong. I don't act this way to be mean — I just get embarrassed or don't want to upset you, even though I know not telling you is more upsetting 🐢✨\",\n bgFrom: \"#dcedc8\",\n bgTo: \"#c5e1a5\",\n },\n {\n emoji: \"💕\",\n title: \"I Love You\",\n message: \"I hope I do it the right way cuz you deserve all the good and I wouldn't want to hurt you when you are so sweet to me. I wanna make a lot of memories with you and I hope things between us will be fine 🐱💕🐢\",\n bgFrom: \"#fce4ec\",\n bgTo: \"#f8bbd0\",\n },\n {\n emoji: \"🐱💕🐢\",\n title: \"Have A Nice Holiday\",\n message: \"I love you more than Pisoaica and Kootje love food and sleeping. You're my everything 🐱💕🐢\",\n bgFrom: \"#ffd1dc\",\n bgTo: \"#c8e6c9\",\n },\n];\n",[],[19,69,115],["D",1785174488320],[126,127],[19,76],{"_37":136,"_13":137,"_40":138,"_42":77,"_44":45,"_46":78,"_48":49,"_50":139,"_17":52,"_53":54,"_55":140,"_57":58,"_59":-5,"_94":141,"_18":142},{"_37":128,"_13":129,"_40":130,"_42":77,"_44":45,"_46":131,"_48":49,"_50":132,"_17":52,"_53":54,"_55":133,"_57":58,"_59":-5,"_94":134,"_18":135},"dc258e38-8c8c-4c64-8912-06dfbc3a8ce2","Slideshow.tsx","660f00f2-89e3-11f1-b0eb-1607ee4eb77e",10,["D",1785174518776],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, {\n useCallback,\n useEffect,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { slides } from \"../data/slides.ts\";\nimport { FloatingHearts } from \"./FloatingHearts.tsx\";\n\nconst AUTOPLAY_MS = 6000;\n\nexport function Slideshow() {\n const [current, setCurrent] = useState(0);\n const [isPlaying, setIsPlaying] = useState(true);\n const [progress, setProgress] = useState(0);\n const [direction, setDirection] = useState<\"next\" | \"prev\">(\"next\");\n\n const goTo = useCallback((index: number, dir: \"next\" | \"prev\" = \"next\") => {\n setDirection(dir);\n setCurrent(((index % slides.length) + slides.length) % slides.length);\n setProgress(0);\n }, []);\n\n const next = useCallback(() => {\n goTo(current + 1, \"next\");\n }, [current, goTo]);\n\n const prev = useCallback(() => {\n goTo(current - 1, \"prev\");\n }, [current, goTo]);\n\n // Keyboard navigation\n useEffect(() => {\n const onKey = (e: KeyboardEvent) => {\n if (e.key === \"ArrowRight\" || e.key === \" \") {\n e.preventDefault();\n next();\n } else if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n prev();\n } else if (e.key === \"p\" || e.key === \"P\") {\n setIsPlaying((p) => !p);\n }\n };\n window.addEventListener(\"keydown\", onKey);\n return () => window.removeEventListener(\"keydown\", onKey);\n }, [next, prev]);\n\n // Autoplay with progress\n useEffect(() => {\n if (!isPlaying) return;\n const interval = setInterval(() => {\n setProgress((p) => {\n if (p >= 100) {\n next();\n return 0;\n }\n return p + (100 / (AUTOPLAY_MS / 50));\n });\n }, 50);\n return () => clearInterval(interval);\n }, [isPlaying, next]);\n\n const slide = slides[current];\n const bgStyle = {\n background: `linear-gradient(135deg, ${slide.bgFrom}, ${slide.bgTo})`,\n transition: \"background 1.2s ease\",\n };\n\n return (\n \n \n\n {/* Slide content */}\n \n {/* Big emoji */}\n \n {slide.emoji}\n \n\n {/* Title */}\n \n {slide.title}\n \n\n {/* Message */}\n \n {slide.message}\n

\n \n\n {/* Navigation arrows */}\n \n 🐾\n \n \n 🐾\n \n\n {/* Bottom controls */}\n \n {/* Progress bar */}\n \n \n \n\n {/* Dots */}\n

\n {slides.map((_, i) => (\n goTo(i, i > current ? \"next\" : \"prev\")}\n style={{\n width: i === current ? \"28px\" : \"10px\",\n height: \"10px\",\n borderRadius: \"999px\",\n border: \"none\",\n cursor: \"pointer\",\n background: i === current\n ? \"rgba(255,100,150,0.8)\"\n : \"rgba(255,255,255,0.6)\",\n transition: \"all 0.3s ease\",\n padding: 0,\n }}\n aria-label={`Go to slide ${i + 1}`}\n />\n ))}\n

\n\n {/* Play/pause + counter */}\n \n setIsPlaying((p) => !p)}\n style={{\n background: \"rgba(255,255,255,0.4)\",\n border: \"none\",\n borderRadius: \"50%\",\n width: \"36px\",\n height: \"36px\",\n cursor: \"pointer\",\n fontSize: \"16px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n transition: \"transform 0.2s\",\n }}\n aria-label={isPlaying ? \"Pause\" : \"Play\"}\n >\n {isPlaying ? \"⏸️\" : \"▶️\"}\n \n \n {current + 1} / {slides.length}\n \n \n \n\n {/* View source */}\n \n view source 🐱\n \n\n {/* Animations */}\n \n \n );\n}\n\nfunction navBtnStyle(side: \"left\" | \"right\"): React.CSSProperties {\n return {\n position: \"fixed\",\n top: \"50%\",\n [side]: \"1rem\",\n transform: `${side === \"left\" ? \"scaleX(-1)\" : \"\"} translateY(-50%)`,\n background: \"rgba(255,255,255,0.35)\",\n border: \"none\",\n borderRadius: \"50%\",\n width: \"52px\",\n height: \"52px\",\n fontSize: \"24px\",\n cursor: \"pointer\",\n zIndex: 10,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backdropFilter: \"blur(4px)\",\n transition: \"transform 0.2s, background 0.2s\",\n };\n}\n",[],[19,76,129],"e738618f-9a58-4d52-a502-b5efad7b9ecc","FloatingHearts.tsx","53e5fd5e-89e3-11f1-a46a-1607ee4eb77e",["D",1785174488320],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\n\ninterface Heart {\n id: number;\n left: number;\n delay: number;\n duration: number;\n size: number;\n emoji: string;\n}\n\nconst heartEmojis = [\"💕\", \"💖\", \"💗\", \"💚\", \"🐾\", \"✨\", \"💕\", \"💞\"];\n\nexport function FloatingHearts() {\n const heartsRef = useRef([]);\n\n if (heartsRef.current.length === 0) {\n heartsRef.current = Array.from({ length: 18 }, (_, i) => ({\n id: i,\n left: Math.random() * 100,\n delay: Math.random() * 8,\n duration: 6 + Math.random() * 8,\n size: 16 + Math.random() * 24,\n emoji: heartEmojis[Math.floor(Math.random() * heartEmojis.length)],\n }));\n }\n\n return (\n

\n {heartsRef.current.map((h) => (\n \n {h.emoji}\n

\n ))}\n \n \n );\n}\n",[],[19,76,137],"d85358ef-d14b-4f74-953c-0631052dde3d",["D",1785172105582],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🐱🐢 A cute cat & turtle themed love slideshow for my bf 💕","imageUrl","userId","797bc85a-41c9-4514-ba99-44ffc5c3443f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019fa47d-f8dc-71ae-bcd3-dbc210c864d8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_197":193},"org",{"_11":12,"_190":191,"_192":193,"_153":154,"_194":195,"_196":58},"branch",{"_17":117,"_13":16,"_37":45,"_182":143,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":14,"_189":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","haumau","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/51972adb-e77b-45ad-820d-d1bdc136db00/square512?exp=1789531199&sig=a38e85bd7203bf6046e12abe59baabedd9b33f3d5048e41de1e77a0d2d159ce5","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":143,"_13":14,"_50":262,"_145":-5,"_146":58,"_147":148,"_149":148,"_150":151,"_152":-5,"_153":154,"_155":88,"_156":49,"_157":-5,"_158":-5,"_159":52,"_160":161,"_162":-5,"_163":-5,"_164":-5,"_165":-5,"_166":167,"_168":167,"_169":170,"_171":170,"_172":170,"_173":167,"_174":167,"_175":263,"_177":264,"_179":265,"_181":58},[235,243],"files",[235,236,237,238,239,240,241,242,243],"counts",{"_226":52,"_227":119,"_228":52,"_32":229,"_230":231},[218,219,220,221],{"_37":81,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":82,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":217},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":79,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":225},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":72,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_18":224},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":65,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_18":223},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":222},[19,39],[19,62],[19,69],[19,76],"pulls","branches","forks",{"_232":52,"_234":52},"connections",{"_232":52,"_233":52},"count","unfilledCount","emptyCount",{"_37":81,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":47,"_48":49,"_50":97,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":260,"_18":261},{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":123,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":258,"_18":259},{"_37":136,"_13":137,"_40":138,"_42":77,"_44":45,"_46":78,"_48":49,"_50":139,"_17":52,"_53":54,"_55":140,"_57":58,"_59":-5,"_94":256,"_18":257},{"_37":128,"_13":129,"_40":130,"_42":77,"_44":45,"_46":131,"_48":49,"_50":132,"_17":52,"_53":54,"_55":133,"_57":58,"_59":-5,"_94":254,"_18":255},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":110,"_17":52,"_53":73,"_55":-5,"_57":58,"_59":-5,"_94":252,"_18":253},{"_37":114,"_13":115,"_40":116,"_42":70,"_44":45,"_46":117,"_48":49,"_50":118,"_17":119,"_53":54,"_55":120,"_57":58,"_59":-5,"_94":250,"_18":251},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":107,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_94":248,"_18":249},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":104,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_94":246,"_18":247},{"_37":86,"_13":87,"_40":88,"_42":-5,"_44":45,"_46":89,"_48":49,"_50":90,"_17":91,"_53":92,"_55":93,"_57":58,"_59":-5,"_94":244,"_18":245},[],[87],[],[19,39],[],[19,62],[],[19,69,115],[240],[19,69],[],[19,76,129],[],[19,76,137],[237,238],[19,76],[236,239,241,242],[19],["D",1785172105582],{"_11":12,"_197":193},{"_11":12,"_190":191,"_192":193,"_153":154,"_194":195,"_196":58},{"_17":117,"_13":16,"_37":45,"_182":143,"_183":-5,"_184":-5,"_185":-5,"_186":-5,"_187":-5,"_188":14,"_189":12},"ctx",{"_175":-5,"_214":299,"_300":301,"_302":303,"_304":58,"_305":58,"_306":58,"_307":49,"_308":-5,"_309":-7,"_310":-7,"_311":52,"_312":58,"_313":58,"_314":-5,"_315":58,"_316":58,"_317":58,"_318":-5},"ENV",{"_270":271,"_272":273,"_274":16,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298},"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"]