IELTS Listening Exercise Generator

\n setContent(e.target.value)}\n placeholder=\"Enter your IELTS listening exercise content here (max 2000 characters)...\"\n required\n rows={10}\n cols={50}\n maxLength={2000}\n />\n

{2000 - content.length} characters remaining

\n \n \n \n {error &&

{error}

}\n {audioUrl && (\n

Generated Audio:

\n Download MP3\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\n if (url.pathname === \"/generate\" && request.method === \"POST\") {\n const { content, voice } = await request.json();\n\n const apiKey = Deno.env.get(\"DEEPGRAM_API_KEY\");\n if (!apiKey) {\n return new Response(\"Internal server error\", { status: 500 });\n }\n\n try {\n const payload = JSON.stringify({ text: content });\n\n const deepgramUrl = new URL(\"https://api.deepgram.com/v1/speak\");\n deepgramUrl.searchParams.append(\"model\", voice);\n\n const deepgramResponse = await fetch(deepgramUrl, {\n method: \"POST\",\n headers: {\n \"Authorization\": `Token ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: payload,\n });\n\n if (!deepgramResponse.ok) {\n console.error(\"API error occurred\");\n return new Response(\"Error generating audio\", { status: 500 });\n }\n\n const audioBuffer = await deepgramResponse.arrayBuffer();\n\n return new Response(audioBuffer, {\n headers: {\n \"Content-Type\": \"audio/mpeg\",\n \"Content-Disposition\": 'attachment; filename=\"ielts_exercise.mp3\"',\n },\n });\n } catch (error) {\n console.error(\"Server error occurred\");\n return new Response(\"Server error\", { status: 500 });\n }\n }\n\n // Return the HTML for all other routes\n return new Response(`\n \n \n \n \n \n IELTS Listening Exercise Generator\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n}\n\nconst css = `\nbody {\n font-family: 'Merriweather', serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background-color: #f4f0e6;\n color: #4a4238;\n line-height: 1.6;\n}\n.container {\n background-color: #fff;\n padding: 30px;\n border-radius: 12px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\nh1 {\n color: #6b5b4c;\n text-align: center;\n border-bottom: 2px solid #d2c1b0;\n padding-bottom: 10px;\n}\nform {\n margin-bottom: 20px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\ntextarea, select {\n width: 100%;\n padding: 10px;\n font-size: 16px;\n margin-bottom: 10px;\n border: 1px solid #d2c1b0;\n border-radius: 6px;\n background-color: #f9f5f0;\n}\n.char-count {\n color: #8a7f73;\n margin-bottom: 10px;\n}\nbutton {\n padding: 10px 15px;\n font-size: 16px;\n background-color: #8b7355;\n color: #fff;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\nbutton:hover {\n background-color: #6b5b4c;\n}\nbutton:disabled {\n background-color: #c4b8a7;\n cursor: not-allowed;\n}\n.error {\n color: #8b4513;\n background-color: #f5e6d3;\n padding: 10px;\n border-radius: 6px;\n}\n.audio-section {\n background-color: #f9f5f0;\n padding: 15px;\n border-radius: 6px;\n}\naudio {\n width: 100%;\n margin-top: 10px;\n}\na {\n color: #8b7355;\n text-decoration: none;\n display: block;\n text-align: center;\n margin-top: 10px;\n}\na:hover {\n text-decoration: underline;\n}\n`;","deleted","label","ieltslisteninggenerator",[111],"pulls","branches",1,"forks","envVars",{"_135":40,"_137":40},"connections",{"_135":40,"_136":40},"count","unfilledCount","emptyCount",{"_18":110,"_20":111,"_112":35,"_113":-5,"_114":70,"_115":68,"_116":26,"_22":139,"_67":118,"_119":120,"_121":122,"_123":66,"_124":125,"_140":141,"_87":142},["D",1737451584527],"children",[],[111],["D",1746138673420],["D",1789692080472],{"_16":17,"_85":81},{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":66},{"_67":68,"_20":69,"_18":70,"_71":19,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":21,"_78":17},"ctx",{"_59":-5,"_106":181,"_182":183,"_184":185,"_186":66,"_187":66,"_188":66,"_189":26,"_190":-5,"_191":-7,"_192":-7,"_193":40,"_194":66,"_195":66,"_196":-5,"_197":66,"_198":66,"_199":66,"_200":-5},"ENV",{"_152":153,"_154":155,"_156":69,"_157":158,"_159":160,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Search