Update app.py

app.py

@@ -181,7 +181,7 @@ def plot_candlestick_chart(data, ticker):
 # Get the current date
 current_date = datetime.now().strftime("%Y-%m-%d")
 
-# Custom CSS for button and input hover effects
+# Custom CSS for button and input hover effects, and to style the header image
 custom_css = """
 .center-text {
     text-align: center;
@@ -190,11 +190,20 @@ custom_css = """
 #generate-button:hover, #ticker-input input:hover, #start-date-input input:hover, #end-date-input input:hover {
     background-color: #FFB3BA !important;  /* Pastel red */
 }
+
+#header-image {
+    display: block;
+    margin: 0 auto;
+    max-width: 100%;
+    height: auto;
+}
 """
 
 # Create Gradio interface with custom Seafoam theme
 with gr.Blocks(theme=seafoam, title="Log Stock Charts", css=custom_css) as iface:
-    gr.Markdown("# Log Stock Charts", elem_classes=["center-text"])
+    # Use the custom header image
+    gr.Image("header.png", elem_id="header-image", show_label=False)
+    
     gr.Markdown("Enter a stock ticker and date range to generate a chart.", elem_classes=["center-text"])
     
     with gr.Row():