app.py

import streamlit as st

# --- SHARED ON ALL PAGES ---
#st.logo(image=":material/medical_information:")
st.logo("images/medical_information_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.png")
st.sidebar.text("Project by SPG")


# --- PAGE SETUP ---
home_page = st.Page(
    page="pages/home.py",
    title="Home",
    icon=":material/home:",
    default=True,)

type_text_page = st.Page(
    page="pages/type_text.py",
    title="type text",
    icon=":material/keyboard:",
    default=False,)

upload_file_page = st.Page(
    page="pages/upload_file.py",
    title="upload file",
    icon=":material/file_upload:",
    default=False,)

about_page = st.Page(
    page="pages/about.py",
    title="About the app",
    icon=":material/info:",
    default=False)


# Create scrollable content
for i in range(100):
    st.write(f"This is scrollable content line {i}")

# Create an anchor at the bottom
st.markdown('<div id="bottom"></div>', unsafe_allow_html=True)

# Add JavaScript to automatically scroll to the anchor
st.markdown("""
<script>
    // Set a timeout to ensure the page has loaded
    setTimeout(function() {
        // Scroll to the bottom anchor
        document.getElementById('bottom').scrollIntoView();
    }, 500);
</script>
""", unsafe_allow_html=True)


# --- NAVIGATION SETUP ---
#pg = st.navigation(pages=[home_page, type_text_page, upload_file_page, about_page]) # WITHOUT SECTIONS
pg = st.navigation({"Home": [home_page], "Demo": [type_text_page, upload_file_page], "About": [about_page]}) # WITH SECTIONS

pg.run()