Few visual improvements

app.py

@@ -1,3 +1,4 @@
+import base64
 import streamlit as st
 from streamlit_chat import message
 from streamlit_extras.colored_header import colored_header
@@ -77,30 +78,43 @@ agriculture: {agriculture}
     print(output)
     return f"Bot: {translate(output[0]['generated_text'])}"
 
+def sidebar_bg(side_bg):
+
+   side_bg_ext = 'png'
+
+   st.markdown(
+      f"""
+      <style>
+      [data-testid="stSidebar"] > div:first-child {{
+          background: url(data:image/{side_bg_ext};base64,{base64.b64encode(open(side_bg, "rb").read()).decode()});
+      }}
+      </style>
+      """,
+      unsafe_allow_html=True,
+      )
+
 def main():
     # Sidebar contents
     with st.sidebar:
-        st.title('🤗💬 HugChat App')
+        st.title('Smart فْلاّح 🌱👩🏻‍🌾')
         st.markdown('''
         ## About
-        This app is an LLM-powered chatbot built using:
-        - [Streamlit](https://streamlit.io/)
-        - [HugChat](https://github.com/Soulter/hugging-chat-api)
-        - [OpenAssistant/oasst-sft-6-llama-30b-xor](https://huggingface.co/OpenAssistant/oasst-sft-6-llama-30b-xor) LLM model
+        Smart فلاح , an innovative AI-based platform developed in Morocco, uses machine learning, image processing, and harnesses the power of Large Language Models to offer real-time crop insights to farmers in a customized and friendly way. This solution is tailored to the unique agricultural landscape and challenges of Morocco or Africa.
         
         💡 Note: No API key required!
         ''')
         add_vertical_space(5)
-        st.write('Made with ❤️ by [Data Professor](https://youtube.com/dataprofessor)')
+        st.write('Made with ❤️ by [Med Machrouh](https://hf.co/medmac01)')
 
     # Generate empty lists for generated and past.
     ## generated stores AI generated responses
     if 'generated' not in st.session_state:
-        st.session_state['generated'] = ["I'm HugChat, How may I help you?"]
+        st.session_state['generated'] = ["واحد السلام عليكم 👋🏻، كيفاش نقدر نعاونك؟"]
     ## past stores User's questions
     if 'past' not in st.session_state:
-        st.session_state['past'] = ['Hi!']
+        st.session_state['past'] = ['سلام!']
 
+    # sidebar_bg('bg.jpg')
     # Layout of input/response containers
     input_container = st.container()
 
@@ -130,8 +144,8 @@ def main():
             
         if st.session_state['generated']:
             for i in range(len(st.session_state['generated'])):
-                message(st.session_state['past'][i], is_user=True, key=str(i) + '_user')
-                message(st.session_state["generated"][i], key=str(i))
+                message(st.session_state['past'][i], is_user=True, key=str(i) + '_user', logo="https://i.pinimg.com/originals/d5/b2/13/d5b21384ccaaa6f9ef32986f17c50638.png")
+                message(st.session_state["generated"][i], key=str(i), logo= "https://emojiisland.com/cdn/shop/products/Robot_Emoji_Icon_7070a254-26f7-4a54-8131-560e38e34c2e_large.png?v=1571606114")
 
 if __name__ == "__main__":
     main()