Update pages/Data Collection.py

pages/Data Collection.py

@@ -881,23 +881,6 @@ elif st.session_state.current_page == "opencv_operations":
         [OpenCV Documentation](https://docs.opencv.org/4.x/)
     """)
     
-    if st.button("Open Jupyter Notebook"):
-        try:
-            # Fetch the HTML file from the Hugging Face link
-            url = "https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/Jupyter_Notes/images_page_2.html"
-            response = requests.get(url)
-    
-            # Check if the response is successful
-            if response.status_code == 200:
-                notebook_html = response.text
-                # Render the HTML content in Streamlit
-                st.components.v1.html(notebook_html, height=1000, scrolling=True)
-            else:
-                st.error(f"Failed to load the notebook. HTTP Status: {response.status_code}")
-    
-        except Exception as e:
-            st.error(f"An error occurred: {e}")
-    
 
     st.write("""
     In the next section, we'll take a closer look at **image creation and manipulation using OpenCV**. We'll discuss:
@@ -908,19 +891,33 @@ elif st.session_state.current_page == "opencv_operations":
     Curious to learn more?👇Click **Explore Image Creation and Manipulation** to continue your journey with OpenCV! 🚀
     """)
     
-    col1, col2, col3 = st.columns(3)
+    # First row: Colab Notes and Main Page
+    col1, col2 = st.columns(2)
+    
+    with col1:
+        st.markdown("""
+            <a href="https://colab.research.google.com/drive/1P9nT1HmOcCah5nTctxCm7hVdqqYPUkzn?usp=sharing" target="_blank">
+                <button style="background-color: #4CAF50; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;">
+                    Colab Notes
+                </button>
+            </a>
+        """, unsafe_allow_html=True)
     
     with col2:
-        if st.button("📸 Images & Videos"):
+        if st.button("Main Page"):
             navigate_to("explore_images_video")  # Main page: Images & Videos
     
-    with col1:
-        if st.button("⬅️ Image Operations with OpenCV"):
-            navigate_to("opencv_operations")  # Previous page: Image Operations with OpenCV
+    # Second row: Previous Page and Next Page
+    col3, col4 = st.columns(2)
     
     with col3:
-        if st.button("➡️ Explore Image Creation and Manipulation"):
-            navigate_to("image_operations") 
+        if st.button("⬅️ Intro Page"):
+            navigate_to("explore_images_video")  # Previous page: Introduction to Images and Videos
+    
+    with col4:
+        if st.button("➡️ Next Page"):
+            navigate_to("image_operations")  # Next page: Explore Image Creation and Manipulation
+
 
 elif st.session_state.current_page == "image_operations":
 
@@ -1159,22 +1156,33 @@ elif st.session_state.current_page == "image_operations":
     Stay tuned for an exciting exploration of video handling!
     """)
 
-    col1, col2, col3 = st.columns(3)
-
-    # Column 1 - Button to go to the Image operations page
+     col1, col2 = st.columns(2)
+    
+    # First row: Colab Notes and Main Page
     with col1:
-        if st.button("⬅️ Image Operations with OpenCV"):
-            navigate_to("opencv_operations")
+        st.markdown("""
+            <a href="https://colab.research.google.com/drive/126XjnPWAmXB623-1KmerDT_fsJKH6Gc4?usp=sharing" target="_blank">
+                <button style="background-color: #4CAF50; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;">
+                    Colab Notes
+                </button>
+            </a>
+        """, unsafe_allow_html=True)
     
-    # Column 2 - Button for the main page (Images & Videos)
     with col2:
-        if st.button("📸 Images & Videos"):
+        if st.button("Main Page"):
             navigate_to("explore_images_video")  # Main page: Images & Videos
     
-    # Column 3 - Button to go to the Videos page
+    # Second row: Previous Page and Next Page
+    col3, col4 = st.columns(2)
+    
     with col3:
