Cat & Turtle Love 🐱💕🐢

\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",[166,84,82],"e738618f-9a58-4d52-a502-b5efad7b9ecc",["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",[166,84,66],"pulls","branches",1,"forks","envVars",{"_185":26,"_187":26},"connections",{"_185":26,"_186":26},"count","unfilledCount","emptyCount",{"_34":246,"_13":166,"_64":159,"_44":-5,"_36":37,"_160":210,"_161":24,"_38":247,"_40":26,"_67":85,"_163":-5,"_69":30,"_164":-5,"_204":248,"_17":249},{"_34":158,"_13":84,"_64":83,"_44":159,"_36":37,"_160":41,"_161":24,"_38":243,"_40":26,"_67":85,"_163":-5,"_69":30,"_164":-5,"_204":244,"_17":245},{"_34":173,"_13":66,"_64":65,"_44":83,"_36":37,"_160":41,"_161":24,"_38":240,"_40":26,"_67":68,"_163":175,"_69":30,"_164":-5,"_204":241,"_17":242},{"_34":169,"_13":82,"_64":81,"_44":83,"_36":37,"_160":75,"_161":24,"_38":237,"_40":26,"_67":68,"_163":171,"_69":30,"_164":-5,"_204":238,"_17":239},{"_34":232,"_13":231,"_64":226,"_44":159,"_36":37,"_160":233,"_161":24,"_38":234,"_40":26,"_67":85,"_163":-5,"_69":30,"_164":-5,"_204":235,"_17":236},{"_34":223,"_13":224,"_64":225,"_44":226,"_36":37,"_160":122,"_161":24,"_38":227,"_40":179,"_67":68,"_163":228,"_69":30,"_164":-5,"_204":229,"_17":230},{"_34":215,"_13":216,"_64":217,"_44":159,"_36":37,"_160":218,"_161":24,"_38":219,"_40":26,"_67":21,"_163":220,"_69":30,"_164":-5,"_204":221,"_17":222},{"_34":207,"_13":208,"_64":209,"_44":159,"_36":37,"_160":210,"_161":24,"_38":211,"_40":26,"_67":68,"_163":212,"_69":30,"_164":-5,"_204":213,"_17":214},{"_34":197,"_13":198,"_64":98,"_44":-5,"_36":37,"_160":199,"_161":24,"_38":200,"_40":201,"_67":202,"_163":203,"_69":30,"_164":-5,"_204":205,"_17":206},"b58e6443-daa1-4643-ae4a-1ac8da35301b","main.tsx",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",[],[198],"71c1fb29-e73e-4e75-a80f-23295ffe66e4","index.tsx","4565cdea-89e3-11f1-85f3-1607ee4eb77e",7,["D",1785174463995],"/** @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",[],[166,208],"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",[],[166,216],"f41e103c-75ed-495c-884b-6beaa9127234","slides.ts","53ec7da0-89e3-11f1-b1e7-1607ee4eb77e","ff49ee8b-47ea-43f9-9e67-d4e33017c6ee",["D",1785174608586],"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",[],[166,231,224],"data","043fd8d2-c9d5-401d-932c-1b92a0956efd",9,["D",1785174488322],[193],[166,231],["D",1785174518776],[],[166,84,82],["D",1785174488320],[],[166,84,66],["D",1785174488320],[190,191],[166,84],"7207c44b-c90f-4750-89c1-582ba5b4a37d",["D",1785174463995],[189,192,194,195],[166],["D",1785172105582],{"_11":12,"_136":72},{"_11":12,"_131":132,"_71":72,"_31":70,"_133":134,"_135":30},{"_40":122,"_13":16,"_34":37,"_123":87,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":14,"_130":12},"ctx",{"_54":-5,"_155":287,"_288":289,"_290":291,"_292":30,"_293":30,"_294":30,"_295":24,"_296":-5,"_297":-7,"_298":-7,"_299":26,"_300":30,"_301":30,"_302":-5,"_303":30,"_304":30,"_305":30,"_306":-5},"ENV",{"_258":259,"_260":261,"_262":16,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286},"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"]

History · components