Update app.py

have logo but remove any animation on it

app.py

@@ -71,17 +71,11 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo and "Output" text (Correctly configured gr.Image) ---
-            with gr.Row(elem_id="logo-and-output-row"):
-                # Use gr.HTML with correct relative paths for local files.
-                gr.HTML("""
-                    <div id="logo-container">
-                        <img src="file=DeepV_logo.png" id="deepv-base-logo" alt="DeepV Logo">
-                        <div id="deep-part" class="logo-overlay"></div>
-                    </div>
-                """)
-                gr.Markdown("**Output**", elem_id="output-title")
-
+            # --- DeepV Logo instead of "Output" text ---
+            with gr.Row(elem_id="logo-row"): # Changed ID for clarity
+                # Display the logo directly using gr.Image
+                gr.Image("DeepV_logo.png", width=250, height=70, contain=True, show_label=False, elem_id="deepv-logo") 
+                
             with gr.Group():
                 out_code = gr.Textbox(
                     label="Generated Verilog",
@@ -110,43 +104,26 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
     def copy_to_clipboard_fn(text):
         return text
 
-    def show_loading():
+    # We can simplify show_loading/hide_loading as animation JS is removed
+    def show_loading_no_anim():
         return [gr.update(visible=False), gr.update(visible=True)]
 
-    def hide_loading():
+    def hide_loading_no_anim():
         return [gr.update(visible=True), gr.update(visible=False)]
 
     run_btn.click(
-        fn=show_loading,
+        fn=show_loading_no_anim,
         inputs=[],
         outputs=[run_btn, loading_state],
         show_progress=False,
-        js="""
-            (e) => {
-                var deepPart = document.getElementById('deep-part');
-                if (deepPart) {
-                    deepPart.classList.add('deep-hop-away');
-                }
-            }
-        """
     ).then(
         fn=generate_only,
         inputs=[spec, use_rag, top_k, model_choice, api_key, temperature_tb, top_p_tb, max_new_tokens_tb],
         outputs=[out_code],
     ).then(
-        fn=hide_loading,
+        fn=hide_loading_no_anim,
         inputs=[],
         outputs=[run_btn, loading_state],
-        js="""
-            (e) => {
-                var deepPart = document.getElementById('deep-part');
-                if (deepPart) {
-                    deepPart.classList.remove('deep-hop-away');
-                    // This line forces the browser to re-render, ensuring the animation resets
-                    void deepPart.offsetWidth; 
-                }
-            }
-        """
     )
 
     clear_btn.click(fn=lambda: "Ready", outputs=[])
@@ -178,65 +155,13 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Logo and Output Row Layout */
-        #logo-and-output-row {
+        /* Simplified logo row styling */
+        #logo-row {
             display: flex;
             align-items: center;
-            justify-content: center;
+            justify-content: center; /* Center the logo */
             margin-bottom: 10px;
-            height: 80px; /* Give space for animation */
-        }
-
-        /* Logo container for relative positioning of layers */
-        #logo-container {
-            position: relative;
-            width: 250px; /* Set a fixed size for the container */
-            height: 70px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            overflow: hidden;
-        }
-
-        #deepv-base-logo {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            object-fit: contain;
-            z-index: 1; /* Base logo layer */
-        }
-
-        #deep-part {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            /* CORRECTED: Use a URL that Gradio can resolve for assets */
-            background-image: url('file=DeepV_logo.png');
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-            z-index: 2; /* Layer on top for animation */
-            
-            /* Use clip-path to show only the "DEEP" blue part */
-            /* You may need to adjust these percentages based on your specific logo dimensions */
-            clip-path: inset(0% 40% 0% 0%); 
-            transform: translateY(0); /* Initial state */
-            transition: transform 0.8s ease-in-out, opacity 0.8s ease-in-out;
-        }
-
-        /* Animation for DEEP part hopping away */
-        .deep-hop-away {
-            transform: translateY(-150%) scale(0.8) !important;
-            opacity: 0 !important;
-        }
-
-        #output-title {
-            margin: 0;
-            font-size: 1.2em;
-            font-weight: bold;
-            margin-left: 20px;
+            height: 80px; 
         }
 
         /* General UI element styling */