Update app.py

app.py

@@ -40,29 +40,32 @@ def get_latex_from_image_all_formats(image):
     result = response.json()
     # formats_results 변수는 사용하지 않으므로 제거하여 코드를 단순화
     return result
+  
 
 def build_gradio_app(css=css):
-    with gr.Blocks() as demo:
-        with gr.Row():
-            image_input = gr.Image(type="pil", label="이미지 업로드")
-            submit_button = gr.Button("변환하기")
+    with gr.Blocks(css=css) as demo:
+        gr.Markdown("# ArXivGPT LaTeX Tool")
+        gr.Markdown("This comprehensive solution encompasses an automated workflow...")
+        
+        image_input = gr.Image(type="pil", label="이미지 업로드")
+        submit_button = gr.Button("변환하기")
         
-        # 단일 출력을 위해 outputs 부분을 단순화
         outputs = gr.Textbox(label="결과")
-        latex_iframe = gr.HTML(value='<iframe src="https://www.mathjax.org/#demo" style="width: 100%; height: 700px; border: 2px solid #007bff; border-radius: 8px;"></iframe>', elem_id="latex_iframe")
-
-        # 예제 이미지를 입력으로 하는 Examples 컴포넌트 추가
-        examples = gr.Examples(examples=[["ko.png"], ["en.png"]], inputs=image_input, fn=process_and_output, outputs=outputs)
         
         def process_and_output(image):
             latex_result = get_latex_from_image_all_formats(image)
             text_result = latex_result.get("text", "No result")
             return text_result
+
+        # Examples 정의를 process_and_output 함수 정의 후로 옮깁니다.
+        examples = gr.Examples(examples=[["ko.png"], ["en.png"], ["hand.jpg"]], inputs=image_input, outputs=outputs, fn=process_and_output)
         
         submit_button.click(fn=process_and_output, inputs=image_input, outputs=outputs)
+        
+        demo.add(examples) # gr.Blocks에 examples 컴포넌트를 추가합니다.
 
     return demo
 
 if __name__ == "__main__":
     app = build_gradio_app()
-    app.launch()        
+    app.launch()