😍 pr0n

\n {posts.map((post, index) => (\n

\n ))}\n

\n );\n}\n\nfunction App() {\n const [posts, setPosts] = useState([]);\n\n useEffect(() => {\n fetch(\"/api/posts\").then((ok) => ok.json())\n .then((posts) => setPosts(posts));\n }, []);\n\n return (\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(req: Request): Promise {\n if (req.url.endsWith(\"/api/posts\")) {\n const posts = await fetchAllReddits();\n posts.sort((a, b) => b.score - a.score);\n return Response.json(posts);\n }\n\n return new Response(\n `\n \n \n 😍 pr0n\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f0f0f0; }\nh1 { text-align: center; color: #333; }\n.image-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }\n.image-item { position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease; }\n.image-item:hover { transform: scale(1.05); }\n.image-item img { width: 100%; height: 250px; object-fit: cover; display: block; }\n`;","deleted","label",[98],"permalink","https://www.val.town/x/roramigator/pr0n/code/main.tsx","extension","actionData","errors"]