-        if st.button("➡️ Video Processing with OpenCV"):
-            navigate_to("video_processing")  # Videos page
+        if st.button("⬅️ Prev Page"):
+            navigate_to("opencv_operations")  # Previous page: Image Operations with OpenCV
+    
+    with col4:
+        if st.button("➡️ Next Page"):
+            navigate_to("video_processing")  # Next page: Video Processing with OpenCV
+
             
 
 elif st.session_state.current_page == "video_processing":
@@ -1469,22 +1477,33 @@ elif st.session_state.current_page == "video_processing":
     Get ready to learn about powerful image transformation techniques!
     """)
 
-    col1, col2, col3 = st.columns(3)
+    col1, col2 = st.columns(2)
     
-    # Column 1 - Button to go back to the Image Operations page
+    # First row: Colab Notes and Main Page
     with col1:
-        if st.button("⬅️ Explore Image Creation and Manipulation"):
-            navigate_to("image_operations")  # Navigates to the Image Operations page
+        st.markdown("""
+            <a href="https://colab.research.google.com/drive/1zzovaAr4NNJoJSR-lA9ApSyPguLKf3UB?usp=sharing" target="_blank">
+                <button style="background-color: #4CAF50; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;">
+                    Colab Notes
+                </button>
+            </a>
+        """, unsafe_allow_html=True)
     
-    # Column 2 - Button for the main page (Images & Videos)
     with col2:
-        if st.button("📸 Images & Videos"):
+        if st.button("Main Page"):
             navigate_to("explore_images_video")  # Main page: Images & Videos
     
-    # Column 3 - Button to go to the Image Transformations page
+    # Second row: Previous Page and Next Page
+    col3, col4 = st.columns(2)
+    
     with col3:
-        if st.button("➡️ Image Transformations with OpenCV"):
-            navigate_to("image_transformations")  # Next page: Image Transformations
+        if st.button("⬅️ Prev Page"):
+            navigate_to("image_operations")  # Previous page: Explore Image Creation and Manipulation
+    
+    with col4:
+        if st.button("➡️ Next Page"):
+            navigate_to("image_transformations")  # Next page: Image Transformations with OpenCV
+
 
 elif st.session_state.current_page == "image_transformations":
     # Content for Image Transformations Page
@@ -1799,23 +1818,33 @@ elif st.session_state.current_page == "image_transformations":
     cv2.destroyAllWindows()
     """, language="python")
 
-
-    col1, col2, col3 = st.columns(3)
+    col1, col2 = st.columns(2)
     
-    # Column 1 - Button to go back to the Image Operations page
+    # First row: Colab Notes and Main Page
     with col1:
-        if st.button("⬅️ Video Processing with OpenCV"):
-            navigate_to("video_processing")
+        st.markdown("""
+            <a href="https://colab.research.google.com/drive/19mQM-7VY0F0y9NyecrhbU5kyOY9j9oIk?usp=sharing" target="_blank">
+                <button style="background-color: #4CAF50; color: white; padding: 10px; font-size: 16px; border: none; cursor: pointer;">
+                    Colab Notes
+                </button>
+            </a>
+        """, unsafe_allow_html=True)
     
-    # Column 2 - Button for the main page (Images & Videos)
     with col2:
-        if st.button("📸 Images & Videos"):
+        if st.button("Main Page"):
             navigate_to("explore_images_video")  # Main page: Images & Videos
     
-    # Column 3 - Button to go to the Image Transformations page
+    # Second row: Previous Page and Next Page
+    col3, col4 = st.columns(2)
+    
     with col3:
-        if st.button("➡️ OpenCV Projects"):
-            navigate_to("opencv_projects")  
+        if st.button("⬅️ Prev Page"):
+            navigate_to("video_processing")  # Previous page: Video Processing with OpenCV
+    
+    with col4:
+        if st.button("➡️ Next Page"):
+            navigate_to("opencv_projects")  # Next page: OpenCV Projects
+ 
 
 
 if st.session_state.current_page == "opencv_projects":