Update pages/Data Collection.py

pages/Data Collection.py

@@ -915,14 +915,14 @@ def image_details_page():
 # Unstructured Data - Video Page
 def video_details_page():
            
-        st.markdown("<h1 style='color: blue;'>Unstructured Data - Video Details</h1>", unsafe_allow_html=True)
+        st.title("Unstructured Data - Video Details")
 
         # Title
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>Understanding Video and Frame Rates</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #9400d3;'>Understanding Video and Frame Rates</h3>", unsafe_allow_html=True)
 
         
         # Definition of Video
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>What is video?</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #9400d3;'>What is video?</h3>", unsafe_allow_html=True)
 
         
         st.write("""
@@ -936,7 +936,7 @@ def video_details_page():
         The higher the number of frames per second, the smoother the video will look. Fewer frames per second can make the video appear less smooth or choppy.
         """)
 
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>Understanding Video Processing with OpenCV</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #9400d3;'>Understanding Video Processing with OpenCV</h3>", unsafe_allow_html=True)
 
         st.write("""
         **Load the Video**
@@ -976,7 +976,7 @@ def video_details_page():
         
         # Use st.markdown to display the explanation
 
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>Understanding `vid.read()`</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #9400d3;'>Understanding `vid.read()`</h3>", unsafe_allow_html=True)
 
 
         st.markdown("""        
@@ -988,7 +988,7 @@ def video_details_page():
           2. **`img`**: The actual frame (image) from the video, which is in the form of a NumPy array. This image can then be processed just like any regular picture.
         """)
 
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>Understanding `cv2.waitkey()`</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #9400d3;'>Understanding `cv2.waitkey()`</h3>", unsafe_allow_html=True)
 
         st.markdown("""
 
@@ -1012,7 +1012,7 @@ def video_details_page():
             break
         """,language="python")
 
-        st.markdown("<h3 style='text-align: center; color: #FF0000;'>Converting BGR Video to Grayscale</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Converting BGR Video to Grayscale</h3>", unsafe_allow_html=True)
 
         
 
@@ -1143,7 +1143,6 @@ def video_details_page():
         st.markdown("<h3 style='text-align: center; color: #ffa500;'>Dual Webcam Stream `Color vs Grayscale Capture`</h3>", unsafe_allow_html=True)
 
         st.markdown("""
-        # Opening Two Webcams: Original and Grayscale Video
         - 1. The first webcam displays the original video feed from the camera.
         - 2. The second webcam shows the same video feed, but converted to grayscale, where the color information is removed, leaving only varying shades of gray.
         """)
@@ -1175,7 +1174,6 @@ def video_details_page():
 
 
         st.markdown("""
-        # Split the Image into RGB Channels:
         - The image captured by the webcam is divided into three parts: Red, Green, and Blue. This is done using `cv2.split()`
         # Create Separate Channel Images:
         - The separate Red, Green, and Blue images are then combined back into three full-color images using `cv2.merge()`.