Update pages/Data Collection.py

pages/Data Collection.py

@@ -542,8 +542,11 @@ elif st.session_state.current_page == "opencv_operations":
     st.write("With OpenCV installed, let's learn basic image handling in OpenCV.")
     st.write("## Basic Operations in OpenCV")
 
-    # Heading for Reading Images
-    st.write("### Reading an Image")
+    # Heading for Reading Images with Custom Color
+    st.markdown("""
+        <h3 style="color: #9400d3;">Reading an Image</h3>
+    """, unsafe_allow_html=True)
+
     
     # About imread() function
     st.write("""
@@ -564,7 +567,7 @@ elif st.session_state.current_page == "opencv_operations":
     
     # Explanation for Grayscale Conversion
     st.write("""
-    By default, the `imread()` function reads an image as a 3D array in the RGB color space.  
+    By default, the `imread()' function reads an image as a 3D array in the RGB color space.  
     To convert the image to grayscale, pass `0` as the second argument to the `imread()` function. This will return a 2D array where each pixel value represents intensity.
     """)
     
@@ -579,8 +582,11 @@ elif st.session_state.current_page == "opencv_operations":
     print(gray_image)  # This will print the 2D array representing pixel intensity
     """, language="python")
 
-        # Displaying Images with OpenCV
-    st.write("### Displaying Images with OpenCV")
+    # Displaying Images with OpenCV in Custom Color
+    st.markdown("""
+        <h3 style="color: #9400d3;">Displaying Images with OpenCV</h3>
+    """, unsafe_allow_html=True)
+
     
     # Explanation of the functions
     st.write("""
@@ -607,30 +613,24 @@ elif st.session_state.current_page == "opencv_operations":
     These three functions must work together to display and manage images effectively.
     """)
     
-    # Syntax for imshow()
-    st.write("## imshow()")
     st.code("""
+    # imshow()
     cv2.imshow(window_name, image_array)
     # window_name: The title of the pop-up window (string)
     # image_array: The image data (usually a NumPy array)
-    """, language="python")
     
-    # Syntax for waitKey()
-    st.write("## waitKey()")
-    st.code("""
+    # waitKey()
     cv2.waitKey(delay_in_milliseconds)
     # delay_in_milliseconds: Time in milliseconds to keep the window open
     # Use 0 for infinite delay until a key is pressed
-    """, language="python")
     
-    # Syntax for destroyAllWindows()
-    st.write("## destroyAllWindows()")
-    st.code("""
+    # destroyAllWindows()
     cv2.destroyAllWindows()
     # This ensures all windows opened by imshow() are cleared from RAM
     """, language="python")
 
 
+
 elif st.session_state.current_page == "explore_audio":
     st.markdown("""
         <h3 style="color: #e25822;">Exploring Audio</h3>