Update Home.py

Home.py

@@ -57,7 +57,7 @@ if st.session_state.page == "Home":
     # Display description
     st.write(descriptions[step])
     
-    # Add a button to navigate to the Data Collection page
+    # Add a button to navigate to the Translation page
     if step == '1.Translation(Shifting)':
         if st.button("Learn More About Translation"):
             navigate_to("Translation")
@@ -92,3 +92,171 @@ elif st.session_state.page == "Translation":
     if st.button("Back to Home Page"):
         navigate_to("Home")
 
+
+    # Add a button to navigate to the Rotating page
+    if step == '2.Rotating':
+        if st.button("Learn More About Rotating"):
+            navigate_to("Rotating")
+
+# Rotating
+elif st.session_state.page == "Rotating":
+    st.title("2. 🔄 Rotation")
+    
+    # Content for Rotating
+    st.write('''
+            Definition:
+                Rotation turns the image around a fixed center point (usually the center of the image) by a certain angle.
+            ''')
+    st.image(r"Images/translationform.jpg",caption = "Mathmetical Form", width = 500)
+    st.write('''Example:
+                Moving an image 10 pixels to the right and 5 pixels down.
+            ''')
+    st.subheader("Code:")
+    st.code("""
+    import cv2
+    import numpy as np
+    tx = -50,ty = -50
+    tm = np.array([[1,0,tx],[0,1,ty]], dtype = np.float32)
+    trans_img = cv2.warpAffine(img,tm,dsize = (500,700))
+    cv2.imshow("originalimg",img)
+    cv2.imshow("translateimg",trans_img)
+    cv2.waitKey()
+    cv2.destroyAllWindows()""",language = "python")
+
+    st.markdown("<hr>", unsafe_allow_html=True)
+
+    if st.button("Back to Home Page"):
+        navigate_to("Home")
+
+
+     # Add a button to navigate to the Rotating page
+    if step == '2.Rotating':
+        if st.button("Learn More About Rotating"):
+            navigate_to("Rotating")
+
+# Rotating
+elif st.session_state.page == "Rotating":
+    st.title("2. 🔄 Rotation")
+    
+    # Content for Rotating
+    st.write('''
+            Definition:
+                Rotation turns the image around a fixed center point (usually the center of the image) by a certain angle.
+            ''')
+    st.image(r"Images/translationform.jpg",caption = "Mathmetical Form", width = 500)
+    st.write('''Example:
+                Moving an image 10 pixels to the right and 5 pixels down.
+            ''')
+    st.subheader("Code:")
+    st.code("""
+    import cv2
+    import numpy as np
+    tx = -50,ty = -50
+    tm = np.array([[1,0,tx],[0,1,ty]], dtype = np.float32)
+    trans_img = cv2.warpAffine(img,tm,dsize = (500,700))
+    cv2.imshow("originalimg",img)
+    cv2.imshow("translateimg",trans_img)
+    cv2.waitKey()
+    cv2.destroyAllWindows()""",language = "python")
+
+    st.markdown("<hr>", unsafe_allow_html=True)
+
+    if st.button("Back to Home Page"):
+        navigate_to("Home")
+
+
+
+
+
+
+# Rotating
+elif st.session_state.page == "Rotating":
+    st.title("2. 🔄 Rotation")
+    
+    # Content for Rotating
+    st.write('''
+            Definition:
+                Rotation turns the image around a fixed center point (usually the center of the image) by a certain angle.
+            ''')
+    st.image(r"Images/translationform.jpg",caption = "Mathmetical Form", width = 500)
+    st.write('''Example:
+                Moving an image 10 pixels to the right and 5 pixels down.
+            ''')
+    st.subheader("Code:")
+    st.code("""
+    import cv2
+    import numpy as np
+    tx = -50,ty = -50
+    tm = np.array([[1,0,tx],[0,1,ty]], dtype = np.float32)
+    trans_img = cv2.warpAffine(img,tm,dsize = (500,700))
+    cv2.imshow("originalimg",img)
+    cv2.imshow("translateimg",trans_img)
+    cv2.waitKey()
+    cv2.destroyAllWindows()""",language = "python")
+
+    st.markdown("<hr>", unsafe_allow_html=True)
+
+    if st.button("Back to Home Page"):
+        navigate_to("Home")
+
+
+# Rotating
+elif st.session_state.page == "Rotating":
+    st.title("2. 🔄 Rotation")
+    
+    # Content for Rotating
+    st.write('''
+            Definition:
+                Rotation turns the image around a fixed center point (usually the center of the image) by a certain angle.
+            ''')
+    st.image(r"Images/translationform.jpg",caption = "Mathmetical Form", width = 500)
+    st.write('''Example:
+                Moving an image 10 pixels to the right and 5 pixels down.
+            ''')
+    st.subheader("Code:")
+    st.code("""
+    import cv2
+    import numpy as np
+    tx = -50,ty = -50
+    tm = np.array([[1,0,tx],[0,1,ty]], dtype = np.float32)
+    trans_img = cv2.warpAffine(img,tm,dsize = (500,700))
+    cv2.imshow("originalimg",img)
+    cv2.imshow("translateimg",trans_img)
+    cv2.waitKey()
+    cv2.destroyAllWindows()""",language = "python")
+
+    st.markdown("<hr>", unsafe_allow_html=True)
+
+    if st.button("Back to Home Page"):
+        navigate_to("Home")
+
+
+# Rotating
+elif st.session_state.page == "Rotating":
+    st.title("2. 🔄 Rotation")
+    
+    # Content for Rotating
+    st.write('''
+            Definition:
+                Rotation turns the image around a fixed center point (usually the center of the image) by a certain angle.
+            ''')
+    st.image(r"Images/translationform.jpg",caption = "Mathmetical Form", width = 500)
+    st.write('''Example:
+                Moving an image 10 pixels to the right and 5 pixels down.
+            ''')
+    st.subheader("Code:")
+    st.code("""
+    import cv2
+    import numpy as np
+    tx = -50,ty = -50
+    tm = np.array([[1,0,tx],[0,1,ty]], dtype = np.float32)
+    trans_img = cv2.warpAffine(img,tm,dsize = (500,700))
+    cv2.imshow("originalimg",img)
+    cv2.imshow("translateimg",trans_img)
+    cv2.waitKey()
+    cv2.destroyAllWindows()""",language = "python")
+
+    st.markdown("<hr>", unsafe_allow_html=True)
+
+    if st.button("Back to Home Page"):
+        navigate_to("Home")