new text - accordion

app.py

@@ -19,9 +19,17 @@ rag = load_rag_pipeline()
 with st.chat_message(name="ai", avatar=":material/smart_toy:"):
     st.html(
         """
-        <h3>Welcome to the GIZ Gender Strategy Assistant</h3>
+        <div style="display: flex; align-items: center; gap: 10px;">
+            <span style="font-size: 36px;">🤖</span>
+            <h3 style="margin: 0;">Welcome to the GIZ Gender Strategy Assistant</h3>
+        </div>
         <p>This assistant provides <b>reliable answers</b> about the <b>GIZ Gender Strategy (2019)</b>, helping you quickly access key insights from the official document.</p>
-        
+        """
+    )
+
+with st.expander("📖 Further Information"):
+    st.html(
+        """
         <h4>💡 How does the app work?</h4>
         <p>The assistant uses a <b>Retrieval-Augmented Generation (RAG) approach</b> to ensure responses are grounded in the content of the <b>GIZ Gender Strategy (2019)</b>:</p>
         <ul>
@@ -39,18 +47,24 @@ with st.chat_message(name="ai", avatar=":material/smart_toy:"):
             <li>How does the strategy align with the <b>2030 Agenda</b>?</li>
             <li>How is the success of the strategy measured and reviewed?</li>
         </ul>
-
-        <h4>📌 Further resources:</h4>
-        <ul>
-            <li>📄 <a href="https://www.giz.de/de/downloads/giz-2019-de-genderstrategie.pdf" target="_blank"><b>GIZ Gender Strategy (2019, PDF)</b></a></li>
-            <li>🌍 <a href="https://reporting.giz.de/2022/operating-responsibly/our-gender-strategy/index.html" target="_blank"><b>GIZ Gender Strategy Website</b></a></li>
-            <li>📊 <a href="https://www.blog-datalab.com/" target="_blank"><b>GIZ Data Lab Blog</b></a></li>
-        </ul>
-
-        <p>Feel free to explore and gain deeper insights into GIZ’s commitment to gender equality! 🚀</p>
         """
     )
 
+st.html(
+    """
+    <h4>📌 Further resources:</h4>
+    <ul>
+        <li>📄 <a href="https://www.giz.de/de/downloads/giz-2019-de-genderstrategie.pdf" target="_blank"><b>GIZ Gender Strategy (2019, PDF)</b></a></li>
+        <li>🌍 <a href="https://reporting.giz.de/2022/operating-responsibly/our-gender-strategy/index.html" target="_blank"><b>GIZ Gender Strategy Website</b></a></li>
+        <li>📊 <a href="https://www.blog-datalab.com/" target="_blank"><b>GIZ Data Lab Blog</b></a></li>
+    </ul>
+
+    <p>Feel free to explore and gain deeper insights into GIZ’s commitment to gender equality! 🚀</p>
+    <p><b>Now, go ahead and ask a question related to the GIZ Gender Strategy in the text field below!</b> 📝</p>
+    """
+)
+
+
 if "messages" not in st.session_state:
     st.session_state.messages = []