Update app.py

app.py

@@ -144,7 +144,7 @@ def process_and_plot(image, model_name, confidence_threshold, filter_classes=Non
         return result_image, result_text, formatted_stats, plot_figure, scene_desc, activities_data, safety_data, zones, lighting_conditions
 
     except Exception as e:
-        # 添加錯誤處理，確保即使出錯也能返回有效的數據
+        # 確保即使出錯也能返回有效的數據
         import traceback
         error_msg = f"Error processing image: {str(e)}\n{traceback.format_exc()}"
         print(error_msg)
@@ -161,7 +161,7 @@ def process_and_plot(image, model_name, confidence_threshold, filter_classes=Non
         return None, error_msg, "{}", fig, "Error processing image", [["No activities"]], [["No safety concerns"]], {}, {"time_of_day": "unknown", "confidence": 0}
 
 def create_interface():
-    """創建 Gradio 界面，包含美化的視覺效果"""
+    """創建 Gradio 界面"""
     css = Style.get_css()
 
     # 獲取可用模型信息
@@ -423,11 +423,21 @@ def create_interface():
             cache_examples=False,
         )
 
+        
         # Footer
         gr.HTML("""
-            <div class="footer">
-                <p>Powered by YOLOv8 and Ultralytics • Created with Gradio</p>
-                <p>Model can detect 80 different classes of objects</p>
+            <div class="footer" style="padding: 25px 0; text-align: center; background: linear-gradient(to right, #f5f9fc, #e1f5fe); border-top: 1px solid #e2e8f0; margin-top: 30px;">
+                <div style="margin-bottom: 15px;">
+                    <p style="font-size: 14px; color: #4A5568; margin: 5px 0;">Powered by YOLOv8, CLIP and Ultralytics • Created with Gradio</p>
+                    <p style="font-size: 14px; color: #4A5568; margin: 5px 0;">Model can detect 80 different classes of objects</p>
+                </div>
+                
+                <div style="display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 15px;">
+                    <p style="font-family: 'Arial', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 2px; background: linear-gradient(90deg, #38b2ac, #4299e1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; text-transform: uppercase; display: inline-block;">EXPLORE THE CODE →</p>
+                    <a href="https://github.com/Eric-Chung-0511/Learning-Record/tree/main/Data%20Science%20Projects/VisionScout" style="text-decoration: none;">
+                        <img src="https://img.shields.io/badge/GitHub-VisionScout-4299e1?logo=github&style=for-the-badge">
+                    </a>
+                </div>
             </div>
         """)