Spaces:
Sleeping
Sleeping
File size: 3,777 Bytes
fb20480 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
"""
مكون عرض معلومات فريق التطوير
"""
import streamlit as st
def display_credits():
"""
عرض معلومات فريق التطوير
"""
# تعريف بيانات الفريق
team_members = [
{
"name": "م بدر وهبي",
"role": "مدير المشروع",
"image": "badr.jpg",
"bio": " مدير تطوير اعمال و عضو مجلس اداره ورئيس قسم تكنولوجياالمعلومات "
},
{
"name": "م تامر الجوهري",
"role": "مهندس الذكاء الاصطناعي",
"image": "tamer.jpg",
"bio": " متخصص في معالجة اللغة العربية الطبيعية وتحليل البيانات - مدير تقنية المعومات لفرع المنطقة الشمالية"
},
{
"name": "م اسلام عيسي",
"role": "أخصائي تطوير التسعير",
"image": "Islam.jpg",
"bio": "مدير المكتب الفني فرع القصيم و خبير في أنظمة التسعير المتقدمة والتحليل المالي للمشاريع"
}
]
# عرض معلومات الفريق في صفوف
# كل صف يحتوي على 3 أعضاء
cols_per_row = 3
for i in range(0, len(team_members), cols_per_row):
# إنشاء الأعمدة
cols = st.columns(cols_per_row)
# عرض الأعضاء في هذا الصف
for j in range(cols_per_row):
idx = i + j
if idx < len(team_members):
member = team_members[idx]
with cols[j]:
# عرض صورة العضو (استخدام صورة افتراضية إذا لم تكن متوفرة)
try:
st.image(f"static/images/team/{member['image']}", width=150)
except:
# استخدام الأحرف الأولى من الاسم كصورة افتراضية
initials = ''.join([name[0] for name in member['name'].split() if name.startswith('م.') == False])
st.markdown(f"""
<div class="avatar">
<span>{initials}</span>
</div>
""", unsafe_allow_html=True)
# عرض معلومات العضو
st.markdown(f"""
<div class="team-member">
<h3>{member['name']}</h3>
<h4>{member['role']}</h4>
<p>{member['bio']}</p>
</div>
""", unsafe_allow_html=True)
# إضافة أسلوب CSS للعرض
st.markdown("""
<style>
.team-member {
text-align: center;
margin-bottom: 20px;
}
.team-member h3 {
color: #333;
margin-bottom: 5px;
font-size: 18px;
}
.team-member h4 {
color: #ff9a3c;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px;
}
.team-member p {
color: #666;
font-size: 12px;
}
.avatar {
background-color: #ff9a3c;
color: white;
width: 100px;
height: 100px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 15px auto;
font-size: 36px;
}
</style>
""", unsafe_allow_html=True) |