Mula sa akin, Para sa iyo - My Ron.

\n {LOVE_SONGS.map((song, index) => (\n setSelectedSong(song)}\n >\n {song.emoji}\n

{song.title}

{song.artist}

\n {selectedSong === song && (\n \n Listen on Spotify\n \n )}\n

\n ))}\n

\n \n \n );\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 \n Mula sa akin, Para sa iyo - My Ron.\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\n\nbody {\n font-family: 'Arial', sans-serif;\n background-image: url(\"https://i.pinimg.com/736x/3b/bb/31/3bbb31a284322a58536d55b8f6618bc4.jpg\");\n background-repeat: no-repeat;\n background-size: cover;\n margin: 0;\n padding: 20px;\n color: #333;\n}\n\n.valentine-playlist {\n max-width: 600px;\n margin: 0 auto;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n padding: 20px;\n}\n\nh1 {\n text-align: center;\n color: #FF1493;\n margin-bottom: 30px;\n}\n\n.song-list {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.song-item {\n display: flex;\n align-items: center;\n padding: 15px;\n border: 1px solid #FFB6C1;\n border-radius: 5px;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.song-item:hover {\n background-color: #FFF0F5;\n}\n\n.song-item.selected {\n background-color: #FFB6C1;\n color: white;\n}\n\n.song-details h3 {\n margin: 0;\n font-size: 1.1em;\n}\n\n.song-details p {\n margin: 5px 0 0;\n font-size: 0.9em;\n}\n\n.spotify-link {\n margin-left: auto;\n color: #1DB954;\n text-decoration: none;\n font-weight: bold;\n}\n\nfooter {\n margin-top: 20px;\n text-align: center;\n}\n\n.source-link {\n color: #FF1493;\n text-decoration: none;\n font-size: 0.8em;\n}\n`;",["D",1739506970257],"version",29,"currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","@jsxImportSource https://esm.sh/react@18.2.0","latestEvaluation","slug","maraiaharc/mybabi","versions",[157,161,165,169,173,177,181,185,189,193],{"_98":158,"_139":140,"_159":160},["D",1739506970257],"n","1",{"_98":162,"_139":163,"_159":164},["D",1739506937009],28,"2",{"_98":166,"_139":167,"_159":168},["D",1739506936478],27,"3",{"_98":170,"_139":171,"_159":172},["D",1739506887076],26,"4",{"_98":174,"_139":175,"_159":176},["D",1739506836153],25,"5",{"_98":178,"_139":179,"_159":180},["D",1739506609593],24,"6",{"_98":182,"_139":183,"_159":184},["D",1739506524348],23,"7",{"_98":186,"_139":187,"_159":188},["D",1739506435809],22,"8",{"_98":190,"_139":191,"_159":192},["D",1739505904306],21,"9",{"_98":194,"_139":195,"_159":196},["D",1739505816790],20,"10","hasNext","filters",{"_200":201,"_202":203,"_128":129},"sort","newest","type","all","routes/_app","actionData","errors"]