Update app.py

app.py

@@ -15,9 +15,9 @@ def face_compare(frame1, frame2, request: gr.Request = None):
         # Prepare files
         files = {}
         if frame1:
-            files['image1'] = open(frame1, 'rb')
+            files['file1'] = open(frame1, 'rb')
         if frame2:
-            files['image2'] = open(frame2, 'rb')
+            files['file2'] = open(frame2, 'rb')
         
         if not files:
             return "<div class='error-message'>Please upload both images</div>"
@@ -137,32 +137,12 @@ def format_face_comparison_result(result, img1_path, img2_path):
     html += "</div>"
     return html
 
-def create_footer():
-    """Create simple footer"""
-    return """
-    <div class="footer">
-        <p>© 2024 MiniAiLive. All rights reserved.</p>
-        <p>
-            <a href="https://www.miniai.live" target="_blank">Website</a> | 
-            <a href="mailto:info@miniai.live">Contact Us</a> | 
-            <a href="https://www.miniai.live/privacy-policy" target="_blank">Privacy Policy</a>
-        </p>
-    </div>
-    """
 
 def get_custom_css():
     """Return simplified CSS styling that works for both light and dark themes"""
     return """
     footer {visibility: hidden}
-    
-    /* Full width container */
-    .gradio-container {
-        max-width: 95% !important;
-        width: 95% !important;
-        margin: 0 auto !important;
-        font-size: 16px !important;
-    }
-    
+
     /* Center everything */
     .container {
         display: flex;
@@ -191,7 +171,7 @@ def get_custom_css():
     }
     
     .header-logo img {
-        width: 140px;
+        width: 80px;
         height: auto;
     }
     
@@ -497,116 +477,11 @@ def get_custom_css():
         font-size: 1.1em !important;
     }
     
-    /* Input images styling */
-    .gradio-image {
-        display: flex !important;
-        justify-content: center !important;
-        align-items: center !important;
-        height: 380px !important;
-    }
-    
-    .gradio-image .wrap {
-        display: flex !important;
-        justify-content: center !important;
-        align-items: center !important;
-        width: 100% !important;
-        height: 100% !important;
-    }
-    
-    /* Examples styling */
-    .examples-container {
-        background: var(--background-fill-secondary);
-        padding: 15px;
-        border-radius: 8px;
-        margin-top: 15px;
-        width: 100%;
-        text-align: center;
-        font-size: 1em !important;
-    }
-    
-    /* Footer */
-    .footer {
-        text-align: center;
-        margin-top: 25px;
-        padding: 20px;
-        border-radius: 8px;
-        background: var(--background-fill-secondary);
-        font-size: 1em !important;
-    }
-    
-    .footer p {
-        margin: 8px 0;
-        color: var(--body-text-color);
-        font-size: 1.05em !important;
-    }
-    
-    .footer a {
-        color: var(--body-text-color);
-        text-decoration: none;
-        opacity: 0.8;
-        font-size: 1.05em !important;
-    }
-    
-    .footer a:hover {
-        opacity: 1;
-        text-decoration: underline;
-    }
-    
-    /* Section titles */
-    .section-title {
-        margin-bottom: 15px !important;
-        text-align: center;
-        color: var(--body-text-color);
-        font-weight: 700;
-        font-size: 1.4em !important;
-    }
-    
-    /* Ensure proper text visibility in dark mode */
-    .gradio-markdown {
-        color: var(--body-text-color) !important;
-        font-size: 1.05em !important;
-        line-height: 1.5 !important;
-    }
-    
-    .gradio-markdown h3 {
-        color: var(--body-text-color) !important;
-        font-size: 1.3em !important;
-    }
-    
-    .gradio-markdown p {
-        color: var(--body-text-color) !important;
-        font-size: 1.05em !important;
-        line-height: 1.5 !important;
-    }
-    
-    .gradio-markdown li {
-        color: var(--body-text-color) !important;
-        font-size: 1.05em !important;
-        line-height: 1.5 !important;
-        margin-bottom: 8px !important;
-    }
-    
-    /* Label styling */
-    .gr-label {
-        font-size: 1.1em !important;
-        font-weight: 600 !important;
-    }
-    
-    /* Accordion styling */
-    .gr-accordion {
-        font-size: 1.1em !important;
-    }
-    
-    /* Examples text */
-    .gr-examples {
-        font-size: 1em !important;
-    }
     """
 
 # Create Gradio interface
 with gr.Blocks(
     title="MiniAiLive - Face Recognition WebAPI Playground", 
-    theme=gr.themes.Glass(),
     css=get_custom_css()
 ) as demo:
     
