import streamlit as st

st.set_page_config(layout="wide")

st.sidebar.title("NeuralGPT")
st.sidebar.info(
    """
    - GitHub repository: <https://github.com/CognitiveCodes/NeuralGPT>
    """
)
async def main():    
    st.sidebar.text("Server ports:")
    serverPorts = st.sidebar.container(border=True)
    serverPorts.text("Local ports")
    st.sidebar.text("Client ports")
    clientPorts = st.sidebar.container(border=True)
    clientPorts.text("Connected ports")

st.sidebar.title("Contact")
st.sidebar.info(
    """
    Qiusheng Wu at [wetlands.io](https://wetlands.io) | [GitHub](https://github.com/giswqs) | [Twitter](https://twitter.com/giswqs) | [YouTube](https://www.youtube.com/c/QiushengWu) | [LinkedIn](https://www.linkedin.com/in/qiushengwu)
    """
)

st.title("NeuralGPT")

st.markdown(
    """
    This page is supposed to work as interface of a hierarchical cooperative multi-agent frameork/platform called NeuralGPT

    """
)

st.info("Click on the left sidebar menu to navigate to the different apps.")

st.subheader("shit goes in here")
st.markdown(
    """
    The following stuff is totally random no need to think about it too much.
"""
)

row1_col1, row1_col2 = st.columns(2)
with row1_col1:

    st.image("https://i.postimg.cc/gk0LXT5p/earth6.gif")             
    st.image("https://i.postimg.cc/kM2d2NcZ/movie-18.gif")
    st.image("https://i.postimg.cc/8z5ccf7z/Screenshot-2022-03-02-21-27-22-566-com-google-android-youtube.jpg")

with row1_col2:
    st.image("https://i.postimg.cc/X7nw1tFT/Neural-GPT.gif")
    st.image("https://i.postimg.cc/qBwpKMVh/brain-cell-galaxy.jpg")
    st.image("https://i.postimg.cc/YqvTSppw/dh.gif")
    st.image("https://i.postimg.cc/T1sdWCL2/pyth.png")