Temperature Converter

Temperature Converter

\n °Celsius:\n \n

\n °Fahrenheit:\n \n

\n );\n}\n\nfunction App() {\n return (\n

\n \n

\n );\n}\n\nfunction client() {\n const root = document.getElementById('root');\n if (root) {\n createRoot(root).render();\n }\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Temperature Converter\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n margin: 0;\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(to bottom, #87CEEB, #E0F6FF);\n font-family: Arial, sans-serif;\n}\n\n.container {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.converter {\n background-color: rgba(255, 255, 255, 0.8);\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\nh2 {\n margin-top: 0;\n color: #333;\n text-align: center;\n}\n\n.input-group {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n}\n\nlabel {\n width: 100px;\n margin-right: 10px;\n}\n\ninput {\n flex-grow: 1;\n padding: 5px;\n border: 1px solid #ccc;\n border-radius: 4px;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/rozek/GDI_TemperatureConverter/code/main.tsx","extension","actionData","errors"]