Update app.py

app.py

@@ -15,7 +15,7 @@ def image_to_sketch(image):
 # Streamlit app layout
 st.set_page_config(page_title="Image to Sketch Converter", page_icon="🎨", layout="centered")
 
-# Custom CSS for heading color
+# Custom CSS for heading color and footer positioning
 st.markdown("""
     <style>
     .title {
@@ -25,13 +25,16 @@ st.markdown("""
         text-align: center;
     }
     .footer {
-        position: fixed;
-        left: 0;
+        position: relative;
         bottom: 0;
         width: 100%;
         background-color: #f1f1f1;
         text-align: center;
         padding: 10px;
+        margin-top: 50px;
+    }
+    .content {
+        margin-bottom: 70px;
     }
     </style>
     """, unsafe_allow_html=True)
@@ -47,15 +50,18 @@ st.markdown("""
 st.subheader("Example Conversions")
 col1, col2 = st.columns(2)
 
-example_image = cv2.imread('Dog.jpg')  # Replace with the path to an example image
+# Replace 'Dog.jpg' with the path to an example image if running locally
+example_image = cv2.imread('Dog.jpg')
 example_sketch = image_to_sketch(example_image)
 
 with col1:
     st.image(example_image, caption='Original Image', use_column_width=True)
 with col2:
     st.image(example_sketch, caption='Sketch Image', use_column_width=True)
-<br>
-<br>
+
+# Main content with padding at the bottom to prevent overlap with footer
+st.markdown('<div class="content">', unsafe_allow_html=True)
+
 # Sidebar for user input
 st.sidebar.header("Upload Your Image")
 uploaded_file = st.sidebar.file_uploader("Choose an image...", type=["jpg", "jpeg", "png"])
@@ -85,6 +91,8 @@ if uploaded_file is not None:
 else:
     st.sidebar.info("Please upload an image to convert.")
 
+st.markdown('</div>', unsafe_allow_html=True)
+
 # Footer
 st.markdown("""
     <div class="footer">