Update app.py

app.py

@@ -62,6 +62,29 @@ if sidebar_option == "Introductory Tutorial":
     # Display a logo or icon
     image = Image.open("1.png")  # Path to your image file
     st.image(image, width=200)  # You can adjust the width as needed
+
+    # Add the Bubble Sort Simulator button
+    if st.button("Bubble Sort Simulator"):
+        st.title("Bubble Sort with Animation")
+
+        # Get input array from user
+        user_input = st.text_input("Enter the array elements separated by spaces:")
+        if user_input:
+            arr = list(map(int, user_input.split()))
+
+            # Ask the user if they want an animation
+            animate_option = st.radio("Do you want to see the animation?", ("Yes", "No"))
+            animate = animate_option == 'Yes'
+
+            # Perform bubble sort and get the steps for animation
+            sorted_array, steps = bubble_sort(arr, animate)
+
+            # Display the sorted array
+            st.write("Sorted Array:", sorted_array)
+
+            # Show animation if required
+            if animate:
+                animate_sorting(arr, steps)
     
     # Add content descriptions
     descriptions = [
@@ -101,29 +124,6 @@ if sidebar_option == "Introductory Tutorial":
         st.write(desc)
         st.write("---")
 
-    # Add the Bubble Sort Simulator button
-    if st.button("Bubble Sort Simulator"):
-        st.title("Bubble Sort with Animation")
-
-        # Get input array from user
-        user_input = st.text_input("Enter the array elements separated by spaces:")
-        if user_input:
-            arr = list(map(int, user_input.split()))
-
-            # Ask the user if they want an animation
-            animate_option = st.radio("Do you want to see the animation?", ("Yes", "No"))
-            animate = animate_option == 'Yes'
-
-            # Perform bubble sort and get the steps for animation
-            sorted_array, steps = bubble_sort(arr, animate)
-
-            # Display the sorted array
-            st.write("Sorted Array:", sorted_array)
-
-            # Show animation if required
-            if animate:
-                animate_sorting(arr, steps)
-
 def plot_greedy_coloring(graph):
     # Apply greedy coloring
     graph_coloring = nx.greedy_color(graph)