Update pages/Data Collection.py

pages/Data Collection.py

@@ -881,13 +881,19 @@ elif st.session_state.current_page == "opencv_operations":
         [OpenCV Documentation](https://docs.opencv.org/4.x/)
     """)
     
-    # Button to display the Jupyter Notebook
     if st.button("Open Jupyter Notebook"):
-        # Embed the Jupyter Notebook in an iframe
-        st.markdown("""
-            <iframe src="https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/Jupyter_Notes/images_page_2.html" 
-                    width="100%" height="800px" style="border:none;"></iframe>
-        """, unsafe_allow_html=True)
+        try:
+            # URL to the hosted HTML notebook
+            notebook_url = "https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/Jupyter_Notes/images_page_2.html"
+            
+            # Embed the notebook HTML file in the app
+            st.components.v1.html(f"""
+                <iframe src="{notebook_url}" width="100%" height="800px" style="border:none;"></iframe>
+            """, height=800, scrolling=True)
+        except Exception as e:
+            st.error("An error occurred while loading the notebook.")
+            st.write(e)
+
 
     st.write("""
     In the next section, we'll take a closer look at **image creation and manipulation using OpenCV**. We'll discuss: