Update my_pages/pre_information_loss.py

my_pages/pre_information_loss.py

@@ -1,6 +1,4 @@
 import streamlit as st
-import time
-from utils import go_to
 from utils import add_bottom_navigation, add_fadein_text
 
 def render():
@@ -13,41 +11,6 @@ def render():
         "and returning as you wish, or follow the guided tutorial which will go through all pieces in order.", 2)
     ]
 
-    # add_fadein_text(paragraphs)
-    # Define CSS fade-in animation
-    st.markdown("""
-        <style>
-        @keyframes fadeIn {
-            from {opacity: 0;}
-            to {opacity: 1;}
-        }
-        .fade-in {
-            animation: fadeIn 1.5s ease-in forwards;
-            opacity: 0;
-            margin-bottom: 1em;
-            font-size: 24px;
-            color: #A6C8FF;
-            text-align: left;
-        }
-        </style>
-    """, unsafe_allow_html=True)
+    add_fadein_text(paragraphs)
 
-    # Create one placeholder for each paragraph
-    placeholders = [st.empty() for _ in paragraphs]
-
-    # Reveal paragraphs sequentially
-    for i, p in enumerate(paragraphs):
-        placeholders[i].markdown(f"<div class='fade-in'>{p[0]}</div>", unsafe_allow_html=True)
-        time.sleep(p[1])  # delay (seconds) before showing next one
-    
-    # add_bottom_navigation("landing", "information_loss")
-    st.markdown("---")
-    col1, col2, col3 = st.columns([1, 4, 1])
-
-    with col1:
-        if st.button("Previous"):
-            go_to("landing")
-
-    with col3:
-        if st.button("Next"):
-            go_to("information_loss")
+    add_bottom_navigation("landing", "information_loss")