Cat Gallery

🐱 Loading cats...

;\n if (error) return

Error: {error}

;\n\n return (\n

\n {cats.map((cat) => (\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 \n Cat Gallery\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst styles = {\n gallery: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(200px, 1fr))\",\n gap: \"10px\",\n padding: \"20px\",\n backgroundColor: \"#f0f0f0\",\n },\n imageContainer: {\n overflow: \"hidden\",\n borderRadius: \"10px\",\n boxShadow: \"0 4px 6px rgba(0,0,0,0.1)\",\n },\n image: {\n width: \"100%\",\n height: \"250px\",\n objectFit: \"cover\",\n transition: \"transform 0.3s ease\",\n },\n sourceLink: {\n gridColumn: \"span full\",\n textAlign: \"center\",\n color: \"#666\",\n textDecoration: \"none\",\n marginTop: \"20px\",\n },\n};","deleted","label",[100],"permalink","https://www.val.town/x/aomarks/catPictureGallery/code/main.tsx","extension","actionData","errors"]