https://feliksius-translator.hf.space/

1<!doctype html>
2<html
3	lang="en"
4	style="
5		margin: 0;
6		padding: 0;
7		min-height: 100%;
8		display: flex;
9		flex-direction: column;
10	"
11>
12	<head>
13		<meta charset="utf-8" />
14		<meta
15			name="viewport"
16			content="width=device-width, initial-scale=1, shrink-to-fit=no"
17		/>
18
19		<style>
20			:root {
21				--bg: #f9fafb;
22				--col:   #1f2937;
23				--bg-dark: #0b0f19;
24				--col-dark: #f3f4f6;
25			}
26
27
28			body {
29				background: var(--bg);
30				color: var(--col);
31				font-family: Arial, Helvetica, sans-serif;
32			}
33
34			@media (prefers-color-scheme: dark) {
35				body {
36					background: var(--bg-dark);
37					color: var(--col-dark);
38				}
39			}
40		</style>
41
42		<meta property="og:url" content="https://gradio.app/" />
43		<meta property="og:type" content="website" />
44		<meta property="og:image" content="" />
45		<meta property="og:title" content="Multi-Language Translation Service" />
46		<meta
47			property="og:description"
48			content=""
49		/>
50		<meta name="twitter:card" content="summary_large_image" />
51		<meta name="twitter:creator" content="@teamGradio" />
52		<meta name="twitter:title" content="Multi-Language Translation Service" />
53		<meta
54			name="twitter:description"
55			content=""
56		/>
57		<meta name="twitter:image" content="" />
58
59		

59<script data-gradio-mode>
60			window.__gradio_mode__ = "app";
61			window.iFrameResizer = {
62				heightCalculationMethod: "taggedElement"
63			};
64			window.parent?.postMessage(
65				{ type: "SET_SCROLLING", enabled: false },
66				"*"
67			);
68		</script>

68
69
70		

