app.py

import streamlit as st

servers = {}
inputs = []
outputs = []
used_ports = []
server_ports = []
client_ports = []

st.set_page_config(layout="wide")

if "server_Ports" not in st.session_state:
    st.session_state.server_Ports = None
if "client_Ports" not in st.session_state:
    st.session_state.client_Ports = None  

st.sidebar.title("NeuralGPT")
st.sidebar.info(
    """
    [GitHub](https://github.com/giswqs)
    """
)
async def main():    
    st.sidebar.text("Server ports:")
    serverPorts = st.sidebar.container(border=True)
    serverPorts.text(st.session_state.server_Ports)
    st.sidebar.text("Client ports")
    clientPorts = st.sidebar.container(border=True)
    clientPorts.text(st.session_state.client_Ports)

st.title("NeuralGPT")

st.markdown(
    """
    This page is supposed to work as interface of a hierarchical cooperative multi-agent framework/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")
    st.image("https://i.postimg.cc/T1sdWCL2/pyth.png")

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")