Update app.py

app.py

@@ -12,25 +12,38 @@ from typing import List
 from together import Together
 
 
-st.set_page_config(page_title="چت‌ بات توانا", page_icon="🪖", layout="wide")
+st.set_page_config(page_title="چت‌ بات ارتش", page_icon="🪖", layout="wide")
 
-st.markdown("""
+st.markdown(f"""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
 
-    html, body, [class*="css"] {
+    html, body, [class*="css"] {{
         font-family: 'Vazirmatn', Tahoma, sans-serif;
         direction: rtl;
         text-align: right;
-    }
+    }}
 
-    .stApp {
+    .stApp {{
         background: url("./military_bg.jpeg") no-repeat center center fixed;
         background-size: cover;
         backdrop-filter: blur(2px);
-    }
+    }}
+
+    .logo-container {{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        margin-top: 30px;
+    }}
+
+    .logo-container img {{
+        width: 240px;
+        border-radius: 10px;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.25);
+    }}
 
-    .stChatMessage {
+    .stChatMessage {{
         background-color: rgba(255,255,255,0.8);
         border: 1px solid #4e8a3e;
         border-radius: 12px;
@@ -38,30 +51,30 @@ st.markdown("""
         margin-bottom: 15px;
         box-shadow: 0 4px 10px rgba(0,0,0,0.2);
         animation: fadeIn 0.4s ease-in-out;
-    }
+    }}
 
-    .stTextInput > div > input, .stTextArea textarea {
+    .stTextInput > div > input, .stTextArea textarea {{
         background-color: rgba(255,255,255,0.9) !important;
         border-radius: 8px !important;
         direction: rtl;
         text-align: right;
         font-family: 'Vazirmatn', Tahoma;
-    }
+    }}
 
-    .stButton>button {
+    .stButton>button {{
         background-color: #4e8a3e !important;
         color: white !important;
         font-weight: bold;
         border-radius: 10px;
         padding: 8px 20px;
         transition: 0.3s;
-    }
+    }}
 
-    .stButton>button:hover {
+    .stButton>button:hover {{
         background-color: #3c6d30 !important;
-    }
+    }}
 
-    .header-text {
+    .header-text {{
         text-align: center;
         margin-top: 20px;
         margin-bottom: 40px;
@@ -69,35 +82,39 @@ st.markdown("""
         padding: 20px;
         border-radius: 20px;
         box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-    }
+    }}
 
-    .header-text h1 {
+    .header-text h1 {{
         font-size: 42px;
         color: #2c3e50;
         margin: 0;
         font-weight: bold;
-    }
+    }}
 
-    .subtitle {
+    .subtitle {{
         font-size: 18px;
         color: #34495e;
         margin-top: 8px;
-    }
+    }}
 
-    @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(10px); }
-        to { opacity: 1; transform: translateY(0); }
-    }
+    @keyframes fadeIn {{
+        from {{ opacity: 0; transform: translateY(10px); }}
+        to {{ opacity: 1; transform: translateY(0); }}
+    }}
     </style>
 """, unsafe_allow_html=True)
 
-col1, col2, col3 = st.columns([1, 1, 1])
-with col2:
-    st.image("army.png", width=240)
+# لوگو در مرکز
+st.markdown("""
+    <div class="logo-container">
+        <img src="army.png" alt="لوگو">
+    </div>
+""", unsafe_allow_html=True)
 
+# تیتر
 st.markdown("""
     <div class="header-text">
-        <h1>چت‌ بات توانا</h1>
+        <h1>چت‌ بات ارتش</h1>
         <div class="subtitle">دستیار هوشمند برای تصمیم‌گیری در میدان نبرد</div>
     </div>
 """, unsafe_allow_html=True)