70<script>window.gradio_config = {"version":"4.44.1","mode":"blocks","app_id":9388858789422946206,"dev_mode":false,"analytics_enabled":true,"components":[{"id":1,"type":"markdown","props":{"value":"# 🌐 Multi-Language Translation Service\nTerjemahkan teks dari **Thai**, **Jepang**, **Mandarin**, atau **Vietnam** ke **Inggris**.\n✨ Fitur: Deteksi bahasa otomatis • Perlindungan istilah • Model Helsinki-NLP yang cepat.","show_label":true,"rtl":false,"latex_delimiters":[{"left":"$$","right":"$$","display":true}],"visible":true,"elem_classes":[],"sanitize_html":true,"line_breaks":false,"header_links":false,"show_copy_button":false,"name":"markdown","_selectable":false},"skip_api":false,"component_class_id":"0f35515b9a3362b42bb6721c836157a0","key":null,"api_info":{"type":"string"},"example_inputs":"# Hello!"},{"id":2,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null},{"id":3,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":4,"type":"textbox","props":{"lines":6,"max_lines":10,"placeholder":"Enter text to translate...","label":"📝 Input Text","show_label":true,"container":true,"min_width":160,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":5,"type":"row","props":{"variant":"default","visible":true,"equal_height":true,"show_progress":false,"name":"row"},"skip_api":true,"component_class_id":"b5cf3d15e2293fb5ccc071d7b8d69f64","key":null},{"id":6,"type":"dropdown","props":{"choices":[["🔍 Auto-detect","auto"],["🇹🇭 Thai","th"],["🇯🇵 Japanese","ja"],["🇨🇳 Chinese","zh"],["🇻🇳 Vietnamese","vi"]],"value":"auto","type":"value","allow_custom_value":false,"filterable":true,"label":"Source Language","show_label":true,"container":true,"min_width":160,"visible":true,"elem_classes":[],"name":"dropdown","_selectable":false},"skip_api":false,"component_class_id":"f52d4d45659eb5b35ab8714901ae03a5","key":null,"api_info":{"type":"string","enum":["auto","th","ja","zh","vi"]},"example_inputs":"auto"},{"id":7,"type":"button","props":{"value":"🚀 Translate","variant":"primary","size":"lg","visible":true,"interactive":true,"elem_classes":[],"name":"button","_selectable":false},"skip_api":true,"component_class_id":"43ff9969f0bf4553b77ca8dc5b4850bc","key":null},{"id":8,"type":"form","props":{"scale":1,"min_width":160,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":9,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":10,"type":"column","props":{"scale":1,"min_width":320,"variant":"default","visible":true,"show_progress":false,"name":"column"},"skip_api":true,"component_class_id":"214e3d6261b9edacc5d34ea4e8655821","key":null},{"id":11,"type":"textbox","props":{"lines":6,"max_lines":10,"label":"🎯 Translation Result","show_label":true,"container":true,"min_width":160,"interactive":false,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":12,"type":"textbox","props":{"lines":1,"max_lines":1,"label":"🔍 Detected Language","show_label":true,"container":true,"min_width":160,"interactive":false,"visible":true,"autofocus":false,"autoscroll":true,"elem_classes":[],"type":"text","rtl":false,"show_copy_button":false,"name":"textbox","_selectable":false},"skip_api":false,"component_class_id":"d0491bb0fbd427bdb2a4549c4d1ac869","key":null,"api_info":{"type":"string"},"example_inputs":"Hello!!"},{"id":13,"type":"form","props":{"scale":0,"min_width":0,"name":"form"},"skip_api":true,"component_class_id":"43cda85c6ff7a5dd8f83d29496b014ee","key":null},{"id":14,"type":"dataset","props":{"component_props":[{"lines":6,"max_lines":10,"placeholder":"Enter text to translate...","label":"📝 Input Text","info":null,"show_label":true,"container":true,"scale":null,"min_width":160,"interactive":null,"visible":true,"elem_id":null,"autofocus":false,"autoscroll":true,"elem_classes":[],"key":null,"type":"text","text_align":null,"rtl":false,"show_copy_button":false,"max_length":null},{"choices":[["🔍 Auto-detect","auto"],["🇹🇭 Thai","th"],["🇯🇵 Japanese","ja"],["🇨🇳 Chinese","zh"],["🇻🇳 Vietnamese","vi"]],"type":"value","multiselect":null,"allow_custom_value":false,"max_choices":null,"filterable":true,"label":"Source Language","info":null,"show_label":true,"container":true,"scale":null,"min_width":160,"interactive":null,"visible":true,"elem_id":null,"elem_classes":[],"key":null}],"samples":[["สวัสดีครับ ยินดีที่ได้รู้จัก การพัฒนา 2030 Aspirations เป็นเป้าหมายสำคัญ","th"],["こんにちは、はじめまして。Griffith大学での研究が進んでいます。","ja"],["你好，很高兴认识你。我们正å

70œ¨ä¸º2030 Aspirations制定计划。","zh"],["Xin chào, rất vui được gặp bạn. Griffith là trường đại học tuyệt vời.","vi"]],"headers":["📝 Input Text","Source Language"],"type":"tuple","samples_per_page":10,"visible":true,"elem_classes":[],"container":true,"min_width":160,"name":"dataset","_selectable":false,"components":["textbox","dropdown"],"component_ids":[4,6]},"skip_api":false,"component_class_id":"c72c93119b395a3f608fa8223dcae838","key":null,"api_info":{"type":"integer","description":"index of selected example"},"example_inputs":0}],"css":".gradio-container { max-width: 1200px !important; }","connect_heartbeat":false,"js":null,"head":null,"title":"Multi-Language Translation Service","space_id":null,"enable_queue":true,"show_error":true,"show_api":true,"is_colab":false,"max_file_size":null,"stylesheets":["https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600\u0026display=swap","https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600\u0026display=swap"],"theme":"soft","protocol":"sse_v3","body_css":{"body_background_fill":"#f9fafb","body_text_color":"#1f2937","body_background_fill_dark":"#0b0f19","body_text_color_dark":"#f3f4f6"},"fill_height":false,"fill_width":false,"theme_hash":"8898858b3f86e03cbbf8de3b3667f43de9ce8f454c6d05b7a05fabed58edfc03","layout":{"id":0,"children":[{"id":1},{"id":2,"children":[{"id":3,"children":[{"id":9,"children":[{"id":4}]},{"id":5,"children":[{"id":8,"children":[{"id":6}]},{"id":7}]}]},{"id":10,"children":[{"id":13,"children":[{"id":11},{"id":12}]}]}]},{"id":14}]},"dependencies":[{"id":0,"targets":[[14,"click"]],"inputs":[14],"outputs":[4,6],"backend_fn":true,"js":null,"queue":false,"api_name":"load_example","scroll_to_output":false,"show_progress":"hidden","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":false,"zerogpu":false,"rendered_in":null},{"id":1,"targets":[[7,"click"]],"inputs":[4,6],"outputs":[11,12],"backend_fn":true,"js":null,"queue":true,"api_name":"translate_gradio","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null},{"id":2,"targets":[[4,"submit"]],"inputs":[4,6],"outputs":[11,12],"backend_fn":true,"js":null,"queue":true,"api_name":"translate_gradio_1","scroll_to_output":false,"show_progress":"full","batch":false,"max_batch_size":4,"cancels":[],"types":{"generator":false,"cancel":false},"collects_event_data":false,"trigger_after":null,"trigger_only_on_success":false,"trigger_mode":"once","show_api":true,"zerogpu":false,"rendered_in":null}],"root":"https://feliksius-translator.hf.space","username":null};</script>

70<script>window.gradio_api_info = {"named_endpoints":{"/translate_gradio":{"parameters":[{"label":"📝 Input Text","parameter_name":"text","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Source Language","parameter_name":"source_lang","parameter_has_default":true,"parameter_default":"auto","type":{"type":"string","enum":["auto","th","ja","zh","vi"]},"python_type":{"type":"Literal[\u0027auto\u0027, \u0027th\u0027, \u0027ja\u0027, \u0027zh\u0027, \u0027vi\u0027]","description":""},"component":"Dropdown","example_input":"auto"}],"returns":[{"label":"🎯 Translation Result","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"},{"label":"🔍 Detected Language","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true},"/translate_gradio_1":{"parameters":[{"label":"📝 Input Text","parameter_name":"text","parameter_has_default":false,"parameter_default":null,"type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox","example_input":"Hello!!"},{"label":"Source Language","parameter_name":"source_lang","parameter_has_default":true,"parameter_default":"auto","type":{"type":"string","enum":["auto","th","ja","zh","vi"]},"python_type":{"type":"Literal[\u0027auto\u0027, \u0027th\u0027, \u0027ja\u0027, \u0027zh\u0027, \u0027vi\u0027]","description":""},"component":"Dropdown","example_input":"auto"}],"returns":[{"label":"🎯 Translation Result","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"},{"label":"🔍 Detected Language","type":{"type":"string"},"python_type":{"type":"str","description":""},"component":"Textbox"}],"show_api":true}},"unnamed_endpoints":{}};</script>

70
71
72		<link rel="preconnect" href="https://fonts.googleapis.com" />
73		<link
74			rel="preconnect"
75			href="https://fonts.gstatic.com"
76			crossorigin="anonymous"
77		/>
78		

78<script
79			src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"
80			async
81		></script>

81
82		

82<script type="module" crossorigin src="./assets/index-BQPjLIsY.js"></script>

82
83		<link rel="stylesheet" crossorigin href="./assets/index-BOW2xVAS.css">
84	</head>
85
86	<body
87		style="
88			width: 100%;
89			margin: 0;
90			padding: 0;
91			display: flex;
92			flex-direction: column;
93			flex-grow: 1;
94		"
95	>
96		<gradio-app
97			control_page_title="true"
98			embed="false"
99			eager="true"
100			style="display: flex; flex-direction: column; flex-grow: 1"
101		>
102		</gradio-app>
103		

103<script>
104			const ce = document.getElementsByTagName("gradio-app");
105
106			if (ce[0]) {
107				ce[0].addEventListener("domchange", () => {
108					document.body.style.padding = "0";
109				});
110				document.body.style.padding = "0";
111			}
112		</script>

112
113	</body>
114</html>