Update app.py

app.py

@@ -12,38 +12,29 @@ from typing import List
 from together import Together
 
 
-st.set_page_config(page_title="چت‌ بات توانا", page_icon="🪖", layout="wide")
+import streamlit as st
+from PIL import Image
+
+st.set_page_config(page_title="چت‌ بات ارتش", page_icon="🪖", layout="wide")
 
-st.markdown(f"""
+# استایل
+st.markdown("""
     <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 {{
-        background: url("./military_bg.jpeg") no-repeat center center fixed;
+    .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;
@@ -51,30 +42,30 @@ st.markdown(f"""
         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;
@@ -82,39 +73,41 @@ st.markdown(f"""
         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)
 
-# لوگو در مرکز
-st.markdown("""
-    <div class="logo-container">
-        <img src="army.png" alt="لوگو">
-    </div>
-""", unsafe_allow_html=True)
+# لوگو در وسط با columns
+col1, col2, col3 = st.columns([1, 1, 1])
+with col2:
+    try:
+        image = Image.open("army.png")
+        st.image(image, width=240)
+    except FileNotFoundError:
+        st.error("📁 فایل 'army.png' پیدا نشد. مطمئن شو کنار فایل اصلی Streamlit هست.")
 
 # تیتر
 st.markdown("""
     <div class="header-text">
-        <h1>چت‌ بات توانا</h1>
+        <h1>چت‌ بات ارتش</h1>
         <div class="subtitle">دستیار هوشمند برای تصمیم‌گیری در میدان نبرد</div>
     </div>
 """, unsafe_allow_html=True)