Update pages/Info _of_Image.py

pages/Info _of_Image.py

@@ -28,6 +28,8 @@ custom_css = """
 
 # Inject the CSS into the app
 st.markdown(custom_css, unsafe_allow_html=True)
+
+# What is an Image
 st.markdown("<h2 style='text-align: left; color: Black;'>What is IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -35,6 +37,8 @@ st.markdown(
     "</p>", 
     unsafe_allow_html=True
 )
+
+# Features of an Image
 st.markdown("<h2 style='text-align: left; color: Black;'>Features of IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
@@ -44,44 +48,51 @@ st.markdown(
 )
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
-    "File Formats: Images can be stored in different formats,"
-    "JPEG/JPG: Widely used for photographs and online images due to their efficient balance between quality and file size."
-    "PNG: Preferred for high-quality visuals or images requiring transparency, such as logos."
-    "GIF: Commonly utilized for basic animations or compact graphics."
+    "File Formats: Images can be stored in different formats, such as:<br>"
+    "<b>JPEG/JPG:</b> Widely used for photographs and online images due to their efficient balance between quality and file size.<br>"
+    "<b>PNG:</b> Preferred for high-quality visuals or images requiring transparency, such as logos.<br>"
+    "<b>GIF:</b> Commonly utilized for basic animations or compact graphics."
     "</p>", 
     unsafe_allow_html=True
 )
+
+# Basic Operations in Image
 st.markdown("<h2 style='text-align: left; color: Black;'>Basic Operations in IMAGE</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
-    "For performing this Basic Operations we use cv2 function from opencv library"
+    "For performing these basic operations, we use the <b>cv2</b> module from the OpenCV library.<br>"
     "cv2 is the Python module for OpenCV (Open Source Computer Vision Library), a powerful library used for computer vision and image processing tasks. It provides a wide range of tools and algorithms for analyzing and manipulating images and videos."
     "</p>", 
     unsafe_allow_html=True
 )
+
+# Why cv2 is Used
 st.markdown("<h3 style='text-align: left; color: Black;'>Why cv2 is Used</h3>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: White; font-style: italic;'>"
-    "cv2 is used for various ways like:"
-    "1.Image Processing"
-    "2.Video Analysis"
-    "3.Feature Detection"
-    "4.Image Transformations"
+    "cv2 is used for various purposes, including:<br>"
+    "1. <b>Image Processing:</b> Tasks like filtering, resizing, and format conversion.<br>"
+    "2. <b>Video Analysis:</b> Techniques for video frame manipulation and analysis.<br>"
+    "3. <b>Feature Detection:</b> Identifying features such as edges, corners, or objects in images.<br>"
+    "4. <b>Image Transformations:</b> Rotations, translations, and other geometric operations."
     "</p>", 
     unsafe_allow_html=True
 )
+
+# Operations Used
 st.markdown("<h3 style='text-align: left; color: Black;'>Operations Used</h3>", unsafe_allow_html=True)
-st.markdown("1.imread()")
-st.markdown("2.imshow()")
-st.markdown("3.imwrite()") 
-st.markdown("4.cv2.waitkey()")
-st.markdown("5.destroyallwindows()")
+st.markdown("1. imread()")
+st.markdown("2. imshow()")
+st.markdown("3. imwrite()")
+st.markdown("4. cv2.waitKey()")
+st.markdown("5. destroyAllWindows()")
 
-# Add a link to the code
+# Add links to the GitHub repositories
 st.markdown(
     "<p style='font-size: 16px; color: White;'>"
-    "You can view and run the code in Colab: "
-    "<a href='https://colab.research.google.com/drive/1fvP-k70HJnp1iCN7Vs-tkfFs8vq--WGc?usp=sharing' target='_blank' style='color: #FFD700;'>Colab Notebook</a>"
+    "You can explore the code examples on GitHub:<br>"
+    "<a href='https://github.com/Sathwik4119/IMAGE/blob/main/IMAGE.ipynb' target='_blank' style='color: #FFD700;'>IMAGE Creation</a><br>"
+    "<a href='https://github.com/Sathwik4119/IMAGE/blob/main/Basicoperations_on_image.ipynb' target='_blank' style='color: #FFD700;'>Basic Operations on Image</a>"
     "</p>", 
     unsafe_allow_html=True
 )