Update pages/Data Collection.py

pages/Data Collection.py

@@ -11,7 +11,7 @@ st.set_page_config(
 st.markdown("""
     <style>
     body, .stApp {
-        color: #4F4F4F;
+        color: #4F4F4F; /* Replace with your desired font color */
         background-color: #FFFFFF;
     }
     h1, h2, h3, h4, h5, h6 {
@@ -74,20 +74,33 @@ if data_type == "Structured Data":
         </div>
     """, unsafe_allow_html=True)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Definition:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
     **Structured data** refers to information that is organized and formatted in a predefined manner, making it easy to store, retrieve, and analyze.
     It is typically stored in tabular formats like rows and columns, where each field contains a specific type of information.
     """)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Characteristics:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
-    **Characteristics:**
     - Follows a fixed schema.
     - Can be easily searched using query languages like SQL.
     - Suitable for quantitative analysis.
     """)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Examples:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
-    **Example:**
     A database of students with fields like ID, name, age, and gender:
     """)
 
@@ -113,8 +126,15 @@ if data_type == "Structured Data":
     - **Excel**: Widely used for tabular data, calculations, and data visualization.
     """)
 
-    if st.button("Explore Excel"):
-        st.write("You clicked the Excel button!")
+    if st.button("Structured Data Formats"):
+        st.write("Select a format to explore:")
+
+        # Sub-buttons for specific formats
+        col1, = st.columns(1)
+
+        with col1:
+            if st.button("Explore Excel"):
+                st.write("Redirecting to Excel page...")
 
 # Unstructured Data Section
 elif data_type == "Unstructured Data":
@@ -124,24 +144,23 @@ elif data_type == "Unstructured Data":
         </div>
     """, unsafe_allow_html=True)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Definition:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
     **Unstructured data** refers to information that does not follow a predefined format or structure.
-    It is typically raw data that lacks a clear, organized schema, making it harder to store and analyze using traditional tools.
     """)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Characteristics:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
-    **Characteristics:**
     - Does not follow a specific schema or structure.
-    - Cannot be stored in traditional tabular formats like rows and columns.
-    - Requires advanced tools like machine learning or natural language processing (NLP) for analysis.
-    """)
-
-    st.write("""
-    **Examples:**
-    - **Images**: Photos, screenshots, or scanned documents.
-    - **Audio**: Podcasts, voice recordings, or music files.
-    - **Videos**: Recorded lectures, surveillance footage, or YouTube videos.
-    - **Text**: Emails, social media posts, and blog articles.
+    - Requires advanced tools for analysis.
     """)
 
     st.markdown("""
@@ -150,26 +169,26 @@ elif data_type == "Unstructured Data":
         </div>
     """, unsafe_allow_html=True)
 
-    if st.button("Explore Unstructured Data"):
+    if st.button("Unstructured Data Formats"):
         st.write("Select a format to explore:")
 
         # Sub-buttons for specific formats
         col1, col2, col3, col4 = st.columns(4)
 
         with col1:
-            if st.button("Images"):
+            if st.button("Explore Images"):
                 st.write("Redirecting to Images page...")
 
         with col2:
-            if st.button("Audio"):
+            if st.button("Explore Audio"):
                 st.write("Redirecting to Audio page...")
 
         with col3:
-            if st.button("Video"):
+            if st.button("Explore Video"):
                 st.write("Redirecting to Video page...")
 
         with col4:
-            if st.button("Text"):
+            if st.button("Explore Text"):
                 st.write("Redirecting to Text page...")
 
 # Semi-Structured Data Section
@@ -180,24 +199,13 @@ elif data_type == "Semi-Structured Data":
         </div>
     """, unsafe_allow_html=True)
 
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Definition:</h4>
+        </div>
+    """, unsafe_allow_html=True)
     st.write("""
-    **Semi-Structured data** refers to information that does not follow a strict tabular format but contains tags or markers to separate data elements.
-    This type of data is more flexible than structured data but still organized enough to allow for easier analysis than unstructured data.
-    """)
-
-    st.write("""
-    **Characteristics:**
-    - Contains markers or tags (e.g., XML, JSON keys) to provide structure.
-    - More flexible than structured data, allowing for varying schemas.
-    - Easier to process than unstructured data.
-    """)
-
-    st.write("""
-    **Examples:**
-    - **CSV**: Comma-separated values in plain-text files.
-    - **JSON**: A lightweight data-interchange format used in web applications.
-    - **XML**: Extensible Markup Language for structured document encoding.
-    - **HTML**: Markup language for web pages.
+    **Semi-Structured data** refers to information that contains markers or tags for structure but is not stored in a strict tabular format.
     """)
 
     st.markdown("""
@@ -206,24 +214,24 @@ elif data_type == "Semi-Structured Data":
         </div>
     """, unsafe_allow_html=True)
 
-    if st.button("Explore Semi-Structured Data"):
+    if st.button("Semi-Structured Data Formats"):
         st.write("Select a format to explore:")
 
         # Sub-buttons for specific formats
         col1, col2, col3, col4 = st.columns(4)
 
         with col1:
-            if st.button("CSV"):
+            if st.button("Explore CSV"):
                 st.write("Redirecting to CSV page...")
 
         with col2:
-            if st.button("JSON"):
+            if st.button("Explore JSON"):
                 st.write("Redirecting to JSON page...")
 
         with col3:
-            if st.button("XML"):
+            if st.button("Explore XML"):
                 st.write("Redirecting to XML page...")
 
         with col4:
-            if st.button("HTML"):
+            if st.button("Explore HTML"):
                 st.write("Redirecting to HTML page...")