Update app.py

app.py

@@ -69,6 +69,11 @@ the_big_cat_story = [
     {"text": "The cat is big. It jumps on the mat. The mat is soft. The cat takes a nap.", "image": f"{image_base_url}40.webp"}
 ]
 
+# 📌 "The Hot Sun" 스토리 데이터
+the_hot_sun_story = [
+    {"text": "The sun is hot. I wear my hat. I drink some water. Now I feel cool!", "image": f"{image_base_url}41.webp"}
+]
+
 # 📌 gTTS를 이용해 오디오 파일을 생성하거나, 이미 있으면 재사용
 def generate_audio(text):
     try:
@@ -138,6 +143,11 @@ the_big_cat_text = the_big_cat_story[0]["text"]
 the_big_cat_image = the_big_cat_story[0]["image"]
 the_big_cat_audio = generate_audio(the_big_cat_text)
 
+the_hot_sun_index = 0
+the_hot_sun_text = the_hot_sun_story[0]["text"]
+the_hot_sun_image = the_hot_sun_story[0]["image"]
+the_hot_sun_audio = generate_audio(the_hot_sun_text)
+
 # 📌 Gradio UI 구성
 with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
     gr.HTML("""
@@ -335,6 +345,30 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
             outputs=[audio_output_big_cat]
         )
 
+        # -- The Hot Sun --
+        with gr.TabItem("The Hot Sun"):
+            state_index_hot_sun = gr.State(value=the_hot_sun_index)
+            state_text_hot_sun = gr.State(value=the_hot_sun_text)
+        
+            story_text_hot_sun = gr.HTML(value=f"<div class='story-text'>{the_hot_sun_text}</div>")
+            story_image_hot_sun = gr.Image(value=the_hot_sun_image, width=300, height=300)
+            audio_output_hot_sun = gr.Audio(value=the_hot_sun_audio, autoplay=False)
+
+        with gr.Row():
+            next_button_hot_sun = gr.Button("👉 다음 이야기", elem_classes=["btn-custom", "next-btn"])
+            play_button_hot_sun = gr.Button("🔊 다시 듣기", elem_classes=["btn-custom", "play-btn"])
+    
+        next_button_hot_sun.click(
+            fn=next_story,
+            inputs=[state_index_hot_sun, gr.State(value=the_hot_sun_story)],
+            outputs=[state_index_hot_sun, story_text_hot_sun, story_image_hot_sun, audio_output_hot_sun, state_text_hot_sun]
+        )
+    
+        play_button_hot_sun.click(
+            fn=play_story,
+            inputs=[state_text_hot_sun],
+            outputs=[audio_output_hot_sun]
+        )
 
 # 📌 앱 실행
 demo.launch()