My Link in Bio

\n $\"Profile\"$ \n

\n \n

\n {links.map((link, index) => (\n \n {link.icon} {link.title}\n \n ))}\n

\n \n \n View Source\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 My Link in Bio\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}\n\nconst styles = {\n container: {\n maxWidth: \"400px\",\n margin: \"0 auto\",\n padding: \"20px\",\n textAlign: \"center\",\n fontFamily: \"system-ui, sans-serif\"\n },\n profile: {\n marginBottom: \"30px\"\n },\n avatar: {\n width: \"120px\",\n height: \"120px\",\n borderRadius: \"50%\",\n objectFit: \"cover\"\n },\n name: {\n margin: \"10px 0 5px\",\n fontSize: \"24px\"\n },\n bio: {\n color: \"#666\",\n marginBottom: \"20px\"\n },\n linkContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"15px\"\n },\n linkButton: {\n backgroundColor: \"#f0f0f0\",\n color: \"#333\",\n padding: \"12px\",\n textDecoration: \"none\",\n borderRadius: \"8px\",\n fontWeight: \"500\",\n transition: \"background-color 0.3s\"\n },\n sourceLink: {\n display: \"block\",\n marginTop: \"20px\",\n color: \"#888\",\n fontSize: \"12px\",\n textDecoration: \"none\"\n }\n};\n\nconst css = `\nbody { margin: 0; }\na:hover { background-color: #e0e0e0; }\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Bikash143/chatbookSocialMediaApp/code/main.tsx","extension","actionData","errors"]