Home page completed

app.py

@@ -25,7 +25,19 @@ def main():
     with col_right:
         st.subheader('How to use')
 
-        if st.button(label="Generator", type="primary"):
+        st.markdown("##### 1. Upload an image.")
+
+        st.image(image="assets/self_portrait.jpg", width=180)
+
+        st.markdown("##### 2. Click on 'Generate Caption'.")
+
+        st.button(label="Generate Caption", type="primary", key="disabled Generation", use_container_width=True, disabled=True)
+
+        st.markdown("##### 3. Boom!! Your imaginary caption is ready.")
+
+        st.markdown(f'<div style="display: flex; justify-content: center;"><p style="font-size: 25px; font-weight: bold; color: blue;">Johan Hagemeyer</p></div>', unsafe_allow_html = True)
+
+        if st.button(label="Go To Generator", type="primary"):
             st.switch_page(page='pages/Caption_Generator.py')
 
 if __name__ == "__main__":

pages/Caption_Generator.py

@@ -12,7 +12,7 @@ from transformers import VisionEncoderDecoderModel
 st.set_page_config(
     layout="centered",
     page_title="Generate Caption",
-    initial_sidebar_state="auto",
+    initial_sidebar_state="collapsed",
 )
 
 # Initializing session state keys