Valentine's Message

\n Drag the images to arrange them\n

\n \n Share\n \n \n )\n : (\n {\n window.history.replaceState({}, \"\", window.location.pathname);\n setMessage(\"\");\n setIsCreating(true);\n initializeRandomPositions();\n }}\n style={{\n position: \"fixed\",\n top: \"20px\",\n right: \"20px\",\n padding: \"8px 20px\",\n backgroundColor: \"black\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n zIndex: 1001,\n }}\n >\n Make Your Own\n \n )}\n\n {message && (\n \n {message}\n \n )}\n\n {imagePositions.map((position, index) => (\n \n ))}\n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n const message = url.searchParams.get(\"message\") || \"\";\n\n return new Response(\n `\n \n \n Valentine's Message\n \n \n \n \n \n

\n \n \n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/charmaine/valentines_day_card_generator/code/frontend_card","extension","actionData","errors"]