Translator DE ➜ EN

\n German Text:\n \n Translate\n \n

\n setGermanText(e.target.value)}\n placeholder=\"(enter german text)\"\n disabled={isTranslating}\n />\n English Translation:\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 return new Response(\n `\n \n \n Translator DE ➜ EN\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n }\n );\n}\n\nconst css = `\nbody {\n margin: 0;\n font-family: Arial, sans-serif;\n background: linear-gradient(to bottom, #87CEEB, #E0F6FF);\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.app-container {\n background-color: white;\n padding: 1rem 1.5rem;\n border-radius: 15px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n width: 90%;\n max-width: 500px;\n}\n\nh1 {\n text-align: center;\n font-size: 1.5rem;\n margin-bottom: 1rem;\n}\n\n.input-group {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.5rem;\n position: relative;\n}\n\nlabel {\n font-weight: bold;\n margin-bottom: 0.5rem;\n display: block;\n}\n\nlabel[for=\"germanText\"] {\n position: relative;\n top: 14px;\n}\n\ntextarea {\n width: 100%;\n padding: 0.5rem;\n margin-bottom: 1rem;\n border: 1px solid #ccc;\n border-radius: 4px;\n min-height: 100px;\n}\n\nbutton {\n background-color: #4CAF50;\n color: white;\n border: none;\n padding: 0.5rem 1rem;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 4px 2px;\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #45a049;\n}\n\nbutton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n}\n`;",[],[99],"files",[154,173],"counts",{"_184":32,"_185":138,"_186":32,"_187":32},"pulls","branches","forks","envVars","contents",[],{"_103":174,"_160":139,"_157":115,"_95":99,"_166":177,"_164":176,"_100":32,"_159":-5,"_105":191,"_161":138,"_169":-5,"_98":192},["D",1728637963139],[99],"upstreamProject",{"_103":146,"_95":96,"_111":-5,"_112":-5,"_109":110,"_23":195},{"_93":196,"_131":197},"rozek","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybjB5SWh3N1NZbElndXIzcnRoT2tlVGFQMFoifQ","upstreamBranch",{"_103":142,"_105":200,"_201":202,"_95":43,"_140":146,"_100":203,"_141":-5,"_143":-5,"_204":205,"_107":-5,"_151":22,"_109":110,"_150":196,"_16":148,"_149":96},["D",1746135871428],"updatedAt",["D",1728400043059],7,"lockfileKey","1746158502874-esm.town_v_rozek_GDI_AITranslator@7-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":212,"_152":217,"_180":224,"_165":225,"_188":228,"_229":230,"_233":22,"_234":-5,"_235":138,"_236":203,"_237":238},{"_103":104,"_95":96,"_105":213,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":115,"_116":117,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":214,"_133":215,"_136":216,"_151":22},["D",1746197927508],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_100":138,"_95":43,"_103":139,"_140":104,"_141":142,"_143":32,"_144":110,"_145":146,"_147":148,"_149":96,"_150":94},[218,221],{"_103":155,"_95":156,"_157":158,"_159":-5,"_160":139,"_161":138,"_162":117,"_105":163,"_100":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_170":219,"_98":220},[],[156],{"_103":174,"_95":99,"_157":115,"_159":-5,"_160":139,"_161":138,"_162":117,"_105":175,"_100":32,"_164":176,"_166":177,"_168":22,"_169":-5,"_170":222,"_98":223},[],[99],[218,221],{"_103":174,"_160":139,"_157":115,"_95":99,"_166":177,"_164":176,"_100":32,"_159":-5,"_105":226,"_161":138,"_169":-5,"_98":227},["D",1728637963139],[99],[],"upstream",{"_103":142,"_105":231,"_201":232,"_95":43,"_140":146,"_100":203,"_141":-5,"_143":-5,"_204":205,"_107":-5,"_151":22,"_109":110,"_150":196,"_16":148,"_149":96},["D",1746135871428],["D",1728400043059],"showCompareCallout","pull","ahead","behind","templates",[239,256],{"_103":240,"_95":241,"_105":242,"_107":-5,"_108":22,"_109":110,"_111":243,"_112":244,"_14":245,"_114":246,"_116":117,"_118":247,"_119":248,"_16":249,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":250,"_133":253,"_136":254,"_151":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,11,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":251,"_131":252},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":251,"_135":252},{"_103":255,"_95":43,"_100":247,"_140":240,"_141":-5,"_143":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":257,"_95":258,"_105":259,"_107":-5,"_108":22,"_109":110,"_111":260,"_112":-5,"_14":261,"_114":262,"_116":117,"_118":263,"_119":264,"_16":265,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":266,"_133":269,"_136":270,"_151":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":267,"_131":268},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":267,"_135":268},{"_103":271,"_95":43,"_100":272,"_140":257,"_141":-5,"_143":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

rozek_at_hft

GDI_AITranslator