Meme Creator

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/templates\") {\n // This is a small set of meme templates. You can expand this list as needed.\n const templates = [\n { id: \"1\", name: \"Drake\", url: \"https://i.imgflip.com/30b1gx.jpg\" },\n { id: \"2\", name: \"Distracted Boyfriend\", url: \"https://i.imgflip.com/1ur9b0.jpg\" },\n { id: \"3\", name: \"Two Buttons\", url: \"https://i.imgflip.com/1g8my4.jpg\" },\n { id: \"4\", name: \"Expanding Brain\", url: \"https://i.imgflip.com/1jwhww.jpg\" },\n { id: \"5\", name: \"Change My Mind\", url: \"https://i.imgflip.com/24y43o.jpg\" },\n ];\n return new Response(JSON.stringify(templates), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n Meme Creator\n \n \n \n \n

\n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f0f0f0;\n }\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n h1 {\n text-align: center;\n color: #333;\n }\n form {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n }\n select, input, button {\n padding: 10px;\n font-size: 16px;\n }\n button {\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n }\n button:hover {\n background-color: #45a049;\n }\n .meme-image {\n max-width: 100%;\n display: block;\n margin: 20px auto;\n }\n`;\n\nexport default server;","deleted","subdomain",[102],"permalink","https://www.val.town/x/stevekrouse/memeGenerator/code/main.tsx","extension","routes/embed","actionData","errors"]