Welcome.py

import streamlit as st

# Configure page settings
st.set_page_config(
    page_title="Welcome to Fast & Fair!",
    page_icon="🌟",
    layout="wide",
)

# Disable the scrollbar for the Streamlit sidebar
st.markdown(
    """
    <style>
    .sidebar .sidebar-content {
        overflow-y: hidden;
    }
    </style>
    """,
    unsafe_allow_html=True
)

# Page 1: Introduction
st.title(" Welcome to Fast & Fair! 👋")

st.write("This app is designed to help you achieve fair division of indivisible items!")
st.markdown(
    """
    We offer a variety of algorithmic implementations to ensure a fair distribution of these items, taking into account standard fairness notions such as envy-freeness up to one item (EF1) and weighted envy-freeness (WEF).
    
    Our app will help you find an allocation that fulfills these notions as closely as possible while maximizing overall satisfaction. 
"""
)

# Page 2: App Layout and Components
st.header("App Layout")
st.write("Let's take a quick tour of the app's components:")

# Load and display the image
tab1, tab2, tab3 = st.tabs(["App 1", "App 2", "App 3"])
with tab1:
    image = "./resource/layout1.png"
    st.image(image, caption="App Layout", use_column_width=True)

with tab2:
    image = "./resource/layout2.png"
    st.image(image, caption="App Layout", use_column_width=True)

with tab3:
    image = "./resource/layout3.png"
    st.image(image, caption="App Layout", use_column_width=True)

st.markdown(
    "- **Sidebar**: On the left, you'll find a handy sidebar for easy navigation.")
st.markdown(
    "- **Main Section**: The main section in the center will display the content of the selected page.")
st.markdown(
    "- **User Guide**: The default page provides a user guide to help you understand how to use the app.")

# Contribution
st.header("Community Contribution")

st.markdown("""
            You are cordially invited to join our <a href="https://join.slack.com/t/fastfaircommunity/shared_invite/zt-1xyl1akls-ukrAsy3Kmm5lilCuB1uOmQ">Slack channel</a> for latest updates and Q&A.
            """,
            unsafe_allow_html=True)

st.markdown(
    """
    We welcome community contributions. If you are interested to contribute to this site by 
        authoring a new app, you may check out <a href="https://github.com/JThh/fair-alloc-app-ra/blob/new_main/contribution/ADVANCED_CONTRIBUTION.md">this guide</a>.
    """,
    unsafe_allow_html=True,
)

st.markdown(
    """
    If you want to play with a fair allocation app on your own, our <a href="https://fair-alloc.streamlit.app/Create_Your_Own_App!">code template generator</a> will serve your purpose.
    """,
    unsafe_allow_html=True,
)


# Page 3: Allocation App Introduction
# st.header("Allocation App: Achieving Weighted Envy-Freeness")
# st.write(
#     "The allocation app is designed to help you achieve weighted envy-freeness by fairly allocating indivisible items. Here's how it works:"
# )
# st.markdown(
#     """
#     1. Start by providing the number of participants and the available items.
#     2. For each participant, specify their preferences for the items. You can assign weights to these preferences to reflect their importance.
#     3. Once you've entered all the preferences, click on the 'Run Allocation Algorithm' button.
#     4. Our algorithms will process the inputs and generate an allocation that minimizes envy while considering the weights assigned to preferences.
#     5. The app will display the resulting allocation along with any relevant statistics or insights.
# """
# )
# st.write(
#     "With our fair allocation app, you can explore various scenarios and experiment with different preferences and weightings to find an allocation that best satisfies the weighted envy-freeness objective."
# )

st.header("Troubleshooting")
st.write(
    "If the app cannot load on Chrome and only shows a blank page, you may need to clear the browser cache for this site."
)
st.image('./resource/reload.png', caption="Reload Option")
st.markdown(
    """
    1. Firstly, go into Chrome Developer Tools. That is CMD+Option+I on a Mac, and CTRL+Shift+I or F12 on Windows, Linux, and Chromebooks.
    2. From here, right click the **Refresh** button 🔄 next to the address bar.
    3. Click **Empty Cache and Hard Reload** in the list of options. The cache for this website, and this website only, has been emptied.
"""
)


hide_streamlit_style = """
    <style>
        #MainMenu {visibility: hidden;}
        footer {visibility: hidden;}
    </style>
"""
st.markdown(hide_streamlit_style, unsafe_allow_html=True)

st.markdown(
    """
    <div class="footer" style="padding-top: 200px; margin-top: auto; text-align: left; font-size: 10px; color: #777777;">
    <p>Developed by <a href="https://www.linkedin.com/in/jiatong-han-06636419b/" target="_blank">Jiatong Han</a>, 
    kindly advised by Prof. <a href="https://www.comp.nus.edu.sg/~warut/" target="_blank">Warut Suksompong</a></p>
    <p>&copy; 2023. All rights reserved.</p>
    </div>
    """,
    unsafe_allow_html=True
)