Upload 8 files

app.py

@@ -1,5 +1,4 @@
 # app.py
-import gradio as gr
 from core.visits import get_and_update_visits
 from ui.layouts import create_ui
 
@@ -13,11 +12,8 @@ except Exception as e:
     visit_count_html = "🚀 **總載入次數:** N/A"
     print(f"Could not update visit count: {e}")
 
-# --- 2. Create the main UI ---
-# We insert the visit count HTML into the UI using a simple trick
-# by adding a Markdown component at the very top.
-demo = create_ui()
-demo.blocks.insert(0, gr.Markdown(visit_count_html)) # Insert the count at the top
+# --- 2. Create the main UI by passing the dynamic content into the layout function ---
+demo = create_ui(visit_count_html)
 
 # --- 3. Launch the application ---
 if __name__ == "__main__":

ui/layouts.py

@@ -3,11 +3,19 @@ import gradio as gr
 from config import content, data, defaults
 from core import callbacks
 
-def create_ui():
-    """Creates and returns the Gradio UI Blocks."""
+def create_ui(visit_count_html: str):
+    """
+    Creates and returns the Gradio UI Blocks.
+    
+    Args:
+        visit_count_html: The Markdown string to display the visit count.
+    """
     
     # --- Main UI Layout ---
     with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue", secondary_hue="orange"), title="地球物理學與AI應用") as demo:
+        # --- Display Visit Counter at the top ---
+        gr.Markdown(visit_count_html)
+
         # --- Introduction Section ---
         gr.Markdown(content.course_introduction_md)