ui.py

import streamlit as st 

def APP():

        col1,col2=st.columns(2)
    
        with col1:
            
            #st.title("newMATTER")
            st.markdown("""
            <p>new</p>
            <h2 style='color:red'>MATTER</h2>
            """,use_unsafe_html=True)
            
        with col2:
            st.image("https://pub-e4d20ff4ef334a2894d440ac56d680db.r2.dev/flask.gif",width=190)
            
    
        tab1, tab2, tab3 = st.tabs(["PROTEIN ENGINEERING LAB", "EXECUTED OPERATIONS", "LAB OUTPUT"])
    
    
        def SHOWTABS():
            

            st.markdown("""
            <style>
                @keyframes blink {
                    0% { opacity: 1; }
                    50% { opacity: 0; }
                    100% { opacity: 1; }
                }

                .blinking-text {
                    animation: blink 2s infinite;
                    font-size: 20px;
                    font-weight: bold;
                    color: red;
                }
            </style>
            """, unsafe_allow_html=True)

            st.markdown('<div class="blinking-text"> CAUTION ! </div>', unsafe_allow_html=True)
            
            with tab1:
                with st.form("bio",border=False):

                    with st.expander("setup",icon=":material/settings:"):
                        uid=st.text_input("enter username")
                        project_name=st.text_input("enter project name ")


                    if uid and project_name == "":
                        st.markdown(":orange-badge[⚠️ Set Username and Projectname ]")
                    else:
                        user_input = st.text_area(
                            "Protein Engineering Query",
                            placeholder="Type your query here."
                        )
                        execute_button=st.form_submit_button("execute")
                    
                        if execute_button:

                            st.session_state.projectname = project_name
                            output=None
                            if output:
                                with console_container:
                                    st.code(f"> {output}", language="rust")
                                    st.success("Task completed!")
                            else:
                                with console_container:
                                    st.warning(">>>Error")


            with tab2:
                st.markdown("### Operations")
    
            with tab3:
                st.markdown("### Output")

            
        SHOWTABS()