@@ -615,7 +490,7 @@ with gr.Blocks(
         gr.HTML("""
         <div class="company-header">
             <div class="header-logo">
-                <img src="https://miniai.live/wp-content/uploads/2024/02/logo_name-1-768x426-1.png" alt="MiniAiLive Logo">
+                <img src="https://miniai.live/wp-content/uploads/2025/11/logo_new.png" alt="MiniAiLive Logo">
             </div>
             <div class="header-text">
                 <h1>MiniAiLive Face Recognition WebAPI Playground</h1>
@@ -624,77 +499,10 @@ with gr.Blocks(
         </div>
         """)
         
-        # About Section with Features and Demo Items
-        with gr.Column(elem_classes="about-section"):            
-            with gr.Row(elem_classes="about-content"):
-                # Features Section (60%)
-                with gr.Column(scale=0.6, elem_classes="features-section"):
-                    gr.Markdown("""
-                    **MiniAiLive** is a leading provider of cutting-edge face recognition and liveness detection solutions. 
-                    Our technology is **NIST FRVT Top Ranked** for Face Recognition.
-                    
-                    ### 🏆 Key Features:
-                    - **NIST FRVT Top Ranked** Top Accuracy in both 1:1 & 1:N Face Matching Technology
-                    - **Real-time** Face Matching & Verification
-                    - **On-Premise** Offers complete data control and privacy 
-                    - **On-Device, Offline** Runs on machine. No internet connection is required.
-                    - **Cross-Platform Support** Supports Windows, Linux, Android & iOS
-                    - **Free Service** Completely free to use, Free technical support & update
-                    
-                    [Visit our website](https://miniai.live) to explore our complete suite of AI solutions!
-                    """)
-                
-                # Demo Items Section (40%)
-                with gr.Column(scale=0.4, elem_classes="demo-items-section"):                    
-                    with gr.Column(elem_classes="demo-items-grid"):
-                        gr.HTML("""
-                        <a href="https://github.com/MiniAiLive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_git-1-300x67.png" alt="GitHub">
-                            <span>GitHub</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://huggingface.co/MiniAiLive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_hugging-1-300x67.png" alt="HuggingFace">
-                            <span>HuggingFace</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://demo.miniai.live" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_gradio-300x67.png" alt="Gradio">
-                            <span>Live Demo</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://docs.miniai.live/" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/a-300x70.png" alt="Documentation">
-                            <span>Documentation</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://www.youtube.com/@miniailive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/Untitled-1-300x70.png" alt="YouTube">
-                            <span>YouTube</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://play.google.com/store/apps/dev?id=5831076207730531667" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/googleplay-300x62.png" alt="Google Play">
-                            <span>Google Play</span>
-                        </a>
-                        """)
-        
         # Main Content - Upload and Results
         with gr.Row(elem_classes="main-content-row"):
             # Upload Section
             with gr.Column(scale=0.6, elem_classes="upload-section"):
-                gr.Markdown("### 1. Upload Images for Comparison", elem_classes="section-title")
-                
                 with gr.Row(elem_classes="upload-images-row"):
                     # First Image
                     with gr.Column(scale=1, elem_classes="upload-image-col"):
@@ -742,7 +550,6 @@ with gr.Blocks(
             
             # Results Section
             with gr.Column(scale=0.4, elem_classes="result-section"):
-                gr.Markdown("### 2. Comparison Results", elem_classes="section-title")
                 txt_compare_out = gr.HTML(
                     value="<div style='text-align: center; padding: 40px; font-size: 1.1em;'>Results will appear here after comparison</div>"
                 )
@@ -753,9 +560,6 @@ with gr.Blocks(
         inputs=[im_match_in1, im_match_in2], 
         outputs=txt_compare_out
     )
-    
-    # Footer
-    gr.HTML(create_footer())
 
 if __name__ == "__main__":
     demo.launch(