Update pages/Data Collection.py

pages/Data Collection.py

@@ -881,16 +881,14 @@ elif st.session_state.current_page == "opencv_operations":
         [OpenCV Documentation](https://docs.opencv.org/4.x/)
     """)
     
-    # Embed the Jupyter Notebook
-    st.markdown("""
-        <h3 style="color: #9400d3;">Explore the Jupyter Notebook</h3>
-    """, unsafe_allow_html=True)
+    if st.button("Open Jupyter Notebook"):
+        try:
+            with open("images_page_2.html", "r", encoding="utf-8") as f:
+                notebook_html = f.read()
+            st.components.v1.html(notebook_html, height=800, scrolling=True)
+        except FileNotFoundError:
+            st.error("Notebook HTML file not found.")
     
-    st.markdown("""
-        <iframe src="https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/Jupyter_Notes/images_page_2.html" 
-                width="100%" height="1000px" style="border:none;"></iframe>
-    """, unsafe_allow_html=True)
-
 
     st.write("""
     In the next section, we'll take a closer look at **image creation and manipulation using OpenCV**. We'll discuss: