Update app.py

app.py

@@ -51,20 +51,21 @@ def predict(inputs):
     else:
         return f"<div style='color: red;'>오류가 발생했습니다. 상태 코드: {response.status_code}</div>"
 
-css = """
+
+CSS = """
 footer { 
     visibility: hidden; 
 }
-"""
-
-with gr.Blocks(css=css) as demo:
-    gr.Markdown("# AIQ Codepilot", elem_id="markdown-title")
-    gr.Markdown("### AI 자동 프로그래밍 서비스", elem_id="markdown-description")    
+"""        
+        
+# gr.Blocks를 사용하여 레이아웃을 구성합니다.
+with gr.Blocks(CSS=CSS) as demo:
+    gr.Markdown("AIQ Codepilot", elem_id="markdown-title")
+    gr.Markdown("AI 자동 프로그래밍 서비스", elem_id="markdown-description")    
+    gr.Markdown("### 예시: 텍스트를 입력하면 음성생성('gtts') 서비스 생성", elem_id="markdown-description")    
+    gr.Markdown("### 예시: MBTI 20문항으로 검사하는 서비스 생성 ", elem_id="markdown-description")    
+    gr.Markdown("### 예시: 초등학교 영어 시험문제 10개를 출제하고 객관식 선택과 채점하는 서비스 생성", elem_id="markdown-description")    
 
-    # 입력 예시를 제공하기 위한 Markdown 컴포넌트
-    gr.Markdown("#### 입력 예시:", elem_id="input-examples")
-    gr.Markdown("`텍스트를 입력하면 음성생성('gtts') 서비스 생성`, `MBTI 20문항으로 검사하는 서비스 생성`, `초등학교 영어 시험문제 10개를 출제하고 객관식 선택과 채점하는 서비스 생성`", elem_id="examples-list")
-    
     with gr.Row():
         text_input = gr.Textbox(label="메시지를 입력하세요...", placeholder="여기에 입력하세요...")
     with gr.Row():
@@ -77,6 +78,7 @@ with gr.Blocks(css=css) as demo:
         outputs=output_html
     )
 
-
 # 인터페이스 실행
-demo.launch()
+demo.launch()
+
+